Support for "notitle" form option

Author: davidlgj

src/directives/decorators/bootstrap/bootstrap-decorator.js

@@ -53,8 +53,12 @@ function($parse,  $compile,  $http,  $templateCache){
         });
         once();
       });
-    }
 
+      //Keep error prone logic from the template
+      scope.showTitle = function() {
+        return scope.form && scope.form.notitle !== true && scope.form.title;
+      };
+    }
   };
 }]);
 

src/directives/decorators/bootstrap/checkbox.html

@@ -1,5 +1,5 @@
 <div class="checkbox" ng-class="{'has-error': hasError()}">
-  <label ng-show="form.title">
+  <label ng-show="showTitle()">
     <input type="checkbox" ng-model="$$value$$" schema-validate="form.schema" ng-required="form.required">
     {{form.title}}
   </label>

src/directives/decorators/bootstrap/default.html

@@ -1,5 +1,5 @@
 <div class="form-group" ng-class="{'has-error': hasError()}">
-  <label ng-show="form.title">{{form.title}}</label>
+  <label ng-show="showTitle()">{{form.title}}</label>
 
   <input type="{{form.type}}"
          placeholder="{{form.placeholder}}"

src/directives/decorators/bootstrap/readonly.html

@@ -1,5 +1,5 @@
 <div class="form-group">
-  <label ng-show="form.title">{{form.title}}</label>
+  <label ng-show="showTitle()">{{form.title}}</label>
   <input ng-if="form.type !== 'textarea'" type="text" disabled class="form-control" value="{{$$value$$}}">
   <textarea ng-if="form.type === 'textarea'"  disabled class="form-control">{{$$value$$}}</textarea>
   <span class="help-block" ng-show="form.description">{{form.description}} </span>

src/directives/decorators/bootstrap/select.html

@@ -1,5 +1,5 @@
 <div class="form-group" ng-class="{'has-error': hasError()}">
-  <label ng-show="form.title">
+  <label ng-show="showTitle()">
     {{form.title}}
   </label>
   <select ng-model="$$value$$"

src/directives/decorators/bootstrap/textarea.html

@@ -1,5 +1,5 @@
 <div class="form-group" ng-class="{'has-error': hasError()}">
-  <label ng-show="form.title">{{form.title}}</label>
+  <label ng-show="showTitle()">{{form.title}}</label>
   <textarea class="form-control"
             ng-required="form.required"
             ng-model="$$value$$"

test/schema-form-test.js

@@ -441,6 +441,32 @@ describe('Schema form',function(){
       });
     });
 
+    it('should skip title if form says "notitle"',function(){
+
+      inject(function($compile,$rootScope){
+        var scope = $rootScope.$new();
+        scope.person = {};
+
+        scope.schema = exampleSchema;
+
+        scope.form = [{
+          key: 'name',
+          notitle: true
+        },{
+          key: 'gender',
+          notitle: true
+        }];
+
+        var tmpl = angular.element('<form sf-schema="schema" sf-form="form" sf-model="person"></form>');
+
+        $compile(tmpl)(scope);
+        $rootScope.$apply();
+
+        tmpl.children().length.should.be.equal(2);
+        tmpl.children().eq(0).find('label').hasClass('ng-hide').should.be.true;
+        tmpl.children().eq(1).find('label').hasClass('ng-hide').should.be.true;
+      });
+    });
 
 
   });