Add ability to change type and pattern of tc-input

Nick Litwin · Nick Litwin · commit 0200f247313c · 2016-01-04T17:50:40.000-08:00
diff --git a/app/directives/tc-input/tc-input.directive.js b/app/directives/tc-input/tc-input.directive.js
@@ -10,7 +10,15 @@
       scope: {
         labelText: '@',
         placeholder: '@',
-        inputValue: '='
+        inputValue: '=',
+        inputName: '@',
+        inputType: '@',
+        inputPattern: '='
+      },
+      link: function(scope, element, attrs) {
+        if (!scope.inputType) {
+          scope.inputType = 'text';
+        }
       }
     }
   }
diff --git a/app/directives/tc-input/tc-input.jade b/app/directives/tc-input/tc-input.jade
@@ -1,3 +1,3 @@
 label.tc-label {{labelText}}
 
-input(type="text", placeholder="{{placeholder}}", ng-model="inputValue")
+input(name="{{inputName}}", type="{{inputType}}", placeholder="{{placeholder}}", ng-model="inputValue", ng-pattern="inputPattern")

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,15 @@`
`10`	`10`	`scope: {`
`11`	`11`	`labelText: '@',`
`12`	`12`	`placeholder: '@',`
`13`		`- inputValue: '='`
	`13`	`+ inputValue: '=',`
	`14`	`+ inputName: '@',`
	`15`	`+ inputType: '@',`
	`16`	`+ inputPattern: '='`
	`17`	`+ },`
	`18`	`+ link: function(scope, element, attrs) {`
	`19`	`+ if (!scope.inputType) {`
	`20`	`+ scope.inputType = 'text';`
	`21`	`+ }`
`14`	`22`	`}`
`15`	`23`	`}`
`16`	`24`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`label.tc-label {{labelText}}`
`2`	`2`
`3`		`-input(type="text", placeholder="{{placeholder}}", ng-model="inputValue")`
	`3`	`+input(name="{{inputName}}", type="{{inputType}}", placeholder="{{placeholder}}", ng-model="inputValue", ng-pattern="inputPattern")`