demo shell (ng2)

basic angular2-based demo shell

demo-shell-ng2/app/widgets/widgets-input.js

@@ -0,0 +1,71 @@
+var widgets = (function (widgets, utils) {
+  widgets.input = {
+    create: createComponent,
+    name: 'Input',
+    iconClass: 'fa fa-file-text-o',
+    category: 'Components',
+    getDragImage: getDragImage
+  };
+  
+  function createComponent() {
+    var widget = document.createElement('input');
+    widget.type = 'text';
+    widget.readOnly = true;
+    widget.classList.add('form-control', 'widget', 'widget-input');
+    widget.dataset.widgetId = utils.uid();
+    return widget;
+  }
+  
+  /*function getDragImage() {
+    var container = document.createElement('div');
+    container.style.width = '200px';
+    
+    var label = document.createElement('label');
+    label.textContent = "Input";
+    label.style.display = 'block';
+    label.style.margin = '0';
+    label.style.fontSize = '12px';
+    container.appendChild(label);
+    
+    var element = document.createElement('input');
+    element.className = 'form-control';
+    element.style.display = 'block';
+    container.appendChild(element);
+    
+    return container;
+  }*/
+  
+  function getDragImage() {
+    var element = document.createElement('input');
+    element.style.width = '200px';
+    element.className = 'form-control';
+    return element;
+  }
+  
+  // TODO: move to shared library
+  function moveCaretToEnd(el) {
+    if (typeof el.selectionStart == "number") {
+        el.selectionStart = el.selectionEnd = el.value.length;
+    } else if (typeof el.createTextRange != "undefined") {
+        el.focus();
+        var range = el.createTextRange();
+        range.collapse(false);
+        range.select();
+    }
+  }
+  
+  // TODO: move to shared library
+  function setCursorPosition (element, pos) {
+    if (element.setSelectionRange) {
+      element.setSelectionRange(pos, pos);
+    } else if (element.createTextRange) {
+      var range = element.createTextRange();
+      range.collapse(true);
+      range.moveEnd('character', pos);
+      range.moveStart('character', pos);
+      range.select();
+    }
+  }
+  
+  return widgets;
+})(widgets || {}, widgetUtils);