Update webapp for /status changes

[blerg.git] / www / jssrc / blerg / Pager.js

diff --git a/www/jssrc/blerg/Pager.js b/www/jssrc/blerg/Pager.js
index 2e27177..f311d1f 100644 (file)
--- a/www/jssrc/blerg/Pager.js
+++ b/www/jssrc/blerg/Pager.js
@@ -4,16 +4,22 @@ enyo.kind({
     listKind: "Control",
     lastRecord: null,
     components: [
-        {name: "records"}
+        {name: "records"},
+        {name: "spinner", kind: "OldSchoolSpinner", showing: false}
     ],
     addItems: function(items) {
-        this.$.records.createComponents(items, {kind: this.listKind});
-        for (var i = 0; i < items.length; i++) {
-            var r = parseInt(items[i].record);
-            if (r < this.lastRecord || this.lastRecord == null)
-                this.lastRecord = r;
+        if (items.length > 0) {
+            this.$.records.createComponents(items, {kind: this.listKind});
+            for (var i = 0; i < items.length; i++) {
+                var r = parseInt(items[i].record);
+                if (r < this.lastRecord || this.lastRecord == null)
+                    this.lastRecord = r;
+            }
+        } else {
+            this.$.records.createComponent({content: "No items"});
         }
         this.$.records.render();
+        this.stopLoadAnimation();
     },
     loadMore: function() {
         if (this.lastRecord == 0)
@@ -29,5 +35,15 @@ enyo.kind({
             this.loadItems();
         }
     },
-    loadItems: function(from, to) { }
+    loadItems: function(from, to) {
+        this.startLoadAnimation();
+    },
+    startLoadAnimation: function() {
+        this.$.spinner.show();
+        this.$.spinner.start();
+    },
+    stopLoadAnimation: function() {
+        this.$.spinner.hide();
+        this.$.spinner.stop();
+    }
 });