improve statusbar

static/js/statusbar.js

@@ -4,66 +4,65 @@ oml.ui.statusbar = function() {
 
     var ui = oml.user.ui,
 
-        $text = {
+        data = {
-            titleTotal: Ox.Element('<span>').html(Ox._('Total: ')),
+            loading: true,
-            total: Ox.Element('<span>'),
+            selected: {items: 0, size: 0},
-            titleSelected: Ox.Element('<span>').html(' &mdash; ' + Ox._('Selected: ')),
+            total: {items: 0, size: 0},
-            selected: Ox.Element('<span>'),
-            loading: Ox.Element('<span>').html(Ox._('Loading...'))
         },
 
-        that = Ox.Bar({size: 16})
+        $status = Ox.Element()
-            .css({textAlign: 'center'})
-            .append(
-                Ox.Element()
             .css({
                 margin: '2px 4px',
                 fontSize: '9px',
                 overflow: 'hidden',
                 textOverflow: 'ellipsis'
-                    })
+            }),
-                    .append($text.loading)
+
-                    .append($text.titleTotal)
+        that = Ox.Bar({size: 16})
-                    .append($text.total)
+            .css({textAlign: 'center'})
-                    .append($text.titleSelected)
+            .append($status)
-                    .append($text.selected)
-            )
             .bindEvent({
+                oml_find: function(data) {
+                    that.set('loading', true);
+                },
                 oml_listselection: function(data) {
-                    // ...
+                    if (ui.listSelection.length) {
-                }
+                        oml.api.find({
-            });
+                            query: {
-
+                                conditions: ui.listSelection.map(function(id) {
-    function getText(data) {
+                                    return {
-        return Ox.toTitleCase(Ox.formatCount(data.items, 'book')) + (
+                                        key: 'id',
-            data.items ? ', ' + Ox.formatValue(data.size, 'B') : ''
+                                        operator: '==',
-        );
+                                        value: id
-    }
-
-    that.set = function(key, data) {
-        if (key == 'loading') {
-            Ox.forEach($text, function($element, key) {
-                $element[key == 'loading' ? 'show' : 'hide']();
-            });
-        } else {
-            $text.loading.hide();
-            if (key == 'selected') {
-                if (data.items == 0) {
-                    $text.titleTotal.hide();
-                    $text.titleSelected.hide();
-                    $text.selected.hide();
-                } else {
-                    $text.titleTotal.show();
-                    $text.titleSelected.show();
-                    $text.selected.html(getText(data)).show();
-                }
-            } else {
-                $text.total.html(getText(data)).show();
-            }
-        }
                                     };
+                                }),
+                                operator: '|'
+                            }
+                        }, function(result) {
+                            that.set('selected', result.data);
+                        });
+                    } else {
+                        that.set('selected', {items: 0, size: 0});
+                    }
+                }
+            });
 
-    that.set('loading');
+    that.set = function(key, value) {
+        var hasSelection;
+        data[key] = value;
+        if (key != 'loading') {
+            data.loading = false;
+        }
+        hasSelection = data.selected.items
+            && data.selected.items < data.total.items;
+        $status.html(data.loading ? Ox._('Loading...') : ((
+            hasSelection ? Ox.formatNumber(data.selected.items) + ' of ' : ''
+        ) + Ox.toTitleCase(Ox.formatCount(data.total.items, 'book')) + (
+            data.total.items ? ', ' + (
+                hasSelection ? Ox.formatValue(data.selected.size, 'B') + ' of ' : ''
+            ) + Ox.formatValue(data.total.size, 'B') : ''
+        )));
+    };
 
     return that;