rename Ox.UI source files, remove Ox. prefix

2012-05-28 19:44:12 +00:00 · 2012-05-28 19:44:12 +00:00 · 91e1065aab
commit 91e1065aab
parent 005d50c389
101 changed files with 0 additions and 0 deletions
--- a/source/Ox.UI/js/Form/Picker.js
+++ b/source/Ox.UI/js/Form/Picker.js
@ -0,0 +1,107 @@
+'use strict';
+
+/*@
+Ox.Picker <f:Ox.Element> Picker Object
+    ([options[, self]]) -> <o> Picker Object
+    options <o> Options object
+        element <o|null> picker element
+        elementHeight <n|128> height
+        elemementWidth <n|256> width
+        id <s> picker id
+        overlap <s|none> select button overlap value
+    show <!> picker is shown
+    hide <!> picker is hidden
+@*/
+
+Ox.Picker = function(options, self) {
+
+    self = self || {};
+    var that = Ox.Element({}, self)
+            .defaults({
+                element: null,
+                elementHeight: 128,
+                elementWidth: 256,
+                id: '',
+                overlap: 'none'
+            })
+            .options(options || {});
+
+    self.$selectButton = Ox.Button({
+            overlap: self.options.overlap,
+            title: 'select',
+            type: 'image'
+        })
+        .click(showMenu)
+        .appendTo(that);
+
+    self.$menu = Ox.Element()
+        .addClass('OxPicker')
+        .css({
+            width: self.options.elementWidth + 'px',
+            height: (self.options.elementHeight + 24) + 'px'
+        });
+
+    self.options.element
+        .css({
+            width: self.options.elementWidth + 'px',
+            height: self.options.elementHeight + 'px'
+        })
+        .appendTo(self.$menu);
+
+    self.$bar = Ox.Bar({
+            orientation: 'horizontal',
+            size: 24
+        })
+        .appendTo(self.$menu);
+
+    that.$label = Ox.Label({
+            width: self.options.elementWidth - 60
+        })
+        .appendTo(self.$bar);
+
+    self.$doneButton = Ox.Button({
+            title: 'Done',
+            width: 48
+        })
+        .click(hideMenu)
+        .appendTo(self.$bar);
+
+    self.$layer = $('<div>')
+        .addClass('OxLayer')
+        .click(hideMenu);
+
+    function hideMenu() {
+        self.$menu.detach();
+        self.$layer.detach();
+        self.$selectButton
+            .removeClass('OxSelected')
+            .css({
+                MozBorderRadius: '8px',
+                WebkitBorderRadius: '8px'
+            });
+        that.triggerEvent('hide');
+    }
+
+    function showMenu() {
+        var offset = that.offset(),
+            left = offset.left,
+            top = offset.top + 15;
+        self.$selectButton
+            .addClass('OxSelected')
+            .css({
+                MozBorderRadius: '8px 8px 0 0',
+                WebkitBorderRadius: '8px 8px 0 0'
+            });
+        self.$layer.appendTo(Ox.UI.$body);
+        self.$menu
+            .css({
+                left: left + 'px',
+                top: top + 'px'
+            })
+            .appendTo(Ox.UI.$body);
+        that.triggerEvent('show');
+    }
+
+    return that;
+
+};