1 files changed, 114 insertions, 0 deletions
diff --git a/ui/imports/ui/components/mt-input/mt-input.js b/ui/imports/ui/components/mt-input/mt-input.js
new file mode 100644
index 0000000..f8192ef
--- /dev/null
+++ b/ui/imports/ui/components/mt-input/mt-input.js
@@ -0,0 +1,114 @@
+/////////////////////////////////////////////////////////////////////////////////////////
+// Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others /
+//                                                                                      /
+// All rights reserved. This program and the accompanying materials                     /
+// are made available under the terms of the Apache License, Version 2.0                /
+// which accompanies this distribution, and is available at                             /
+// http://www.apache.org/licenses/LICENSE-2.0                                           /
+/////////////////////////////////////////////////////////////////////////////////////////
+/*
+ * Template Component: MtInput 
+ */
+    
+//import { Meteor } from 'meteor/meteor'; 
+import { Template } from 'meteor/templating';
+import { SimpleSchema } from 'meteor/aldeed:simple-schema';
+import * as R from 'ramda';
+//import { ReactiveDict } from 'meteor/reactive-dict';
+        
+import './mt-input.html';     
+    
+/*  
+ * Lifecycles
+ */   
+  
+Template.MtInput.onCreated(function() {
+  let instance = this;
+
+  instance.autorun(function () {
+    let data = Template.currentData();
+
+    //simple schema does not support input value type of: number or string together.
+    data = R.dissoc('inputValue', data);
+    
+    instance.autorun(function () {
+      new SimpleSchema({
+        inputType: { type: String }, 
+        classStr: { type: String, optional: true },
+        placeholder: { type: String, optional: true },
+        isDisabled: { type: Boolean, optional: true },
+        onInput: { type: Object, blackbox: true },
+      }).validate(data);
+    });
+  });
+
+  instance.autorun(function () {
+    let data = Template.currentData();
+
+    instance.onInput = function (value) {
+      R.when(R.pipe(R.isNil, R.not), x => x(value))(R.path(['onInput', 'fn'], data));    
+    };
+  });
+});  
+
+/*
+Template.MtInput.rendered = function() {
+};  
+*/
+
+/*
+ * Events
+ */
+
+Template.MtInput.events({
+  'input .input-field': function (event, instance) {
+    if (event.target.type === 'checkbox') { return; }
+    
+    let value = R.cond([
+      [R.equals('number'), R.always(event.target.valueAsNumber)],
+      [R.T, R.always(event.target.value)],
+    ])(event.target.type);
+    
+    instance.onInput(value);
+  },
+
+  'click .input-field': function (event, instance) {
+    if (event.target.type !== 'checkbox') { return; }
+
+    let element = instance.$('.input-field')[0];
+    instance.onInput(element.checked);
+  }
+});
+   
+/*  
+ * Helpers
+ */
+
+Template.MtInput.helpers({    
+  attrsInput: function (inputType, placeholder, isDisabled) {
+    let attrs = {};
+
+    if (hasPlaceholder(inputType, placeholder)) {
+      attrs = R.assoc('placeholder', placeholder, attrs);
+    }
+
+    if (isDisabled) {
+      attrs = R.assoc('disabled', 'disabled', attrs);
+    }
+
+    return attrs;
+  },
+
+}); // end: helpers
+
+function hasPlaceholder(inputType, placeholder) {
+  if (R.contains(inputType, ['checkbox', 'select'])) {
+    return false;
+  }
+
+  if (R.isNil(placeholder)) {
+    return false;
+  }
+
+  return true;
+}