Open Media Library

2014-05-04 19:26:43 +02:00 · 2014-05-04 19:26:43 +02:00 · 2ee2bc178a
commit 2ee2bc178a
228 changed files with 85988 additions and 0 deletions
--- a/static/js/filtersOuterPanel.js
+++ b/static/js/filtersOuterPanel.js
@ -0,0 +1,82 @@
+'use strict';
+
+oml.ui.filtersOuterPanel = function() {
+
+    var ui = oml.user.ui,
+
+        $filters = oml.$ui.filters = ui.filters.map(function(filter) {
+            return oml.ui.filter(filter.id);
+        }),
+
+        filterSizes = oml.getFilterSizes(),
+
+        that = Ox.SplitPanel({
+            elements: [
+                {
+                    element: $filters[0],
+                    size: filterSizes[0]
+                },
+                {
+                    element: oml.$ui.filtersInnerPanel = oml.ui.filtersInnerPanel()
+                },
+                {
+                    element: $filters[4],
+                    size: filterSizes[4]
+                },
+            ],
+            orientation: 'horizontal'
+        })
+        .bindEvent({
+            resize: function() {
+                oml.$ui.filters.forEach(function($filter) {
+                    $filter.size();
+                });
+            },
+            resizeend: function(data) {
+                oml.UI.set({filtersSize: data.size});
+            },
+            toggle: function(data) {
+                if (data.collapsed) {
+                    oml.$ui.list.gainFocus();
+                }
+                oml.UI.set({showFilters: !data.collapsed});
+                if (!data.collapsed) {
+                    oml.$ui.filters.forEach(function($filter) {
+                        var selected = $filter.options('_selected');
+                        if (selected) {
+                            $filter.bindEventOnce({
+                                load: function() {
+                                    $filter.options({
+                                        _selected: false,
+                                        selected: selected
+                                    });
+                                }
+                            }).reloadList();                            
+                        }
+                    });
+                    oml.updateFilterMenus();
+                }
+            }
+        });
+
+    oml.updateFilterMenus();
+
+    that.update = function() {
+        var filterSizes = oml.getFilterSizes();
+        that.size(0, filterSizes[0])
+            .size(2, filterSizes[4]);
+        oml.$ui.filtersInnerPanel
+            .size(0, filterSizes[1])
+            .size(2, filterSizes[3]);
+        oml.$ui.filters.forEach(function($filter, index) {
+            $filter.resizeColumn(
+                'name',
+                filterSizes[index] - 44 - Ox.UI.SCROLLBAR_SIZE
+            );
+        });
+        return that;
+    };
+
+    return that;
+
+};