Input UI manager/binder

2026-01-26 08:28:40 +00:00 · 2016-03-25 21:38:41 +01:00 · 2016-03-25 21:38:41 +01:00 · e117722f1d
commit e117722f1d
parent f89a99426f
1 changed files with 107 additions and 0 deletions
--- a/UI/Input.js
+++ b/UI/Input.js
@ -0,0 +1,107 @@
+/**
+ * Form manager class.
+ *
+ * @author     OMS Development Team <dev@oms.com>
+ * @author     Dennis Eichhorn <d.eichhorn@oms.com>
+ * @copyright  2013 Dennis Eichhorn
+ * @license    OMS License 1.0
+ * @version    1.0.0 * @since      1.0.0
+ */
+(function (jsOMS, undefined)
+{
+    "use strict";
+
+    /**
+     * @constructor
+     *
+     * @since 1.0.0
+     * @author Dennis Eichhorn <d.eichhorn@oms.com>
+     */
+    jsOMS.UI.Input.unbind = function(input)
+    {
+        this.app.inputManager.getKeyboardManager().unbind(input);
+        input.removeEventListener('change', changeBind, false);
+    };
+
+    jsOMS.UI.Input.bind = function(input)
+    {
+        let self = this, ref = null;
+        
+        input.addEventListener('change', function changeBind(event) {
+            /* Handle remote datalist/autocomplete input element */
+            let listId, list;
+            if((listId = this.getAttribute('list')) !== 'undefined' && (list = document.getElementById(listId)).getAttribute('data-list-src') !== 'undefined') {
+                self.addRemoteDatalistOptions(this, list);
+            }
+
+            /* Handle dynamic change events */
+            if(ref = this.getAttribute('data-ref') !== 'undefined') {
+                let e = document.getElementById(ref);
+
+                switch(e.tagName) {
+                    case 'ul':
+                        break;
+                    case 'table':
+                        break;
+                };
+            }
+        });
+
+        this.app.inputManager.getKeyboardManager().bind(input, 13, function() { 
+            document.getElementById(this.getAttribute('data-button')).click(); 
+        });
+    };
+
+    jsOMS.UI.Input.addRemoteDatalistOptions = function(input, datalist) 
+    {
+        this.clearDatalistOptions(datalist);
+
+        let request = new Request();
+        request.setData(input.value);
+        request.setType(jsOMS.Message.Response.ResponseType.JSON);
+        request.setUri(datalist.getAttribute('data-list-src'));
+        request.setMethod(jsOMS.Message.Request.RequestMethod.POST);
+        request.setRequestHeader('Content-Type', 'application/json');
+        request.setSuccess(function (xhr) {
+            try {
+                let o = JSON.parse(xhr.response),
+                response = new Response(o),
+                responseLength = response.count(),
+                tempResponse = null,
+                success = null;
+
+                for (let k = 0; k < responseLength; k++) {
+                    tempResponse = response.getByIndex(k);
+                    console.log(tempResponse);
+
+                    let option = null,
+                    data = tempResponse.getData(),
+                    length = data.length;
+
+                    for(let i = 0; i < length; i++) {
+                        option = document.createElement('option');
+                        option.value = tempResponse.value;
+                        option.text = tempResponse.text;
+                        
+                        datalist.appendChild(option);
+                    }
+                }
+            } catch (exception) {
+                self.app.logger.error('Invalid JSON object: ' + xhr, 'FormManager')
+                return false;
+            }
+        });
+
+        request.send();
+    };
+
+    jsOMS.UI.Input.clearDatalistOptions = function(datalist) 
+    {
+        let length = datalist.options.length,
+        i = 0;
+
+        for(i = 0; i < length; i++) {
+            datalist.remove(0);
+        }
+    };
+}(window.jsOMS = window.jsOMS || {}));