new files for input directive

Author: kornosaurus

app/templates/directives/input/update-on-blur-directive.html

@@ -0,0 +1 @@
+<input ng-model="modelValue" class="form-control" ng-blur="updateModel(modelValue)">

app/templates/directives/input/update-on-blur.js

@@ -0,0 +1,19 @@
+angular.module('asfAddon').directive('updateOnBlur', [function() {
+  return {
+    require: 'ngModel',
+    restrict: 'E',
+    scope: {},
+    templateUrl: 'src/templates/update-on-blur-directive.html',
+    link: function(scope, element, attrs, ngModel) {
+
+      ngModel.$render(function() {
+        scope.modelValue = ngModel.$viewValue();
+      });
+
+      scope.updateModel = function(value) {
+        ngModel.$setViewValue(value);
+      };
+
+    }
+  };
+}]);

app/templates/input/src/templates/template.html

@@ -5,8 +5,11 @@ <h2>{{form.myOwnFormOption}}</h2>
   <!-- Create your own form options -->
 
   <label>{{form.title}}</label>
-
+  <% if (directive) { %>
+  <update-on-blur sf-field-model schema-validate="form"></update-on-blur>
+  <% } else { %>
   <input sf-field-model schema-validate="form" type="text" class="form-control">
+  <% } %>
   <!-- sf-field-model let's the ngModel builder know that you want a ng-model that matches against the form key here -->
   <!-- schema-validate="form" validates the form against the schema -->