записи реестра - tooltip, иконка статуса, i18tr

constructor/components/записи реестра/записи реестра.css

@@ -45,6 +45,22 @@
   color: red;
 }
 
+.exp-table .registry_status_row[statusrow="STATE_SUCCESSFUL"] {
+  color: #49B785;
+}
+
+.exp-table .registry_status_row[statusrow="STATE_NOT_FINISHED"] {
+  color: #1890FF;
+}
+
+.exp-table .registry_status_row[statusrow="NO_ROUTE"] {
+  color: #C4C4C4;
+}
+
+.exp-table .registry_status_row[statusrow="STATE_UNSUCCESSFUL"] {
+  color: #ef2d35;
+}
+
 .uk-table.doc-info {
   border-collapse: collapse;
   width: 100%;

constructor/components/записи реестра/записи реестра.js

@@ -198,39 +198,39 @@ const registryTable = {
   removeRegistryRow: function(uuid, e) {
     e.preventDefault();
     e.target.blur();
-    UIkit.modal.confirm('Вы действительно хотите удалить запись реестра?').then(() => {
+    UIkit.modal.confirm(i18n.tr('Вы действительно хотите удалить запись реестра?'), {labels: {ok: i18n.tr('Да'), cancel: i18n.tr('Отмена')}}).then(() => {
       Cons.showLoader();
       try {
         rest.synergyGet(`api/registry/delete_doc?dataUUID=${uuid}`, res => {
           if(res.errorCode != '0') throw new Error(res.errorMessage);
-          showMessage("Запись реестра удалена", "success");
+          showMessage(i18n.tr("Запись реестра удалена"), "success");
           this.createBody();
           Cons.hideLoader();
         });
       } catch (err) {
         Cons.hideLoader();
-        showMessage("Произошла ошибка при удалении записи реестра", "error");
+        showMessage(i18n.tr("Произошла ошибка при удалении записи реестра"), "error");
         console.log(error);
       }
     }, () => null);
   },
 
   removeSelectedRow: function() {
-    UIkit.modal.confirm('Вы действительно хотите удалить все выделенные записи реестра?').then(() => {
+    UIkit.modal.confirm(i18n.tr('Вы действительно хотите удалить все выделенные записи реестра?'), {labels: {ok: i18n.tr('Да'), cancel: i18n.tr('Отмена')}}).then(() => {
       Cons.showLoader();
       try {
         let promises = [];
         this.selectedItems.forEach(docID => promises.push(deleteDoc(docID)));
 
         Promise.all(promises).then(res => {
-          showMessage("Все выделенные записи реестра удалены", "success");
+          showMessage(i18n.tr("Все выделенные записи реестра удалены"), "success");
           this.createBody();
           Cons.hideLoader();
         });
 
       } catch (err) {
         Cons.hideLoader();
-        showMessage("Произошла ошибка при удалении записей реестра", "error");
+        showMessage(i18n.tr("Произошла ошибка при удалении записей реестра"), "error");
         console.log(error);
       }
     }, () => null);
@@ -292,7 +292,7 @@ const registryTable = {
         openFormPlayer(dataRow.dataUUID);
       }
     } else {
-      showMessage('У вас нет прав на просмотр этого документа', 'warning');
+      showMessage(i18n.tr('У вас нет прав на просмотр этого документа'), 'warning');
     }
   },
 
@@ -332,21 +332,32 @@ const registryTable = {
   },
 
   createRow: function(dataRow) {
-    let tr = $('<tr>');
+    const {documentID, fieldValue, status} = dataRow;
+    const tr = $('<tr>');
 
-    let checkbox = $('<input/>').addClass('uk-checkbox').attr('type', 'checkbox');
-    let tmpTd = $('<td>');
-    if(this.selectedItems.indexOf(dataRow.documentID) !== -1) checkbox.prop('checked', true);
+    const checkbox = $('<input/>').addClass('uk-checkbox').attr('type', 'checkbox');
+    const tmpTd = $('<td>');
+    if(this.selectedItems.indexOf(documentID) !== -1) checkbox.prop('checked', true);
     tmpTd.append(`<span class="mobile-table-header">Выбор</span>`).append(checkbox);
-    tr.append(tmpTd);
+
+    const statusRow = $(`<td class="registry_status_row" statusrow="${status}">`);
+
+    switch (status) {
+      case "STATE_SUCCESSFUL": statusRow.append(`<span uk-icon="icon: check"></span>`); break;
+      case "STATE_NOT_FINISHED": statusRow.append(`<span uk-icon="icon: future"></span>`); break;
+      case "STATE_UNSUCCESSFUL": statusRow.append(`<span uk-icon="icon: ban"></span>`); break;
+      default: statusRow.append(`<span uk-icon="icon: file-text"></span>`);
+    }
+
+    tr.append(statusRow, tmpTd);
 
     checkbox.on('change', e => {
       if(e.target.checked) {
-        if(this.selectedItems.indexOf(dataRow.documentID) === -1) {
-          this.selectedItems.push(dataRow.documentID);
+        if(this.selectedItems.indexOf(documentID) === -1) {
+          this.selectedItems.push(documentID);
         }
       } else {
-        let index = this.selectedItems.indexOf(dataRow.documentID);
+        const index = this.selectedItems.indexOf(documentID);
         if(index !== -1) this.selectedItems.splice(index, 1);
       }
       if(this.selectedItems.length > 0) {
@@ -360,11 +371,11 @@ const registryTable = {
     });
 
     this.heads.forEach(item => {
-      let td = $('<td>');
-      if (dataRow.fieldValue.hasOwnProperty(item.columnID)) {
-        td.attr('title', dataRow.fieldValue[item.columnID]);
+      const td = $('<td>');
+      if (fieldValue.hasOwnProperty(item.columnID)) {
+        td.attr('uk-tooltip', `title: ${fieldValue[item.columnID]}; duration: 300;`);
         td.append(`<span class="mobile-table-header">${item.label}</span>`);
-        td.append(`<span>${dataRow.fieldValue[item.columnID]}</span>`);
+        td.append(`<span>${fieldValue[item.columnID]}</span>`);
       }
       tr.append(td);
     });
@@ -405,7 +416,7 @@ const registryTable = {
 
     let tr = $('<tr class="colHeaders">');
 
-    this.colgroup.append(`<col style="width: 30px">`);
+    this.colgroup.append(`<col style="width: 30px">`, `<col style="width: 30px">`);
     let th = $('<th class="ui-resizable">');
     let checkbox = $('<input/>')
       .addClass('uk-checkbox')
@@ -419,7 +430,7 @@ const registryTable = {
         });
       });
     th.append(checkbox);
-    tr.append(th);
+    tr.append('<th>', th);
 
     let me = this;
     this.heads.forEach(item => {
@@ -632,7 +643,7 @@ if($('#button-print-report').length) {
         } catch (e) {
           console.log(e.message);
           Cons.hideLoader();
-          showMessage('Произошла ошибка при выгрузке отчета', 'error');
+          showMessage(i18n.tr('Произошла ошибка при выгрузке отчета'), 'error');
         }
       });
     } else {