@ntlab/sipd-tu-bridge-ui 1.7.3 → 1.7.5

package/README.md

@@ -1,3 +1,5 @@
 # SIPD Penatausahaan Bridge Web Interface
 
-An Express app as user interface of [SIPD Penatausahaan Bridge](https://github.com/tohenk/node-sipd-tu-bridge).
+An Express app as user interface of [SIPD Penatausahaan Bridge](https://github.com/tohenk/node-sipd-tu-bridge).
+
+![SIPD Penatausaan Bridge User Interface](/assets/ui.png)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntlab/sipd-tu-bridge-ui",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "description": "SIPD Penatausahaan Bridge Web Interface",
   "main": "index.js",
   "scripts": {

package/views/ui/index.ejs

@@ -63,7 +63,7 @@ $.uiCon = {
                 }
             })
             .on('queue', function() {
-                $.queue.reload();
+                $.theQueue.reload();
                 $.uiRefresh();
             })
             .on('error', function() {

package/views/ui/queue.ejs

@@ -16,7 +16,7 @@
 <%_ script.create('JQuery')
   .useDependencies(['SemanticUI/Loader', 'SemanticUI/Dialog/Confirm'])
   .add(`
-$.queue = $.loader($('div[data-tab="queue"] table'), {
+$.theQueue = $.loader($('div[data-tab="queue"] table'), {
     url: '${route('Ui', {name: 'queue', page: 'PAGE'})}',
     formatRow(item) {
         return this.toRow(item);
@@ -31,7 +31,11 @@ $.queue = $.loader($('div[data-tab="queue"] table'), {
                 counter.addClass('hidden');
             }
         }
-        $('[data-status!="processing"] [data-op="delete"]').hide();
+        $('[data-status]').each(function() {
+            if ($(this).data('status') !== 'processing') {
+                $(this).find('[data-op="delete"]').hide();
+            }
+        });
         $('a.queue-clicker').on('click', function(e) {
             e.preventDefault();
             self.handle($(this));
@@ -41,7 +45,7 @@ $.queue = $.loader($('div[data-tab="queue"] table'), {
         }
     }
 });
-$.queue.toRow = function(data) {
+$.theQueue.toRow = function(data) {
     return $(\`
       <tr data-status="\${data.status}"><td>\${data.nr}</td>
         <td>\${$.toStr(data.id)}</td>
@@ -55,7 +59,7 @@ $.queue.toRow = function(data) {
         </td>
       </tr>\`);
 }
-$.queue.toStatus = function(data) {
+$.theQueue.toStatus = function(data) {
     const icon = {
         new: 'pause circle outline',
         processing: 'loading spinner',
@@ -67,7 +71,7 @@ $.queue.toStatus = function(data) {
     return icon ? \`<div data-tooltip="\${data}" data-position="right center"><i class="\${icon} icon"></i></div>\` :
         $.toStr(data);
 }
-$.queue.handle = function(el) {
+$.theQueue.handle = function(el) {
     const self = this;
     switch (el.data('op')) {
         case 'delete':
@@ -89,7 +93,7 @@ $.queue.handle = function(el) {
             break;
     }
 }
-$.queue.reload = function() {
+$.theQueue.reload = function() {
     const self = this;
     if (!self.loading) {
         self.loading = true;
@@ -98,5 +102,5 @@ $.queue.reload = function() {
 }
 `)
   .addInitializer(`
-$.queue.load();
+$.theQueue.load();
 `) -%>