From 6a0a8aa0a8860e7125fea25e4220525a829e6185 Mon Sep 17 00:00:00 2001
From: David Jensen <david.lgj@gmail.com>
Date: Thu, 26 Jun 2014 11:28:02 +0200
Subject: [PATCH 1/6] Basic tabs support via form definition

Works just like a fieldset, so it has nothing to do with arrays.
Needs documentation, test and some styling perhaps. Work in progress.
---
 dist/bootstrap-decorator.min.js               |  2 +-
 dist/schema-form.min.js                       |  2 +-
 examples/bootstrap-example.html               | 64 +++++++++++--------
 .../bootstrap/bootstrap-decorator.js          |  1 +
 src/directives/decorators/bootstrap/tabs.html | 20 ++++++
 src/services/schema-form.js                   |  6 ++
 6 files changed, 68 insertions(+), 27 deletions(-)
 create mode 100644 src/directives/decorators/bootstrap/tabs.html

diff --git a/dist/bootstrap-decorator.min.js b/dist/bootstrap-decorator.min.js
index 9bdf2d41d..119bddaa3 100644
--- a/dist/bootstrap-decorator.min.js
+++ b/dist/bootstrap-decorator.min.js
@@ -1 +1 @@
-angular.module("schemaForm").run(["$templateCache",function(e){e.put("directives/decorators/bootstrap/actions-trcl.html",'<div class="btn-group" ng-transclude=""></div>'),e.put("directives/decorators/bootstrap/actions.html",'<div class="btn-group"><input ng-repeat-start="item in form.items" type="submit" class="btn btn-primary" value="{{item.title}}" ng-if="item.type === \'submit\'"><button ng-repeat-end="" class="btn btn-default" type="button" ng-if="item.type !== \'submit\'" ng-click="buttonClick($event,item)">{{item.title}}</button></div>'),e.put("directives/decorators/bootstrap/checkbox.html",'<div class="checkbox" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label><input type="checkbox" sf-changed="form" ng-model="$$value$$" schema-validate="form.schema" ng-required="form.required">{{form.title}}</label><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/checkboxes.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}" ng-init="checkboxValues = {}"><label ng-show="showTitle()">{{form.title}}</label><div class="checkbox" ng-repeat="(value,name) in form.titleMap"><label><input type="checkbox" sf-changed="form" ng-model="checkboxValues[value]" ng-change="$$value$$ = checkboxValuesToList(checkboxValues)">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/default.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false }"><label class="control-label" ng-show="showTitle()">{{form.title}}</label><input ng-show="form.key" type="{{form.type}}" sf-changed="form" placeholder="{{form.placeholder}}" class="form-control" ,="" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"><span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || {\'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/fieldset-trcl.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><div ng-transclude=""></div></fieldset>'),e.put("directives/decorators/bootstrap/fieldset.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></fieldset>'),e.put("directives/decorators/bootstrap/radio-buttons.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="btn-group"><label class="btn btn-primary" ng-class="{ active: value === $$value$$ }" ng-repeat="(value,name) in form.titleMap"><input type="radio" sf-changed="form" style="display: none;" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/radios.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="radio" ng-repeat="(value,name) in form.titleMap"><label><input type="radio" sf-changed="form" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/readonly.html",'<div class="form-group"><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></div>'),e.put("directives/decorators/bootstrap/section.html",'<div ng-if="!form.condition || evalExpr(form.condition,{ model: model })"><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></div>'),e.put("directives/decorators/bootstrap/select.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false}"><label ng-show="showTitle()">{{form.title}}</label><select ng-model="$$value$$" sf-changed="form" class="form-control" schema-validate="form.schema" ng-required="form.required" ng-options="val as name for (val,name) in form.titleMap"></select><span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/submit.html",'<div class="form-group"><input type="submit" class="btn btn-primary" value="{{form.title}}" ng-if="form.type === \'submit\'"><button class="btn btn-default" type="button" ng-click="buttonClick($event,form)" ng-if="form.type !== \'submit\'">{{form.title}}</button></div>'),e.put("directives/decorators/bootstrap/textarea.html",'<div class="form-group has-feedback" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><textarea class="form-control" sf-changed="form" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"></textarea> <span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || { \'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>')}]),angular.module("schemaForm").config(["schemaFormDecoratorsProvider",function(e){var t="directives/decorators/bootstrap/";e.createDecorator("bootstrapDecorator",{textarea:t+"textarea.html",fieldset:t+"fieldset.html",section:t+"section.html",conditional:t+"section.html",actions:t+"actions.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",password:t+"default.html",submit:t+"submit.html",button:t+"submit.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html","default":t+"default.html"},[function(e){return e.readonly&&e.key&&"fieldset"!==e.type?t+"readonly.html":void 0}]),e.createDirectives({textarea:t+"textarea.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",submit:t+"submit.html",button:t+"submit.html",text:t+"default.html",date:t+"default.html",password:t+"default.html",datepicker:t+"datepicker.html",input:t+"default.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html"})}]).directive("sfFieldset",function(){return{transclude:!0,scope:!0,templateUrl:"directives/decorators/bootstrap/fieldset-trcl.html",link:function(e,t,s){e.title=e.$eval(s.title)}}});
\ No newline at end of file
+angular.module("schemaForm").run(["$templateCache",function(e){e.put("directives/decorators/bootstrap/actions-trcl.html",'<div class="btn-group" ng-transclude=""></div>'),e.put("directives/decorators/bootstrap/actions.html",'<div class="btn-group"><input ng-repeat-start="item in form.items" type="submit" class="btn btn-primary" value="{{item.title}}" ng-if="item.type === \'submit\'"><button ng-repeat-end="" class="btn btn-default" type="button" ng-if="item.type !== \'submit\'" ng-click="buttonClick($event,item)">{{item.title}}</button></div>'),e.put("directives/decorators/bootstrap/checkbox.html",'<div class="checkbox" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label><input type="checkbox" sf-changed="form" ng-model="$$value$$" schema-validate="form.schema" ng-required="form.required">{{form.title}}</label><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/checkboxes.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}" ng-init="checkboxValues = {}"><label ng-show="showTitle()">{{form.title}}</label><div class="checkbox" ng-repeat="(value,name) in form.titleMap"><label><input type="checkbox" sf-changed="form" ng-model="checkboxValues[value]" ng-change="$$value$$ = checkboxValuesToList(checkboxValues)">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/default.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false }"><label class="control-label" ng-show="showTitle()">{{form.title}}</label><input ng-show="form.key" type="{{form.type}}" sf-changed="form" placeholder="{{form.placeholder}}" class="form-control" ,="" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"><span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || {\'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/fieldset-trcl.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><div ng-transclude=""></div></fieldset>'),e.put("directives/decorators/bootstrap/fieldset.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></fieldset>'),e.put("directives/decorators/bootstrap/radio-buttons.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="btn-group"><label class="btn btn-primary" ng-class="{ active: value === $$value$$ }" ng-repeat="(value,name) in form.titleMap"><input type="radio" sf-changed="form" style="display: none;" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/radios.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="radio" ng-repeat="(value,name) in form.titleMap"><label><input type="radio" sf-changed="form" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/readonly.html",'<div class="form-group"><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></div>'),e.put("directives/decorators/bootstrap/section.html",'<div ng-if="!form.condition || evalExpr(form.condition,{ model: model })"><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></div>'),e.put("directives/decorators/bootstrap/select.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false}"><label ng-show="showTitle()">{{form.title}}</label><select ng-model="$$value$$" sf-changed="form" class="form-control" schema-validate="form.schema" ng-required="form.required" ng-options="val as name for (val,name) in form.titleMap"></select><span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/submit.html",'<div class="form-group"><input type="submit" class="btn btn-primary" value="{{form.title}}" ng-if="form.type === \'submit\'"><button class="btn btn-default" type="button" ng-click="buttonClick($event,form)" ng-if="form.type !== \'submit\'">{{form.title}}</button></div>'),e.put("directives/decorators/bootstrap/tabs.html",'<div ng-init="selected = { tab: 0 }"><ul class="nav nav-tabs"><li ng-repeat="tab in form.tabs" ng-click="selected.tab = $index" ng-class="{active: selected.tab === $index}"><a>{{ tab.name }}</a></li></ul><div class="tab-content"><div class="tab-pane" ng-repeat="tab in form.tabs" ng-show="selected.tab === $index" ng-class="{active: selected.tab === $index}"><bootstrap-decorator ng-repeat="item in tab.items" form="item"></bootstrap-decorator></div></div></div>'),e.put("directives/decorators/bootstrap/textarea.html",'<div class="form-group has-feedback" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><textarea class="form-control" sf-changed="form" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"></textarea> <span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || { \'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>')}]),angular.module("schemaForm").config(["schemaFormDecoratorsProvider",function(e){var t="directives/decorators/bootstrap/";e.createDecorator("bootstrapDecorator",{textarea:t+"textarea.html",fieldset:t+"fieldset.html",tabs:t+"tabs.html",section:t+"section.html",conditional:t+"section.html",actions:t+"actions.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",password:t+"default.html",submit:t+"submit.html",button:t+"submit.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html","default":t+"default.html"},[function(e){return e.readonly&&e.key&&"fieldset"!==e.type?t+"readonly.html":void 0}]),e.createDirectives({textarea:t+"textarea.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",submit:t+"submit.html",button:t+"submit.html",text:t+"default.html",date:t+"default.html",password:t+"default.html",datepicker:t+"datepicker.html",input:t+"default.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html"})}]).directive("sfFieldset",function(){return{transclude:!0,scope:!0,templateUrl:"directives/decorators/bootstrap/fieldset-trcl.html",link:function(e,t,s){e.title=e.$eval(s.title)}}});
\ No newline at end of file
diff --git a/dist/schema-form.min.js b/dist/schema-form.min.js
index b3c3c34f4..a5b0a5fe6 100644
--- a/dist/schema-form.min.js
+++ b/dist/schema-form.min.js
@@ -1 +1 @@
-angular.module("schemaForm",[]),angular.module("schemaForm").provider("schemaFormDecorators",["$compileProvider",function(e){var r="",t={},n=function(e,n){"sfDecorator"===e&&(e=r);for(var a=t[e],i=a.rules,o=0;o<i.length;o++){var u=i[o](n);if(u)return u}return a.mappings[n.type]?a.mappings[n.type]:a.mappings["default"]},a=function(r){e.directive(r,["$parse","$compile","$http","$templateCache",function(e,t,a,i){return{restrict:"AE",replace:!0,transclude:!1,scope:!0,require:"?^sfSchema",link:function(e,o,u,c){var l=e.$watch(u.form,function(u){if(u){e.form=u;var c=n(r,u);a.get(c,{cache:i}).then(function(r){var n=r.data.replace(/\$\$value\$\$/g,"model."+(u.key||""));t(n)(e,function(e){o.replaceWith(e)})}),l()}});e.showTitle=function(){return e.form&&e.form.notitle!==!0&&e.form.title},e.checkboxValuesToList=function(e){var r=[];return angular.forEach(e,function(e,t){e&&r.push(t)}),r},e.buttonClick=function(r,t){angular.isFunction(t.onClick)?t.onClick(r,t):angular.isString(t.onClick)&&(c?c.evalInParentScope(t.onClick,{$event:r,form:t}):e.$eval(t.onClick,{$event:r,form:t}))},e.evalExpr=function(r,t){return c?c.evalInParentScope(r,t):e.$eval(r,t)},e.evalInScope=function(r,t){return r?e.$eval(r,t):void 0},e.errorMessage=function(r){return e.form.validationMessage?r?angular.isString(e.form.validationMessage)?e.form.validationMessage:e.form.validationMessage[r.code]||e.form.validationMessage["default"]:e.form.validationMessage.required||e.form.validationMessage["default"]||e.form.validationMessage:r?r.message:"Required"}}}}])},i=function(r,t,n){n=angular.isDefined(n)?n:!1,e.directive("sf"+angular.uppercase(r[0])+r.substr(1),function(){return{restrict:"EAC",scope:!0,replace:!0,transclude:n,template:'<sf-decorator form="form"></sf-decorator>',link:function(e,t,n){var a={items:"c",titleMap:"c",schema:"c"},i={type:r},o=!0;angular.forEach(n,function(r,t){if("$"!==t[0]&&0!==t.indexOf("ng")&&"sfField"!==t){var u=function(r){angular.isDefined(r)&&r!==i[t]&&(i[t]=r,o&&i.type&&(i.key||angular.isUndefined(n.key))&&(e.form=i,o=!1))};"model"===t?e.$watch(r,function(r){r&&e.model!==r&&(e.model=r)}):"c"===a[t]?e.$watchCollection(r,u):n.$observe(t,u)}})}}})};this.createDecorator=function(e,n,i){t[e]={mappings:n||{},rules:i||[]},t[r]||(r=e),a(e)},this.createDirective=i,this.createDirectives=function(e){angular.forEach(e,function(e,r){i(r,e)})},this.directive=function(e){return e=e||r,t[e]},this.addMapping=function(e,r,n){t[e]&&(t[e].mappings[r]=n)},this.$get=function(){return{directive:function(e){return t[e]},defaultDecorator:r}},a("sfDecorator")}]),angular.module("schemaForm").provider("schemaForm",[function(){var e=function(e,r,t){var n=l[r.type];if(n)for(var a,i=0;i<n.length;i++)if(a=n[i](e,r,t))return a},r=function(e,r){var t={};return e.title&&(t.title=e.title),e.description&&(t.description=e.description),(r.required===!0||e.required===!0)&&(t.required=!0),e.default&&(t.default=e.default),e.maxLength&&(t.maxlength=e.maxLength),e.minLength&&(t.minlength=e.maxLength),(e.readOnly||e.readonly)&&(t.readonly=e.readOnly||e.readonly),e.minimum&&(t.minimum=e.minimum+(e.exclusiveMinimum?1:0)),e.maximum&&(t.maximum=e.maximum-(e.exclusiveMaximum?1:0)),e.validationMessage&&(t.validationMessage=e.validationMessage),e.enumNames&&(t.titleMap=e.enumNames),t.schema=e,t},t=function(e,t,n){if("string"===t.type&&!t.enum){var a=r(t,n);return a.key=n.path,a.type="text",n.lookup[n.path]=a,a}},n=function(e,t,n){if("number"===t.type){var a=r(t,n);return a.key=n.path,a.type="number",n.lookup[n.path]=a,a}},a=function(e,t,n){if("integer"===t.type){var a=r(t,n);return a.key=n.path,a.type="number",n.lookup[n.path]=a,a}},i=function(e,t,n){if("boolean"===t.type){var a=r(t,n);return a.key=n.path,a.type="checkbox",n.lookup[n.path]=a,a}},o=function(e,t,n){if("string"===t.type&&t.enum){var a=r(t,n);return a.key=n.path,a.type="select",a.titleMap||(a.titleMap={},t.enum.forEach(function(e){a.titleMap[e]=e})),n.lookup[n.path]=a,a}},u=function(e,t,n){if("array"===t.type&&t.items&&t.items.enum){var a=r(t,n);return a.key=n.path,a.type="checkboxes",a.titleMap||(a.titleMap={},t.items.enum.forEach(function(e){a.titleMap[e]=e})),n.lookup[n.path]=a,a}},c=function(t,n,a){if("object"===n.type){var i=r(n,a);return i.type="fieldset",i.items=[],a.lookup[a.path]=i,angular.forEach(n.properties,function(r,t){var o=a.path+"."+t;if(a.ignore[o]!==!0){var u=n.required&&-1!==n.required.indexOf(t),c=e(t,r,{path:o,required:u||!1,lookup:a.lookup,ignore:a.ignore});c&&i.items.push(c)}}),i}},l={string:[o,t],object:[c],number:[n],integer:[a],"boolean":[i],array:[u]},s=function(e){return e};this.defaults=l,this.stdFormObj=r,this.postProcess=function(e){s=e},this.appendRule=function(e,r){l[e]||(l[e]=[]),l[e].push(r)},this.prependRule=function(e,r){l[e]||(l[e]=[]),l[e].unshift(r)},this.createStandardForm=r,this.$get=function(){var r={};return r.merge=function(e,t,n){t=t||["*"];var a=r.defaults(e,n),i=t.indexOf("*");if(-1!==i)return t=t.slice(0,i).concat(a.form).concat(t.slice(i+1));var o=a.lookup;return s(t.map(function(t){return"string"==typeof t&&(t={key:t}),t.items&&(t.items=r.merge(e,t.items,n)),t.key&&o[t.key]?angular.extend(o[t.key],t):t}))},r.defaults=function(r,t){var n=[],a={};if(t=t||{},"object"!==r.type)throw new Error('Not implemented. Only type "object" allowed at root level of schema.');return angular.forEach(r.properties,function(i,o){if(t[o]!==!0){var u=r.required&&-1!==r.required.indexOf(o),c=e(o,i,{path:o,lookup:a,ignore:t,required:u});c&&n.push(c)}}),{form:n,lookup:a}},r}}]),angular.module("schemaForm").directive("sfChanged",function(){return{require:"ngModel",restrict:"AC",scope:!1,link:function(e,r,t,n){var a=e.$eval(t.sfChanged);a&&a.onChange&&n.$viewChangeListeners.push(function(){angular.isFunction(a.onChange)?a.onChange(n.$modelValue,a):e.evalExpr(a.onChange,{modelValue:n.$modelValue,form:a})})}}}),angular.module("schemaForm").directive("sfSchema",["$compile","schemaForm","schemaFormDecorators",function(e,r,t){function n(e,r){return r=r||"_",e.replace(i,function(e,t){return(t?r:"")+e.toLowerCase()})}var a=function(e,r,t){t=t||"",r(e,t),angular.forEach(e.properties,function(e,n){a(e,r,""===t?n:t+"."+n)})},i=/[A-Z]/g;return{scope:{schema:"=sfSchema",initialForm:"=sfForm",model:"=sfModel"},controller:["$scope",function(e){this.evalInParentScope=function(r,t){return e.$parent.$eval(r,t)}}],replace:!1,restrict:"A",transclude:!0,require:"?form",link:function(i,o,u,c,l){i.formCtrl=c;var s={};l(i,function(e){if(e.addClass("schema-form-ignore"),o.prepend(e),o[0].querySelectorAll){var r=o[0].querySelectorAll("[ng-model]");if(r)for(var t=0;t<r.length;t++){var n=r[t].getAttribute("ng-model");s[n.substring(n.indexOf(".")+1)]=!0}}});var f={};i.$watch(function(){var c=i.schema,l=i.initialForm||["*"];if(l&&c&&c.type&&(f.form!==l||f.schema!==c)&&Object.keys(c.properties).length>0){f.schema=c,f.form=l;var m=r.merge(c,l,s),p=document.createDocumentFragment();i.schemaForm={form:m,schema:c},angular.forEach(m,function(e,r){var a=document.createElement(u.sfDecorator||n(t.defaultDecorator,"-"));a.setAttribute("form","schemaForm.form["+r+"]"),p.appendChild(a)}),o.children(":not(.schema-form-ignore)").remove(),o[0].appendChild(p),e(o.children())(i),a(c,function(e,r){angular.isDefined(e["default"])&&i.$eval("model."+r+" = model."+r+" || defaltValue",{defaltValue:e["default"]})})}})}}}]),angular.module("schemaForm").directive("schemaValidate",function(){return{restrict:"A",scope:!1,require:"ngModel",link:function(e,r,t,n){e.ngModel=n;var a=null,i=e.$eval(t.schemaValidate);n.$parsers.unshift(function(r){if(i||(i=e.$eval(t.schemaValidate)),!i)return r;if(angular.isUndefined(r))return void 0;var o=r;"integer"===i.type?o=parseInt(o,10):"number"===i.type?o=parseFloat(o,10):"boolean"===i.type&&"string"==typeof r&&("true"===r?o=!0:"false"===r&&(o=!1));var u=tv4.validateResult(o,i);return u.valid?(n.$setValidity("schema",!0),a=null,r):(n.$setValidity("schema",!1),void(a=u.error))}),e.hasSuccess=function(){return n.$valid&&(!n.$pristine||!n.$isEmpty(n.$modelValue))},e.hasError=function(){return n.$invalid&&!n.$pristine},e.schemaError=function(){return a}}}});
\ No newline at end of file
+angular.module("schemaForm",[]),angular.module("schemaForm").provider("schemaFormDecorators",["$compileProvider",function(e){var r="",t={},n=function(e,n){"sfDecorator"===e&&(e=r);for(var a=t[e],i=a.rules,o=0;o<i.length;o++){var u=i[o](n);if(u)return u}return a.mappings[n.type]?a.mappings[n.type]:a.mappings["default"]},a=function(r){e.directive(r,["$parse","$compile","$http","$templateCache",function(e,t,a,i){return{restrict:"AE",replace:!0,transclude:!1,scope:!0,require:"?^sfSchema",link:function(e,o,u,c){var l=e.$watch(u.form,function(u){if(u){e.form=u;var c=n(r,u);a.get(c,{cache:i}).then(function(r){var n=r.data.replace(/\$\$value\$\$/g,"model."+(u.key||""));t(n)(e,function(e){o.replaceWith(e)})}),l()}});e.showTitle=function(){return e.form&&e.form.notitle!==!0&&e.form.title},e.checkboxValuesToList=function(e){var r=[];return angular.forEach(e,function(e,t){e&&r.push(t)}),r},e.buttonClick=function(r,t){angular.isFunction(t.onClick)?t.onClick(r,t):angular.isString(t.onClick)&&(c?c.evalInParentScope(t.onClick,{$event:r,form:t}):e.$eval(t.onClick,{$event:r,form:t}))},e.evalExpr=function(r,t){return c?c.evalInParentScope(r,t):e.$eval(r,t)},e.evalInScope=function(r,t){return r?e.$eval(r,t):void 0},e.errorMessage=function(r){return e.form.validationMessage?r?angular.isString(e.form.validationMessage)?e.form.validationMessage:e.form.validationMessage[r.code]||e.form.validationMessage["default"]:e.form.validationMessage.required||e.form.validationMessage["default"]||e.form.validationMessage:r?r.message:"Required"}}}}])},i=function(r,t,n){n=angular.isDefined(n)?n:!1,e.directive("sf"+angular.uppercase(r[0])+r.substr(1),function(){return{restrict:"EAC",scope:!0,replace:!0,transclude:n,template:'<sf-decorator form="form"></sf-decorator>',link:function(e,t,n){var a={items:"c",titleMap:"c",schema:"c"},i={type:r},o=!0;angular.forEach(n,function(r,t){if("$"!==t[0]&&0!==t.indexOf("ng")&&"sfField"!==t){var u=function(r){angular.isDefined(r)&&r!==i[t]&&(i[t]=r,o&&i.type&&(i.key||angular.isUndefined(n.key))&&(e.form=i,o=!1))};"model"===t?e.$watch(r,function(r){r&&e.model!==r&&(e.model=r)}):"c"===a[t]?e.$watchCollection(r,u):n.$observe(t,u)}})}}})};this.createDecorator=function(e,n,i){t[e]={mappings:n||{},rules:i||[]},t[r]||(r=e),a(e)},this.createDirective=i,this.createDirectives=function(e){angular.forEach(e,function(e,r){i(r,e)})},this.directive=function(e){return e=e||r,t[e]},this.addMapping=function(e,r,n){t[e]&&(t[e].mappings[r]=n)},this.$get=function(){return{directive:function(e){return t[e]},defaultDecorator:r}},a("sfDecorator")}]),angular.module("schemaForm").provider("schemaForm",[function(){var e=function(e,r,t){var n=l[r.type];if(n)for(var a,i=0;i<n.length;i++)if(a=n[i](e,r,t))return a},r=function(e,r){var t={};return e.title&&(t.title=e.title),e.description&&(t.description=e.description),(r.required===!0||e.required===!0)&&(t.required=!0),e.default&&(t.default=e.default),e.maxLength&&(t.maxlength=e.maxLength),e.minLength&&(t.minlength=e.maxLength),(e.readOnly||e.readonly)&&(t.readonly=e.readOnly||e.readonly),e.minimum&&(t.minimum=e.minimum+(e.exclusiveMinimum?1:0)),e.maximum&&(t.maximum=e.maximum-(e.exclusiveMaximum?1:0)),e.validationMessage&&(t.validationMessage=e.validationMessage),e.enumNames&&(t.titleMap=e.enumNames),t.schema=e,t},t=function(e,t,n){if("string"===t.type&&!t.enum){var a=r(t,n);return a.key=n.path,a.type="text",n.lookup[n.path]=a,a}},n=function(e,t,n){if("number"===t.type){var a=r(t,n);return a.key=n.path,a.type="number",n.lookup[n.path]=a,a}},a=function(e,t,n){if("integer"===t.type){var a=r(t,n);return a.key=n.path,a.type="number",n.lookup[n.path]=a,a}},i=function(e,t,n){if("boolean"===t.type){var a=r(t,n);return a.key=n.path,a.type="checkbox",n.lookup[n.path]=a,a}},o=function(e,t,n){if("string"===t.type&&t.enum){var a=r(t,n);return a.key=n.path,a.type="select",a.titleMap||(a.titleMap={},t.enum.forEach(function(e){a.titleMap[e]=e})),n.lookup[n.path]=a,a}},u=function(e,t,n){if("array"===t.type&&t.items&&t.items.enum){var a=r(t,n);return a.key=n.path,a.type="checkboxes",a.titleMap||(a.titleMap={},t.items.enum.forEach(function(e){a.titleMap[e]=e})),n.lookup[n.path]=a,a}},c=function(t,n,a){if("object"===n.type){var i=r(n,a);return i.type="fieldset",i.items=[],a.lookup[a.path]=i,angular.forEach(n.properties,function(r,t){var o=a.path+"."+t;if(a.ignore[o]!==!0){var u=n.required&&-1!==n.required.indexOf(t),c=e(t,r,{path:o,required:u||!1,lookup:a.lookup,ignore:a.ignore});c&&i.items.push(c)}}),i}},l={string:[o,t],object:[c],number:[n],integer:[a],"boolean":[i],array:[u]},s=function(e){return e};this.defaults=l,this.stdFormObj=r,this.postProcess=function(e){s=e},this.appendRule=function(e,r){l[e]||(l[e]=[]),l[e].push(r)},this.prependRule=function(e,r){l[e]||(l[e]=[]),l[e].unshift(r)},this.createStandardForm=r,this.$get=function(){var r={};return r.merge=function(e,t,n){t=t||["*"];var a=r.defaults(e,n),i=t.indexOf("*");if(-1!==i)return t=t.slice(0,i).concat(a.form).concat(t.slice(i+1));var o=a.lookup;return s(t.map(function(t){return"string"==typeof t&&(t={key:t}),t.items&&(t.items=r.merge(e,t.items,n)),t.tabs&&angular.forEach(t.tabs,function(t){t.items=r.merge(e,t.items,n)}),t.key&&o[t.key]?angular.extend(o[t.key],t):t}))},r.defaults=function(r,t){var n=[],a={};if(t=t||{},"object"!==r.type)throw new Error('Not implemented. Only type "object" allowed at root level of schema.');return angular.forEach(r.properties,function(i,o){if(t[o]!==!0){var u=r.required&&-1!==r.required.indexOf(o),c=e(o,i,{path:o,lookup:a,ignore:t,required:u});c&&n.push(c)}}),{form:n,lookup:a}},r}}]),angular.module("schemaForm").directive("sfChanged",function(){return{require:"ngModel",restrict:"AC",scope:!1,link:function(e,r,t,n){var a=e.$eval(t.sfChanged);a&&a.onChange&&n.$viewChangeListeners.push(function(){angular.isFunction(a.onChange)?a.onChange(n.$modelValue,a):e.evalExpr(a.onChange,{modelValue:n.$modelValue,form:a})})}}}),angular.module("schemaForm").directive("sfSchema",["$compile","schemaForm","schemaFormDecorators",function(e,r,t){function n(e,r){return r=r||"_",e.replace(i,function(e,t){return(t?r:"")+e.toLowerCase()})}var a=function(e,r,t){t=t||"",r(e,t),angular.forEach(e.properties,function(e,n){a(e,r,""===t?n:t+"."+n)})},i=/[A-Z]/g;return{scope:{schema:"=sfSchema",initialForm:"=sfForm",model:"=sfModel"},controller:["$scope",function(e){this.evalInParentScope=function(r,t){return e.$parent.$eval(r,t)}}],replace:!1,restrict:"A",transclude:!0,require:"?form",link:function(i,o,u,c,l){i.formCtrl=c;var s={};l(i,function(e){if(e.addClass("schema-form-ignore"),o.prepend(e),o[0].querySelectorAll){var r=o[0].querySelectorAll("[ng-model]");if(r)for(var t=0;t<r.length;t++){var n=r[t].getAttribute("ng-model");s[n.substring(n.indexOf(".")+1)]=!0}}});var f={};i.$watch(function(){var c=i.schema,l=i.initialForm||["*"];if(l&&c&&c.type&&(f.form!==l||f.schema!==c)&&Object.keys(c.properties).length>0){f.schema=c,f.form=l;var m=r.merge(c,l,s),p=document.createDocumentFragment();i.schemaForm={form:m,schema:c},angular.forEach(m,function(e,r){var a=document.createElement(u.sfDecorator||n(t.defaultDecorator,"-"));a.setAttribute("form","schemaForm.form["+r+"]"),p.appendChild(a)}),o.children(":not(.schema-form-ignore)").remove(),o[0].appendChild(p),e(o.children())(i),a(c,function(e,r){angular.isDefined(e["default"])&&i.$eval("model."+r+" = model."+r+" || defaltValue",{defaltValue:e["default"]})})}})}}}]),angular.module("schemaForm").directive("schemaValidate",function(){return{restrict:"A",scope:!1,require:"ngModel",link:function(e,r,t,n){e.ngModel=n;var a=null,i=e.$eval(t.schemaValidate);n.$parsers.unshift(function(r){if(i||(i=e.$eval(t.schemaValidate)),!i)return r;if(angular.isUndefined(r))return void 0;var o=r;"integer"===i.type?o=parseInt(o,10):"number"===i.type?o=parseFloat(o,10):"boolean"===i.type&&"string"==typeof r&&("true"===r?o=!0:"false"===r&&(o=!1));var u=tv4.validateResult(o,i);return u.valid?(n.$setValidity("schema",!0),a=null,r):(n.$setValidity("schema",!1),void(a=u.error))}),e.hasSuccess=function(){return n.$valid&&(!n.$pristine||!n.$isEmpty(n.$modelValue))},e.hasError=function(){return n.$invalid&&!n.$pristine},e.schemaError=function(){return a}}}});
\ No newline at end of file
diff --git a/examples/bootstrap-example.html b/examples/bootstrap-example.html
index 85241393c..f8c789e47 100644
--- a/examples/bootstrap-example.html
+++ b/examples/bootstrap-example.html
@@ -143,32 +143,46 @@ <h3>Schema</h3>
 
   $scope.form = [
     {
-      key: "name",
-      placeholder: "Check the console",
-      onChange: "log(modelValue)",
-      feedback: "{'glyphicon': true, 'glyphicon-ok': hasSuccess(), 'glyphicon-star': !hasSuccess() }"
-    },
-    {
-      key: "favorite",
-      feedback: false
-    },
-    "attributes",
-    {
-      key: "shoesize",
-      feedback: false
-    },
-    "things",
-    "soul",
-    {
-      type: "conditional",
-      condition: "person.soul",
-      items: [
-        { key: "soulserial", placeholder: "ex. 666" }
-      ]
+      type: "tabs",
+      tabs: [
+      {
+        name: "Simple stuff",
+        items: [
+          {
+            key: "name",
+            placeholder: "Check the console",
+            onChange: "log(modelValue)",
+            feedback: "{'glyphicon': true, 'glyphicon-ok': hasSuccess(), 'glyphicon-star': !hasSuccess() }"
+          },
+          {
+            key: "favorite",
+            feedback: false
+          }
+        ]
+      },
+      {
+        name: "More stuff",
+        items: [
+          "attributes",
+          {
+            key: "shoesize",
+            feedback: false
+          },
+          "things",
+          "soul",
+          {
+            type: "conditional",
+            condition: "person.soul",
+            items: [
+              { key: "soulserial", placeholder: "ex. 666" }
+            ]
+          },
+          { key: "date", minDate: "2014-06-20" },
+          { key: "radio", type: "radios" },
+          { key: "radiobuttons", type: "radiobuttons" }
+        ]
+      }]
     },
-    { key: "date", minDate: "2014-06-20" },
-    { key: "radio", type: "radios" },
-    { key: "radiobuttons", type: "radiobuttons" },
     {
       type: 'actions',
       items: [
diff --git a/src/directives/decorators/bootstrap/bootstrap-decorator.js b/src/directives/decorators/bootstrap/bootstrap-decorator.js
index 154216870..410d58a72 100644
--- a/src/directives/decorators/bootstrap/bootstrap-decorator.js
+++ b/src/directives/decorators/bootstrap/bootstrap-decorator.js
@@ -4,6 +4,7 @@ angular.module('schemaForm').config(['schemaFormDecoratorsProvider',function(dec
   decoratorsProvider.createDecorator('bootstrapDecorator',{
     textarea: base+'textarea.html',
     fieldset: base+'fieldset.html',
+    tabs: base+'tabs.html',
     section: base+'section.html',
     conditional: base+'section.html',
     actions: base+'actions.html',
diff --git a/src/directives/decorators/bootstrap/tabs.html b/src/directives/decorators/bootstrap/tabs.html
new file mode 100644
index 000000000..16285d002
--- /dev/null
+++ b/src/directives/decorators/bootstrap/tabs.html
@@ -0,0 +1,20 @@
+<div ng-init="selected = { tab: 0 }">
+  <ul class="nav nav-tabs">
+    <li ng-repeat="tab in form.tabs"
+        ng-click="selected.tab = $index"
+        ng-class="{active: selected.tab === $index}">
+        <a>{{ tab.name }}</a>
+    </li>
+  </ul>
+
+  <!-- Tab panes -->
+  <div class="tab-content">
+    <div class="tab-pane"
+         ng-repeat="tab in form.tabs"
+         ng-show="selected.tab === $index"
+         ng-class="{active: selected.tab === $index}">
+         <bootstrap-decorator ng-repeat="item in tab.items" form="item">
+         </bootstrap-decorator>
+    </div>
+  </div>
+</div>
diff --git a/src/services/schema-form.js b/src/services/schema-form.js
index 28626e040..e457b67df 100644
--- a/src/services/schema-form.js
+++ b/src/services/schema-form.js
@@ -248,6 +248,12 @@ angular.module('schemaForm').provider('schemaForm',[function(){
           obj.items = service.merge(schema,obj.items,ignore);
         }
 
+        //if its has tabs, merge them also!
+        if (obj.tabs) {
+          angular.forEach(obj.tabs,function(tab){
+            tab.items = service.merge(schema,tab.items,ignore);
+          });
+        }
 
         //extend with std form from schema.
         if (obj.key && lookup[obj.key]) {

From 63e939cd25be2276d18fa246d48a77e4ef792fab Mon Sep 17 00:00:00 2001
From: David Jensen <david.lgj@gmail.com>
Date: Thu, 26 Jun 2014 12:04:42 +0200
Subject: [PATCH 2/6] Support for help form type

As in jsonform.
Lacks test and documentation. Needs ngSanitize included to work.
---
 bower.json                                             |  3 ++-
 dist/bootstrap-decorator.min.js                        |  2 +-
 dist/schema-form.min.js                                |  2 +-
 examples/bootstrap-example.html                        |  4 ++++
 .../decorators/bootstrap/bootstrap-decorator.js        |  1 +
 src/directives/decorators/bootstrap/help.html          |  1 +
 src/module.js                                          | 10 +++++++++-
 7 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 src/directives/decorators/bootstrap/help.html

diff --git a/bower.json b/bower.json
index 69a5907e2..509cfa7b1 100644
--- a/bower.json
+++ b/bower.json
@@ -24,7 +24,8 @@
   "dependencies": {
     "angular": "~1.2.18",
     "tv4": "~1.0.15",
-    "pickadate": "~3.5.2"
+    "pickadate": "~3.5.2",
+    "angular-sanitize": "~1.2.18"
   },
   "devDependencies": {
     "angular-ui-ace": "bower"
diff --git a/dist/bootstrap-decorator.min.js b/dist/bootstrap-decorator.min.js
index 119bddaa3..9dddcc8ec 100644
--- a/dist/bootstrap-decorator.min.js
+++ b/dist/bootstrap-decorator.min.js
@@ -1 +1 @@
-angular.module("schemaForm").run(["$templateCache",function(e){e.put("directives/decorators/bootstrap/actions-trcl.html",'<div class="btn-group" ng-transclude=""></div>'),e.put("directives/decorators/bootstrap/actions.html",'<div class="btn-group"><input ng-repeat-start="item in form.items" type="submit" class="btn btn-primary" value="{{item.title}}" ng-if="item.type === \'submit\'"><button ng-repeat-end="" class="btn btn-default" type="button" ng-if="item.type !== \'submit\'" ng-click="buttonClick($event,item)">{{item.title}}</button></div>'),e.put("directives/decorators/bootstrap/checkbox.html",'<div class="checkbox" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label><input type="checkbox" sf-changed="form" ng-model="$$value$$" schema-validate="form.schema" ng-required="form.required">{{form.title}}</label><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/checkboxes.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}" ng-init="checkboxValues = {}"><label ng-show="showTitle()">{{form.title}}</label><div class="checkbox" ng-repeat="(value,name) in form.titleMap"><label><input type="checkbox" sf-changed="form" ng-model="checkboxValues[value]" ng-change="$$value$$ = checkboxValuesToList(checkboxValues)">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/default.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false }"><label class="control-label" ng-show="showTitle()">{{form.title}}</label><input ng-show="form.key" type="{{form.type}}" sf-changed="form" placeholder="{{form.placeholder}}" class="form-control" ,="" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"><span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || {\'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/fieldset-trcl.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><div ng-transclude=""></div></fieldset>'),e.put("directives/decorators/bootstrap/fieldset.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></fieldset>'),e.put("directives/decorators/bootstrap/radio-buttons.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="btn-group"><label class="btn btn-primary" ng-class="{ active: value === $$value$$ }" ng-repeat="(value,name) in form.titleMap"><input type="radio" sf-changed="form" style="display: none;" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/radios.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="radio" ng-repeat="(value,name) in form.titleMap"><label><input type="radio" sf-changed="form" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/readonly.html",'<div class="form-group"><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></div>'),e.put("directives/decorators/bootstrap/section.html",'<div ng-if="!form.condition || evalExpr(form.condition,{ model: model })"><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></div>'),e.put("directives/decorators/bootstrap/select.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false}"><label ng-show="showTitle()">{{form.title}}</label><select ng-model="$$value$$" sf-changed="form" class="form-control" schema-validate="form.schema" ng-required="form.required" ng-options="val as name for (val,name) in form.titleMap"></select><span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/submit.html",'<div class="form-group"><input type="submit" class="btn btn-primary" value="{{form.title}}" ng-if="form.type === \'submit\'"><button class="btn btn-default" type="button" ng-click="buttonClick($event,form)" ng-if="form.type !== \'submit\'">{{form.title}}</button></div>'),e.put("directives/decorators/bootstrap/tabs.html",'<div ng-init="selected = { tab: 0 }"><ul class="nav nav-tabs"><li ng-repeat="tab in form.tabs" ng-click="selected.tab = $index" ng-class="{active: selected.tab === $index}"><a>{{ tab.name }}</a></li></ul><div class="tab-content"><div class="tab-pane" ng-repeat="tab in form.tabs" ng-show="selected.tab === $index" ng-class="{active: selected.tab === $index}"><bootstrap-decorator ng-repeat="item in tab.items" form="item"></bootstrap-decorator></div></div></div>'),e.put("directives/decorators/bootstrap/textarea.html",'<div class="form-group has-feedback" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><textarea class="form-control" sf-changed="form" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"></textarea> <span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || { \'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>')}]),angular.module("schemaForm").config(["schemaFormDecoratorsProvider",function(e){var t="directives/decorators/bootstrap/";e.createDecorator("bootstrapDecorator",{textarea:t+"textarea.html",fieldset:t+"fieldset.html",tabs:t+"tabs.html",section:t+"section.html",conditional:t+"section.html",actions:t+"actions.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",password:t+"default.html",submit:t+"submit.html",button:t+"submit.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html","default":t+"default.html"},[function(e){return e.readonly&&e.key&&"fieldset"!==e.type?t+"readonly.html":void 0}]),e.createDirectives({textarea:t+"textarea.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",submit:t+"submit.html",button:t+"submit.html",text:t+"default.html",date:t+"default.html",password:t+"default.html",datepicker:t+"datepicker.html",input:t+"default.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html"})}]).directive("sfFieldset",function(){return{transclude:!0,scope:!0,templateUrl:"directives/decorators/bootstrap/fieldset-trcl.html",link:function(e,t,s){e.title=e.$eval(s.title)}}});
\ No newline at end of file
+angular.module("schemaForm").run(["$templateCache",function(e){e.put("directives/decorators/bootstrap/actions-trcl.html",'<div class="btn-group" ng-transclude=""></div>'),e.put("directives/decorators/bootstrap/actions.html",'<div class="btn-group"><input ng-repeat-start="item in form.items" type="submit" class="btn btn-primary" value="{{item.title}}" ng-if="item.type === \'submit\'"><button ng-repeat-end="" class="btn btn-default" type="button" ng-if="item.type !== \'submit\'" ng-click="buttonClick($event,item)">{{item.title}}</button></div>'),e.put("directives/decorators/bootstrap/checkbox.html",'<div class="checkbox" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label><input type="checkbox" sf-changed="form" ng-model="$$value$$" schema-validate="form.schema" ng-required="form.required">{{form.title}}</label><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/checkboxes.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}" ng-init="checkboxValues = {}"><label ng-show="showTitle()">{{form.title}}</label><div class="checkbox" ng-repeat="(value,name) in form.titleMap"><label><input type="checkbox" sf-changed="form" ng-model="checkboxValues[value]" ng-change="$$value$$ = checkboxValuesToList(checkboxValues)">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/default.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false }"><label class="control-label" ng-show="showTitle()">{{form.title}}</label><input ng-show="form.key" type="{{form.type}}" sf-changed="form" placeholder="{{form.placeholder}}" class="form-control" ,="" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"><span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || {\'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/fieldset-trcl.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><div ng-transclude=""></div></fieldset>'),e.put("directives/decorators/bootstrap/fieldset.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></fieldset>'),e.put("directives/decorators/bootstrap/help.html",'<div class="helpvalue" ng-bind-html="form.helpvalue"></div>'),e.put("directives/decorators/bootstrap/radio-buttons.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="btn-group"><label class="btn btn-primary" ng-class="{ active: value === $$value$$ }" ng-repeat="(value,name) in form.titleMap"><input type="radio" sf-changed="form" style="display: none;" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/radios.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="radio" ng-repeat="(value,name) in form.titleMap"><label><input type="radio" sf-changed="form" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/readonly.html",'<div class="form-group"><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></div>'),e.put("directives/decorators/bootstrap/section.html",'<div ng-if="!form.condition || evalExpr(form.condition,{ model: model })"><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></div>'),e.put("directives/decorators/bootstrap/select.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false}"><label ng-show="showTitle()">{{form.title}}</label><select ng-model="$$value$$" sf-changed="form" class="form-control" schema-validate="form.schema" ng-required="form.required" ng-options="val as name for (val,name) in form.titleMap"></select><span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/submit.html",'<div class="form-group"><input type="submit" class="btn btn-primary" value="{{form.title}}" ng-if="form.type === \'submit\'"><button class="btn btn-default" type="button" ng-click="buttonClick($event,form)" ng-if="form.type !== \'submit\'">{{form.title}}</button></div>'),e.put("directives/decorators/bootstrap/tabs.html",'<div ng-init="selected = { tab: 0 }"><ul class="nav nav-tabs"><li ng-repeat="tab in form.tabs" ng-click="selected.tab = $index" ng-class="{active: selected.tab === $index}"><a>{{ tab.name }}</a></li></ul><div class="tab-content"><div class="tab-pane" ng-repeat="tab in form.tabs" ng-show="selected.tab === $index" ng-class="{active: selected.tab === $index}"><bootstrap-decorator ng-repeat="item in tab.items" form="item"></bootstrap-decorator></div></div></div>'),e.put("directives/decorators/bootstrap/textarea.html",'<div class="form-group has-feedback" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><textarea class="form-control" sf-changed="form" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"></textarea> <span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || { \'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>')}]),angular.module("schemaForm").config(["schemaFormDecoratorsProvider",function(e){var t="directives/decorators/bootstrap/";e.createDecorator("bootstrapDecorator",{textarea:t+"textarea.html",fieldset:t+"fieldset.html",tabs:t+"tabs.html",section:t+"section.html",conditional:t+"section.html",actions:t+"actions.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",password:t+"default.html",submit:t+"submit.html",button:t+"submit.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html",help:t+"help.html","default":t+"default.html"},[function(e){return e.readonly&&e.key&&"fieldset"!==e.type?t+"readonly.html":void 0}]),e.createDirectives({textarea:t+"textarea.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",submit:t+"submit.html",button:t+"submit.html",text:t+"default.html",date:t+"default.html",password:t+"default.html",datepicker:t+"datepicker.html",input:t+"default.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html"})}]).directive("sfFieldset",function(){return{transclude:!0,scope:!0,templateUrl:"directives/decorators/bootstrap/fieldset-trcl.html",link:function(e,t,s){e.title=e.$eval(s.title)}}});
\ No newline at end of file
diff --git a/dist/schema-form.min.js b/dist/schema-form.min.js
index a5b0a5fe6..7f38a0c61 100644
--- a/dist/schema-form.min.js
+++ b/dist/schema-form.min.js
@@ -1 +1 @@
-angular.module("schemaForm",[]),angular.module("schemaForm").provider("schemaFormDecorators",["$compileProvider",function(e){var r="",t={},n=function(e,n){"sfDecorator"===e&&(e=r);for(var a=t[e],i=a.rules,o=0;o<i.length;o++){var u=i[o](n);if(u)return u}return a.mappings[n.type]?a.mappings[n.type]:a.mappings["default"]},a=function(r){e.directive(r,["$parse","$compile","$http","$templateCache",function(e,t,a,i){return{restrict:"AE",replace:!0,transclude:!1,scope:!0,require:"?^sfSchema",link:function(e,o,u,c){var l=e.$watch(u.form,function(u){if(u){e.form=u;var c=n(r,u);a.get(c,{cache:i}).then(function(r){var n=r.data.replace(/\$\$value\$\$/g,"model."+(u.key||""));t(n)(e,function(e){o.replaceWith(e)})}),l()}});e.showTitle=function(){return e.form&&e.form.notitle!==!0&&e.form.title},e.checkboxValuesToList=function(e){var r=[];return angular.forEach(e,function(e,t){e&&r.push(t)}),r},e.buttonClick=function(r,t){angular.isFunction(t.onClick)?t.onClick(r,t):angular.isString(t.onClick)&&(c?c.evalInParentScope(t.onClick,{$event:r,form:t}):e.$eval(t.onClick,{$event:r,form:t}))},e.evalExpr=function(r,t){return c?c.evalInParentScope(r,t):e.$eval(r,t)},e.evalInScope=function(r,t){return r?e.$eval(r,t):void 0},e.errorMessage=function(r){return e.form.validationMessage?r?angular.isString(e.form.validationMessage)?e.form.validationMessage:e.form.validationMessage[r.code]||e.form.validationMessage["default"]:e.form.validationMessage.required||e.form.validationMessage["default"]||e.form.validationMessage:r?r.message:"Required"}}}}])},i=function(r,t,n){n=angular.isDefined(n)?n:!1,e.directive("sf"+angular.uppercase(r[0])+r.substr(1),function(){return{restrict:"EAC",scope:!0,replace:!0,transclude:n,template:'<sf-decorator form="form"></sf-decorator>',link:function(e,t,n){var a={items:"c",titleMap:"c",schema:"c"},i={type:r},o=!0;angular.forEach(n,function(r,t){if("$"!==t[0]&&0!==t.indexOf("ng")&&"sfField"!==t){var u=function(r){angular.isDefined(r)&&r!==i[t]&&(i[t]=r,o&&i.type&&(i.key||angular.isUndefined(n.key))&&(e.form=i,o=!1))};"model"===t?e.$watch(r,function(r){r&&e.model!==r&&(e.model=r)}):"c"===a[t]?e.$watchCollection(r,u):n.$observe(t,u)}})}}})};this.createDecorator=function(e,n,i){t[e]={mappings:n||{},rules:i||[]},t[r]||(r=e),a(e)},this.createDirective=i,this.createDirectives=function(e){angular.forEach(e,function(e,r){i(r,e)})},this.directive=function(e){return e=e||r,t[e]},this.addMapping=function(e,r,n){t[e]&&(t[e].mappings[r]=n)},this.$get=function(){return{directive:function(e){return t[e]},defaultDecorator:r}},a("sfDecorator")}]),angular.module("schemaForm").provider("schemaForm",[function(){var e=function(e,r,t){var n=l[r.type];if(n)for(var a,i=0;i<n.length;i++)if(a=n[i](e,r,t))return a},r=function(e,r){var t={};return e.title&&(t.title=e.title),e.description&&(t.description=e.description),(r.required===!0||e.required===!0)&&(t.required=!0),e.default&&(t.default=e.default),e.maxLength&&(t.maxlength=e.maxLength),e.minLength&&(t.minlength=e.maxLength),(e.readOnly||e.readonly)&&(t.readonly=e.readOnly||e.readonly),e.minimum&&(t.minimum=e.minimum+(e.exclusiveMinimum?1:0)),e.maximum&&(t.maximum=e.maximum-(e.exclusiveMaximum?1:0)),e.validationMessage&&(t.validationMessage=e.validationMessage),e.enumNames&&(t.titleMap=e.enumNames),t.schema=e,t},t=function(e,t,n){if("string"===t.type&&!t.enum){var a=r(t,n);return a.key=n.path,a.type="text",n.lookup[n.path]=a,a}},n=function(e,t,n){if("number"===t.type){var a=r(t,n);return a.key=n.path,a.type="number",n.lookup[n.path]=a,a}},a=function(e,t,n){if("integer"===t.type){var a=r(t,n);return a.key=n.path,a.type="number",n.lookup[n.path]=a,a}},i=function(e,t,n){if("boolean"===t.type){var a=r(t,n);return a.key=n.path,a.type="checkbox",n.lookup[n.path]=a,a}},o=function(e,t,n){if("string"===t.type&&t.enum){var a=r(t,n);return a.key=n.path,a.type="select",a.titleMap||(a.titleMap={},t.enum.forEach(function(e){a.titleMap[e]=e})),n.lookup[n.path]=a,a}},u=function(e,t,n){if("array"===t.type&&t.items&&t.items.enum){var a=r(t,n);return a.key=n.path,a.type="checkboxes",a.titleMap||(a.titleMap={},t.items.enum.forEach(function(e){a.titleMap[e]=e})),n.lookup[n.path]=a,a}},c=function(t,n,a){if("object"===n.type){var i=r(n,a);return i.type="fieldset",i.items=[],a.lookup[a.path]=i,angular.forEach(n.properties,function(r,t){var o=a.path+"."+t;if(a.ignore[o]!==!0){var u=n.required&&-1!==n.required.indexOf(t),c=e(t,r,{path:o,required:u||!1,lookup:a.lookup,ignore:a.ignore});c&&i.items.push(c)}}),i}},l={string:[o,t],object:[c],number:[n],integer:[a],"boolean":[i],array:[u]},s=function(e){return e};this.defaults=l,this.stdFormObj=r,this.postProcess=function(e){s=e},this.appendRule=function(e,r){l[e]||(l[e]=[]),l[e].push(r)},this.prependRule=function(e,r){l[e]||(l[e]=[]),l[e].unshift(r)},this.createStandardForm=r,this.$get=function(){var r={};return r.merge=function(e,t,n){t=t||["*"];var a=r.defaults(e,n),i=t.indexOf("*");if(-1!==i)return t=t.slice(0,i).concat(a.form).concat(t.slice(i+1));var o=a.lookup;return s(t.map(function(t){return"string"==typeof t&&(t={key:t}),t.items&&(t.items=r.merge(e,t.items,n)),t.tabs&&angular.forEach(t.tabs,function(t){t.items=r.merge(e,t.items,n)}),t.key&&o[t.key]?angular.extend(o[t.key],t):t}))},r.defaults=function(r,t){var n=[],a={};if(t=t||{},"object"!==r.type)throw new Error('Not implemented. Only type "object" allowed at root level of schema.');return angular.forEach(r.properties,function(i,o){if(t[o]!==!0){var u=r.required&&-1!==r.required.indexOf(o),c=e(o,i,{path:o,lookup:a,ignore:t,required:u});c&&n.push(c)}}),{form:n,lookup:a}},r}}]),angular.module("schemaForm").directive("sfChanged",function(){return{require:"ngModel",restrict:"AC",scope:!1,link:function(e,r,t,n){var a=e.$eval(t.sfChanged);a&&a.onChange&&n.$viewChangeListeners.push(function(){angular.isFunction(a.onChange)?a.onChange(n.$modelValue,a):e.evalExpr(a.onChange,{modelValue:n.$modelValue,form:a})})}}}),angular.module("schemaForm").directive("sfSchema",["$compile","schemaForm","schemaFormDecorators",function(e,r,t){function n(e,r){return r=r||"_",e.replace(i,function(e,t){return(t?r:"")+e.toLowerCase()})}var a=function(e,r,t){t=t||"",r(e,t),angular.forEach(e.properties,function(e,n){a(e,r,""===t?n:t+"."+n)})},i=/[A-Z]/g;return{scope:{schema:"=sfSchema",initialForm:"=sfForm",model:"=sfModel"},controller:["$scope",function(e){this.evalInParentScope=function(r,t){return e.$parent.$eval(r,t)}}],replace:!1,restrict:"A",transclude:!0,require:"?form",link:function(i,o,u,c,l){i.formCtrl=c;var s={};l(i,function(e){if(e.addClass("schema-form-ignore"),o.prepend(e),o[0].querySelectorAll){var r=o[0].querySelectorAll("[ng-model]");if(r)for(var t=0;t<r.length;t++){var n=r[t].getAttribute("ng-model");s[n.substring(n.indexOf(".")+1)]=!0}}});var f={};i.$watch(function(){var c=i.schema,l=i.initialForm||["*"];if(l&&c&&c.type&&(f.form!==l||f.schema!==c)&&Object.keys(c.properties).length>0){f.schema=c,f.form=l;var m=r.merge(c,l,s),p=document.createDocumentFragment();i.schemaForm={form:m,schema:c},angular.forEach(m,function(e,r){var a=document.createElement(u.sfDecorator||n(t.defaultDecorator,"-"));a.setAttribute("form","schemaForm.form["+r+"]"),p.appendChild(a)}),o.children(":not(.schema-form-ignore)").remove(),o[0].appendChild(p),e(o.children())(i),a(c,function(e,r){angular.isDefined(e["default"])&&i.$eval("model."+r+" = model."+r+" || defaltValue",{defaltValue:e["default"]})})}})}}}]),angular.module("schemaForm").directive("schemaValidate",function(){return{restrict:"A",scope:!1,require:"ngModel",link:function(e,r,t,n){e.ngModel=n;var a=null,i=e.$eval(t.schemaValidate);n.$parsers.unshift(function(r){if(i||(i=e.$eval(t.schemaValidate)),!i)return r;if(angular.isUndefined(r))return void 0;var o=r;"integer"===i.type?o=parseInt(o,10):"number"===i.type?o=parseFloat(o,10):"boolean"===i.type&&"string"==typeof r&&("true"===r?o=!0:"false"===r&&(o=!1));var u=tv4.validateResult(o,i);return u.valid?(n.$setValidity("schema",!0),a=null,r):(n.$setValidity("schema",!1),void(a=u.error))}),e.hasSuccess=function(){return n.$valid&&(!n.$pristine||!n.$isEmpty(n.$modelValue))},e.hasError=function(){return n.$invalid&&!n.$pristine},e.schemaError=function(){return a}}}});
\ No newline at end of file
+try{angular.module("ngSanitize"),angular.module("schemaForm",["ngSanitize"])}catch(e){angular.module("schemaForm",[])}angular.module("schemaForm").provider("schemaFormDecorators",["$compileProvider",function(e){var r="",t={},n=function(e,n){"sfDecorator"===e&&(e=r);for(var a=t[e],i=a.rules,o=0;o<i.length;o++){var u=i[o](n);if(u)return u}return a.mappings[n.type]?a.mappings[n.type]:a.mappings["default"]},a=function(r){e.directive(r,["$parse","$compile","$http","$templateCache",function(e,t,a,i){return{restrict:"AE",replace:!0,transclude:!1,scope:!0,require:"?^sfSchema",link:function(e,o,u,c){var l=e.$watch(u.form,function(u){if(u){e.form=u;var c=n(r,u);a.get(c,{cache:i}).then(function(r){var n=r.data.replace(/\$\$value\$\$/g,"model."+(u.key||""));t(n)(e,function(e){o.replaceWith(e)})}),l()}});e.showTitle=function(){return e.form&&e.form.notitle!==!0&&e.form.title},e.checkboxValuesToList=function(e){var r=[];return angular.forEach(e,function(e,t){e&&r.push(t)}),r},e.buttonClick=function(r,t){angular.isFunction(t.onClick)?t.onClick(r,t):angular.isString(t.onClick)&&(c?c.evalInParentScope(t.onClick,{$event:r,form:t}):e.$eval(t.onClick,{$event:r,form:t}))},e.evalExpr=function(r,t){return c?c.evalInParentScope(r,t):e.$eval(r,t)},e.evalInScope=function(r,t){return r?e.$eval(r,t):void 0},e.errorMessage=function(r){return e.form.validationMessage?r?angular.isString(e.form.validationMessage)?e.form.validationMessage:e.form.validationMessage[r.code]||e.form.validationMessage["default"]:e.form.validationMessage.required||e.form.validationMessage["default"]||e.form.validationMessage:r?r.message:"Required"}}}}])},i=function(r,t,n){n=angular.isDefined(n)?n:!1,e.directive("sf"+angular.uppercase(r[0])+r.substr(1),function(){return{restrict:"EAC",scope:!0,replace:!0,transclude:n,template:'<sf-decorator form="form"></sf-decorator>',link:function(e,t,n){var a={items:"c",titleMap:"c",schema:"c"},i={type:r},o=!0;angular.forEach(n,function(r,t){if("$"!==t[0]&&0!==t.indexOf("ng")&&"sfField"!==t){var u=function(r){angular.isDefined(r)&&r!==i[t]&&(i[t]=r,o&&i.type&&(i.key||angular.isUndefined(n.key))&&(e.form=i,o=!1))};"model"===t?e.$watch(r,function(r){r&&e.model!==r&&(e.model=r)}):"c"===a[t]?e.$watchCollection(r,u):n.$observe(t,u)}})}}})};this.createDecorator=function(e,n,i){t[e]={mappings:n||{},rules:i||[]},t[r]||(r=e),a(e)},this.createDirective=i,this.createDirectives=function(e){angular.forEach(e,function(e,r){i(r,e)})},this.directive=function(e){return e=e||r,t[e]},this.addMapping=function(e,r,n){t[e]&&(t[e].mappings[r]=n)},this.$get=function(){return{directive:function(e){return t[e]},defaultDecorator:r}},a("sfDecorator")}]),angular.module("schemaForm").provider("schemaForm",[function(){var e=function(e,r,t){var n=l[r.type];if(n)for(var a,i=0;i<n.length;i++)if(a=n[i](e,r,t))return a},r=function(e,r){var t={};return e.title&&(t.title=e.title),e.description&&(t.description=e.description),(r.required===!0||e.required===!0)&&(t.required=!0),e.default&&(t.default=e.default),e.maxLength&&(t.maxlength=e.maxLength),e.minLength&&(t.minlength=e.maxLength),(e.readOnly||e.readonly)&&(t.readonly=e.readOnly||e.readonly),e.minimum&&(t.minimum=e.minimum+(e.exclusiveMinimum?1:0)),e.maximum&&(t.maximum=e.maximum-(e.exclusiveMaximum?1:0)),e.validationMessage&&(t.validationMessage=e.validationMessage),e.enumNames&&(t.titleMap=e.enumNames),t.schema=e,t},t=function(e,t,n){if("string"===t.type&&!t.enum){var a=r(t,n);return a.key=n.path,a.type="text",n.lookup[n.path]=a,a}},n=function(e,t,n){if("number"===t.type){var a=r(t,n);return a.key=n.path,a.type="number",n.lookup[n.path]=a,a}},a=function(e,t,n){if("integer"===t.type){var a=r(t,n);return a.key=n.path,a.type="number",n.lookup[n.path]=a,a}},i=function(e,t,n){if("boolean"===t.type){var a=r(t,n);return a.key=n.path,a.type="checkbox",n.lookup[n.path]=a,a}},o=function(e,t,n){if("string"===t.type&&t.enum){var a=r(t,n);return a.key=n.path,a.type="select",a.titleMap||(a.titleMap={},t.enum.forEach(function(e){a.titleMap[e]=e})),n.lookup[n.path]=a,a}},u=function(e,t,n){if("array"===t.type&&t.items&&t.items.enum){var a=r(t,n);return a.key=n.path,a.type="checkboxes",a.titleMap||(a.titleMap={},t.items.enum.forEach(function(e){a.titleMap[e]=e})),n.lookup[n.path]=a,a}},c=function(t,n,a){if("object"===n.type){var i=r(n,a);return i.type="fieldset",i.items=[],a.lookup[a.path]=i,angular.forEach(n.properties,function(r,t){var o=a.path+"."+t;if(a.ignore[o]!==!0){var u=n.required&&-1!==n.required.indexOf(t),c=e(t,r,{path:o,required:u||!1,lookup:a.lookup,ignore:a.ignore});c&&i.items.push(c)}}),i}},l={string:[o,t],object:[c],number:[n],integer:[a],"boolean":[i],array:[u]},s=function(e){return e};this.defaults=l,this.stdFormObj=r,this.postProcess=function(e){s=e},this.appendRule=function(e,r){l[e]||(l[e]=[]),l[e].push(r)},this.prependRule=function(e,r){l[e]||(l[e]=[]),l[e].unshift(r)},this.createStandardForm=r,this.$get=function(){var r={};return r.merge=function(e,t,n){t=t||["*"];var a=r.defaults(e,n),i=t.indexOf("*");if(-1!==i)return t=t.slice(0,i).concat(a.form).concat(t.slice(i+1));var o=a.lookup;return s(t.map(function(t){return"string"==typeof t&&(t={key:t}),t.items&&(t.items=r.merge(e,t.items,n)),t.tabs&&angular.forEach(t.tabs,function(t){t.items=r.merge(e,t.items,n)}),t.key&&o[t.key]?angular.extend(o[t.key],t):t}))},r.defaults=function(r,t){var n=[],a={};if(t=t||{},"object"!==r.type)throw new Error('Not implemented. Only type "object" allowed at root level of schema.');return angular.forEach(r.properties,function(i,o){if(t[o]!==!0){var u=r.required&&-1!==r.required.indexOf(o),c=e(o,i,{path:o,lookup:a,ignore:t,required:u});c&&n.push(c)}}),{form:n,lookup:a}},r}}]),angular.module("schemaForm").directive("sfChanged",function(){return{require:"ngModel",restrict:"AC",scope:!1,link:function(e,r,t,n){var a=e.$eval(t.sfChanged);a&&a.onChange&&n.$viewChangeListeners.push(function(){angular.isFunction(a.onChange)?a.onChange(n.$modelValue,a):e.evalExpr(a.onChange,{modelValue:n.$modelValue,form:a})})}}}),angular.module("schemaForm").directive("sfSchema",["$compile","schemaForm","schemaFormDecorators",function(e,r,t){function n(e,r){return r=r||"_",e.replace(i,function(e,t){return(t?r:"")+e.toLowerCase()})}var a=function(e,r,t){t=t||"",r(e,t),angular.forEach(e.properties,function(e,n){a(e,r,""===t?n:t+"."+n)})},i=/[A-Z]/g;return{scope:{schema:"=sfSchema",initialForm:"=sfForm",model:"=sfModel"},controller:["$scope",function(e){this.evalInParentScope=function(r,t){return e.$parent.$eval(r,t)}}],replace:!1,restrict:"A",transclude:!0,require:"?form",link:function(i,o,u,c,l){i.formCtrl=c;var s={};l(i,function(e){if(e.addClass("schema-form-ignore"),o.prepend(e),o[0].querySelectorAll){var r=o[0].querySelectorAll("[ng-model]");if(r)for(var t=0;t<r.length;t++){var n=r[t].getAttribute("ng-model");s[n.substring(n.indexOf(".")+1)]=!0}}});var f={};i.$watch(function(){var c=i.schema,l=i.initialForm||["*"];if(l&&c&&c.type&&(f.form!==l||f.schema!==c)&&Object.keys(c.properties).length>0){f.schema=c,f.form=l;var m=r.merge(c,l,s),p=document.createDocumentFragment();i.schemaForm={form:m,schema:c},angular.forEach(m,function(e,r){var a=document.createElement(u.sfDecorator||n(t.defaultDecorator,"-"));a.setAttribute("form","schemaForm.form["+r+"]"),p.appendChild(a)}),o.children(":not(.schema-form-ignore)").remove(),o[0].appendChild(p),e(o.children())(i),a(c,function(e,r){angular.isDefined(e["default"])&&i.$eval("model."+r+" = model."+r+" || defaltValue",{defaltValue:e["default"]})})}})}}}]),angular.module("schemaForm").directive("schemaValidate",function(){return{restrict:"A",scope:!1,require:"ngModel",link:function(e,r,t,n){e.ngModel=n;var a=null,i=e.$eval(t.schemaValidate);n.$parsers.unshift(function(r){if(i||(i=e.$eval(t.schemaValidate)),!i)return r;if(angular.isUndefined(r))return void 0;var o=r;"integer"===i.type?o=parseInt(o,10):"number"===i.type?o=parseFloat(o,10):"boolean"===i.type&&"string"==typeof r&&("true"===r?o=!0:"false"===r&&(o=!1));var u=tv4.validateResult(o,i);return u.valid?(n.$setValidity("schema",!0),a=null,r):(n.$setValidity("schema",!1),void(a=u.error))}),e.hasSuccess=function(){return n.$valid&&(!n.$pristine||!n.$isEmpty(n.$modelValue))},e.hasError=function(){return n.$invalid&&!n.$pristine},e.schemaError=function(){return a}}}});
\ No newline at end of file
diff --git a/examples/bootstrap-example.html b/examples/bootstrap-example.html
index f8c789e47..c467bcaa4 100644
--- a/examples/bootstrap-example.html
+++ b/examples/bootstrap-example.html
@@ -142,6 +142,10 @@ <h3>Schema</h3>
   };
 
   $scope.form = [
+    {
+      type: "help",
+      helpvalue: "<h1>Yo ninja!</h1>"
+    },
     {
       type: "tabs",
       tabs: [
diff --git a/src/directives/decorators/bootstrap/bootstrap-decorator.js b/src/directives/decorators/bootstrap/bootstrap-decorator.js
index 410d58a72..5233d94f7 100644
--- a/src/directives/decorators/bootstrap/bootstrap-decorator.js
+++ b/src/directives/decorators/bootstrap/bootstrap-decorator.js
@@ -17,6 +17,7 @@ angular.module('schemaForm').config(['schemaFormDecoratorsProvider',function(dec
     button: base+'submit.html',
     radios: base+'radios.html',
     radiobuttons: base+'radio-buttons.html',
+    help: base+'help.html',
     'default': base+'default.html'
   },[
     function(form){
diff --git a/src/directives/decorators/bootstrap/help.html b/src/directives/decorators/bootstrap/help.html
new file mode 100644
index 000000000..863a260ef
--- /dev/null
+++ b/src/directives/decorators/bootstrap/help.html
@@ -0,0 +1 @@
+<div class="helpvalue" ng-bind-html="form.helpvalue"></div>
diff --git a/src/module.js b/src/module.js
index 3feb69ef3..8dc5ad7db 100644
--- a/src/module.js
+++ b/src/module.js
@@ -1 +1,9 @@
-angular.module('schemaForm',[]);
\ No newline at end of file
+//Its up to the user to use form type help or not.
+try {
+  //This throws an expection if module does not exist.
+  angular.module('ngSanitize');
+
+  angular.module('schemaForm',['ngSanitize']);
+} catch (e) {
+  angular.module('schemaForm',[]);
+}

From 3de353e73c0eeb5cc3018a17780fbb7c51b3af88 Mon Sep 17 00:00:00 2001
From: David Jensen <david.lgj@gmail.com>
Date: Thu, 26 Jun 2014 14:17:52 +0200
Subject: [PATCH 3/6] Documentation and tests for help type

---
 docs/index.md            | 38 +++++++++++++++++++++++++++++++++++++
 test/schema-form-test.js | 41 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+)

diff --git a/docs/index.md b/docs/index.md
index 91f5f1123..a2ea76e9f 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -16,6 +16,7 @@ Documentation
     1. [actions](#actions)
     1. [button](#button)
     1. [radios and radiobuttons](#radios-and-radiobuttons)
+    1. [help](#help)
 1. [Post process function](#post-process-function)
 
 Form types
@@ -38,6 +39,7 @@ Schema Form currently supports the following form field types out of the box:
 | button        |  a button               |
 | radios        |  radio buttons          |
 | radiobuttons  |  radio buttons with bootstrap buttons |
+| help          |  insert arbitrary html |
 
 More field types can be added, for instance a "datepicker" type can be added by
 including the [datepicker addon](datepicker.md)
@@ -364,6 +366,42 @@ function FormCtrl($scope) {
 }
 ```
 
+### help
+Help fields is not really a field, but instead let's you inser arbitrary HTML
+into a form, suitable for help texts with links etc.
+
+It uses ```ng-bind-html``` so you need to include the
+[ngSanitize](https://docs.angularjs.org/api/ngSanitize) module for it to work,
+or expicitly turning of strict contextual escaping with
+```$sceProvider.enabled(false)```  (not recomended). It's enough to include
+```angular-sanitize.min.js``` before ```angular-schema.min.js``` and Schema Form
+will pick up that it's there and include it as a module dependency.
+
+The get a help field you need to specify the type ```help``` and have a html
+snippet as a string in the option ```helpvalue```
+
+Ex.
+```javascript
+function FormCtrl($scope) {
+  $scope.schema = {
+    type: "object",
+    properties: {
+      name: {
+        title: "Name",
+        type: "string"
+      }
+    }
+  };
+
+  $scope.form = [
+    {
+      type: "help",
+      helpvalue: "<h1>Yo Ninja!</h1>"
+    },
+    "name"
+  ];
+}
+```
 
 Post process function
 ---------------------
diff --git a/test/schema-form-test.js b/test/schema-form-test.js
index dc5298f99..2695f766a 100644
--- a/test/schema-form-test.js
+++ b/test/schema-form-test.js
@@ -851,6 +851,47 @@ describe('Schema form',function(){
       });
     });
 
+    it('should render custom html when type "help" is specified',function(){
+
+      //We don't need no sanitation. We don't need no though control.
+      module(function($sceProvider){
+        $sceProvider.enabled(false);
+      });
+
+      inject(function($compile,$rootScope){
+        var scope = $rootScope.$new();
+        scope.person = { partee: '2014-01-01'};
+
+        scope.schema = {
+          type: "object",
+          properties: {
+            name: {
+              type: "string",
+            }
+          }
+        };
+
+
+        scope.form = [
+          {
+            type:      "help",
+            helpvalue: "<h1>Yo Ninja!</h1>"
+          },
+          "name"
+        ];
+
+        var tmpl = angular.element('<form sf-schema="schema" sf-form="form" sf-model="person"></form>');
+
+        $compile(tmpl)(scope);
+        $rootScope.$apply();
+
+        tmpl.children().length.should.eq(2);
+        tmpl.children().eq(0).is('div').should.be.true;
+        tmpl.children().eq(0).children().length.should.eq(1);
+        tmpl.children().eq(0).children().html().should.be.eq("Yo Ninja!");
+
+      });
+    });
 
   });
 

From f16c8d0431d25b6dea2d6e010223bdc1ecff6fb8 Mon Sep 17 00:00:00 2001
From: David Jensen <david.lgj@gmail.com>
Date: Thu, 26 Jun 2014 16:04:53 +0200
Subject: [PATCH 4/6] Tests and example for tabs

---
 dist/bootstrap-decorator.min.js               |  2 +-
 examples/bootstrap-example.html               | 83 ++++++++++---------
 src/directives/decorators/bootstrap/tabs.html |  5 +-
 test/schema-form-test.js                      | 70 +++++++++++++++-
 4 files changed, 117 insertions(+), 43 deletions(-)

diff --git a/dist/bootstrap-decorator.min.js b/dist/bootstrap-decorator.min.js
index 9dddcc8ec..6fdb10abf 100644
--- a/dist/bootstrap-decorator.min.js
+++ b/dist/bootstrap-decorator.min.js
@@ -1 +1 @@
-angular.module("schemaForm").run(["$templateCache",function(e){e.put("directives/decorators/bootstrap/actions-trcl.html",'<div class="btn-group" ng-transclude=""></div>'),e.put("directives/decorators/bootstrap/actions.html",'<div class="btn-group"><input ng-repeat-start="item in form.items" type="submit" class="btn btn-primary" value="{{item.title}}" ng-if="item.type === \'submit\'"><button ng-repeat-end="" class="btn btn-default" type="button" ng-if="item.type !== \'submit\'" ng-click="buttonClick($event,item)">{{item.title}}</button></div>'),e.put("directives/decorators/bootstrap/checkbox.html",'<div class="checkbox" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label><input type="checkbox" sf-changed="form" ng-model="$$value$$" schema-validate="form.schema" ng-required="form.required">{{form.title}}</label><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/checkboxes.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}" ng-init="checkboxValues = {}"><label ng-show="showTitle()">{{form.title}}</label><div class="checkbox" ng-repeat="(value,name) in form.titleMap"><label><input type="checkbox" sf-changed="form" ng-model="checkboxValues[value]" ng-change="$$value$$ = checkboxValuesToList(checkboxValues)">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/default.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false }"><label class="control-label" ng-show="showTitle()">{{form.title}}</label><input ng-show="form.key" type="{{form.type}}" sf-changed="form" placeholder="{{form.placeholder}}" class="form-control" ,="" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"><span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || {\'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/fieldset-trcl.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><div ng-transclude=""></div></fieldset>'),e.put("directives/decorators/bootstrap/fieldset.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></fieldset>'),e.put("directives/decorators/bootstrap/help.html",'<div class="helpvalue" ng-bind-html="form.helpvalue"></div>'),e.put("directives/decorators/bootstrap/radio-buttons.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="btn-group"><label class="btn btn-primary" ng-class="{ active: value === $$value$$ }" ng-repeat="(value,name) in form.titleMap"><input type="radio" sf-changed="form" style="display: none;" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/radios.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="radio" ng-repeat="(value,name) in form.titleMap"><label><input type="radio" sf-changed="form" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/readonly.html",'<div class="form-group"><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></div>'),e.put("directives/decorators/bootstrap/section.html",'<div ng-if="!form.condition || evalExpr(form.condition,{ model: model })"><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></div>'),e.put("directives/decorators/bootstrap/select.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false}"><label ng-show="showTitle()">{{form.title}}</label><select ng-model="$$value$$" sf-changed="form" class="form-control" schema-validate="form.schema" ng-required="form.required" ng-options="val as name for (val,name) in form.titleMap"></select><span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/submit.html",'<div class="form-group"><input type="submit" class="btn btn-primary" value="{{form.title}}" ng-if="form.type === \'submit\'"><button class="btn btn-default" type="button" ng-click="buttonClick($event,form)" ng-if="form.type !== \'submit\'">{{form.title}}</button></div>'),e.put("directives/decorators/bootstrap/tabs.html",'<div ng-init="selected = { tab: 0 }"><ul class="nav nav-tabs"><li ng-repeat="tab in form.tabs" ng-click="selected.tab = $index" ng-class="{active: selected.tab === $index}"><a>{{ tab.name }}</a></li></ul><div class="tab-content"><div class="tab-pane" ng-repeat="tab in form.tabs" ng-show="selected.tab === $index" ng-class="{active: selected.tab === $index}"><bootstrap-decorator ng-repeat="item in tab.items" form="item"></bootstrap-decorator></div></div></div>'),e.put("directives/decorators/bootstrap/textarea.html",'<div class="form-group has-feedback" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><textarea class="form-control" sf-changed="form" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"></textarea> <span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || { \'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>')}]),angular.module("schemaForm").config(["schemaFormDecoratorsProvider",function(e){var t="directives/decorators/bootstrap/";e.createDecorator("bootstrapDecorator",{textarea:t+"textarea.html",fieldset:t+"fieldset.html",tabs:t+"tabs.html",section:t+"section.html",conditional:t+"section.html",actions:t+"actions.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",password:t+"default.html",submit:t+"submit.html",button:t+"submit.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html",help:t+"help.html","default":t+"default.html"},[function(e){return e.readonly&&e.key&&"fieldset"!==e.type?t+"readonly.html":void 0}]),e.createDirectives({textarea:t+"textarea.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",submit:t+"submit.html",button:t+"submit.html",text:t+"default.html",date:t+"default.html",password:t+"default.html",datepicker:t+"datepicker.html",input:t+"default.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html"})}]).directive("sfFieldset",function(){return{transclude:!0,scope:!0,templateUrl:"directives/decorators/bootstrap/fieldset-trcl.html",link:function(e,t,s){e.title=e.$eval(s.title)}}});
\ No newline at end of file
+angular.module("schemaForm").run(["$templateCache",function(e){e.put("directives/decorators/bootstrap/actions-trcl.html",'<div class="btn-group" ng-transclude=""></div>'),e.put("directives/decorators/bootstrap/actions.html",'<div class="btn-group"><input ng-repeat-start="item in form.items" type="submit" class="btn btn-primary" value="{{item.title}}" ng-if="item.type === \'submit\'"><button ng-repeat-end="" class="btn btn-default" type="button" ng-if="item.type !== \'submit\'" ng-click="buttonClick($event,item)">{{item.title}}</button></div>'),e.put("directives/decorators/bootstrap/checkbox.html",'<div class="checkbox" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label><input type="checkbox" sf-changed="form" ng-model="$$value$$" schema-validate="form.schema" ng-required="form.required">{{form.title}}</label><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/checkboxes.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}" ng-init="checkboxValues = {}"><label ng-show="showTitle()">{{form.title}}</label><div class="checkbox" ng-repeat="(value,name) in form.titleMap"><label><input type="checkbox" sf-changed="form" ng-model="checkboxValues[value]" ng-change="$$value$$ = checkboxValuesToList(checkboxValues)">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/default.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false }"><label class="control-label" ng-show="showTitle()">{{form.title}}</label><input ng-show="form.key" type="{{form.type}}" sf-changed="form" placeholder="{{form.placeholder}}" class="form-control" ,="" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"><span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || {\'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/fieldset-trcl.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><div ng-transclude=""></div></fieldset>'),e.put("directives/decorators/bootstrap/fieldset.html",'<fieldset ng-disabled="form.readonly"><legend ng-show="form.title">{{ form.title }}</legend><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></fieldset>'),e.put("directives/decorators/bootstrap/help.html",'<div class="helpvalue" ng-bind-html="form.helpvalue"></div>'),e.put("directives/decorators/bootstrap/radio-buttons.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="btn-group"><label class="btn btn-primary" ng-class="{ active: value === $$value$$ }" ng-repeat="(value,name) in form.titleMap"><input type="radio" sf-changed="form" style="display: none;" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/radios.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><div class="radio" ng-repeat="(value,name) in form.titleMap"><label><input type="radio" sf-changed="form" ng-model="$$value$$" ng-value="value">{{name}}</label></div><span class="help-block" ng-show="form.description">{{form.description}}</span></div>'),e.put("directives/decorators/bootstrap/readonly.html",'<div class="form-group"><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></div>'),e.put("directives/decorators/bootstrap/section.html",'<div ng-if="!form.condition || evalExpr(form.condition,{ model: model })"><sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator></div>'),e.put("directives/decorators/bootstrap/select.html",'<div class="form-group" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess(), \'has-feedback\': form.feedback !== false}"><label ng-show="showTitle()">{{form.title}}</label><select ng-model="$$value$$" sf-changed="form" class="form-control" schema-validate="form.schema" ng-required="form.required" ng-options="val as name for (val,name) in form.titleMap"></select><span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>'),e.put("directives/decorators/bootstrap/submit.html",'<div class="form-group"><input type="submit" class="btn btn-primary" value="{{form.title}}" ng-if="form.type === \'submit\'"><button class="btn btn-default" type="button" ng-click="buttonClick($event,form)" ng-if="form.type !== \'submit\'">{{form.title}}</button></div>'),e.put("directives/decorators/bootstrap/tabs.html",'<div ng-init="selected = { tab: 0 }"><ul class="nav nav-tabs" style="margin-bottom: 15px"><li ng-repeat="tab in form.tabs" ng-click="selected.tab = $index" ng-class="{active: selected.tab === $index}"><a href="#">{{ tab.title }}</a></li></ul><div class="tab-content"><div class="tab-pane" ng-repeat="tab in form.tabs" ng-show="selected.tab === $index" ng-class="{active: selected.tab === $index}"><bootstrap-decorator ng-repeat="item in tab.items" form="item"></bootstrap-decorator></div></div></div>'),e.put("directives/decorators/bootstrap/textarea.html",'<div class="form-group has-feedback" ng-class="{\'has-error\': hasError(), \'has-success\': hasSuccess()}"><label ng-show="showTitle()">{{form.title}}</label><textarea class="form-control" sf-changed="form" ng-required="form.required" ng-model="$$value$$" schema-validate="form.schema"></textarea> <span ng-if="form.feedback !== false" class="form-control-feedback" ng-class="evalInScope(form.feedback) || { \'glyphicon\': true, \'glyphicon-ok\': hasSuccess(), \'glyphicon-remove\': hasError() }"></span> <span class="help-block">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span></div>')}]),angular.module("schemaForm").config(["schemaFormDecoratorsProvider",function(e){var t="directives/decorators/bootstrap/";e.createDecorator("bootstrapDecorator",{textarea:t+"textarea.html",fieldset:t+"fieldset.html",tabs:t+"tabs.html",section:t+"section.html",conditional:t+"section.html",actions:t+"actions.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",password:t+"default.html",submit:t+"submit.html",button:t+"submit.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html",help:t+"help.html","default":t+"default.html"},[function(e){return e.readonly&&e.key&&"fieldset"!==e.type?t+"readonly.html":void 0}]),e.createDirectives({textarea:t+"textarea.html",select:t+"select.html",checkbox:t+"checkbox.html",checkboxes:t+"checkboxes.html",number:t+"default.html",submit:t+"submit.html",button:t+"submit.html",text:t+"default.html",date:t+"default.html",password:t+"default.html",datepicker:t+"datepicker.html",input:t+"default.html",radios:t+"radios.html",radiobuttons:t+"radio-buttons.html"})}]).directive("sfFieldset",function(){return{transclude:!0,scope:!0,templateUrl:"directives/decorators/bootstrap/fieldset-trcl.html",link:function(e,t,s){e.title=e.$eval(s.title)}}});
\ No newline at end of file
diff --git a/examples/bootstrap-example.html b/examples/bootstrap-example.html
index c467bcaa4..55320a68e 100644
--- a/examples/bootstrap-example.html
+++ b/examples/bootstrap-example.html
@@ -49,6 +49,7 @@ <h3>Schema</h3>
 <script type="text/javascript" src="../bower_components/tv4/tv4.js"></script>
 <script type="text/javascript" src="../bower_components/ace-builds/src-min-noconflict/ace.js"></script>
 <script type="text/javascript" src="../bower_components/angular/angular.min.js"></script>
+<script type="text/javascript" src="../bower_components/angular-sanitize/angular-sanitize.min.js"></script>
 <script type="text/javascript" src="../bower_components/angular-ui-ace/ui-ace.js"></script>
 <script type="text/javascript" src="../bower_components/pickadate/lib/picker.js"></script>
 <script type="text/javascript" src="../bower_components/pickadate/lib/picker.date.js"></script>
@@ -143,50 +144,56 @@ <h3>Schema</h3>
 
   $scope.form = [
     {
-      type: "help",
-      helpvalue: "<h1>Yo ninja!</h1>"
-    },
-    {
-      type: "tabs",
-      tabs: [
-      {
-        name: "Simple stuff",
-        items: [
-          {
-            key: "name",
-            placeholder: "Check the console",
-            onChange: "log(modelValue)",
-            feedback: "{'glyphicon': true, 'glyphicon-ok': hasSuccess(), 'glyphicon-star': !hasSuccess() }"
-          },
-          {
-            key: "favorite",
-            feedback: false
-          }
-        ]
-      },
-      {
-        name: "More stuff",
-        items: [
-          "attributes",
+      type: "fieldset",
+      title: "Stuff",
+      items: [
+        {
+          type: "tabs",
+          tabs: [
           {
-            key: "shoesize",
-            feedback: false
+            title: "Simple stuff",
+            items: [
+              {
+                key: "name",
+                placeholder: "Check the console",
+                onChange: "log(modelValue)",
+                feedback: "{'glyphicon': true, 'glyphicon-ok': hasSuccess(), 'glyphicon-star': !hasSuccess() }"
+              },
+              {
+                key: "favorite",
+                feedback: false
+              }
+            ]
           },
-          "things",
-          "soul",
           {
-            type: "conditional",
-            condition: "person.soul",
+            title: "More stuff",
             items: [
-              { key: "soulserial", placeholder: "ex. 666" }
+              "attributes",
+              {
+                key: "shoesize",
+                feedback: false
+              },
+              "things"
             ]
-          },
-          { key: "date", minDate: "2014-06-20" },
-          { key: "radio", type: "radios" },
-          { key: "radiobuttons", type: "radiobuttons" }
-        ]
-      }]
+          }]
+        },
+      ]
+    },
+    {
+      type: "help",
+      helpvalue: "<hr>"
+    },
+    "soul",
+    {
+      type: "conditional",
+      condition: "person.soul",
+      items: [
+        { key: "soulserial", placeholder: "ex. 666" }
+      ]
     },
+    { key: "date", minDate: "2014-06-20" },
+    { key: "radio", type: "radios" },
+    { key: "radiobuttons", type: "radiobuttons" },
     {
       type: 'actions',
       items: [
diff --git a/src/directives/decorators/bootstrap/tabs.html b/src/directives/decorators/bootstrap/tabs.html
index 16285d002..59e954b7f 100644
--- a/src/directives/decorators/bootstrap/tabs.html
+++ b/src/directives/decorators/bootstrap/tabs.html
@@ -1,13 +1,12 @@
 <div ng-init="selected = { tab: 0 }">
-  <ul class="nav nav-tabs">
+  <ul class="nav nav-tabs" style="margin-bottom: 15px">
     <li ng-repeat="tab in form.tabs"
         ng-click="selected.tab = $index"
         ng-class="{active: selected.tab === $index}">
-        <a>{{ tab.name }}</a>
+        <a href="#">{{ tab.title }}</a>
     </li>
   </ul>
 
-  <!-- Tab panes -->
   <div class="tab-content">
     <div class="tab-pane"
          ng-repeat="tab in form.tabs"
diff --git a/test/schema-form-test.js b/test/schema-form-test.js
index 2695f766a..59268e335 100644
--- a/test/schema-form-test.js
+++ b/test/schema-form-test.js
@@ -860,7 +860,7 @@ describe('Schema form',function(){
 
       inject(function($compile,$rootScope){
         var scope = $rootScope.$new();
-        scope.person = { partee: '2014-01-01'};
+        scope.person = { };
 
         scope.schema = {
           type: "object",
@@ -893,6 +893,74 @@ describe('Schema form',function(){
       });
     });
 
+    it.only('should render tabs with items in them when specified',function(){
+
+      inject(function($compile,$rootScope){
+        var scope = $rootScope.$new();
+        scope.person = { };
+
+        scope.schema = {
+          type: "object",
+          properties: {
+            name: { type: "string", title: "Name" },
+            alias: { type: "string", title: "Alias" },
+            nick: { type: "string", title: "Nickname" },
+            tag: { type: "string", title: "Tag" },
+          }
+        };
+
+        scope.form = [
+          {
+            type:      "tabs",
+            tabs: [
+              {
+                title: "Tab 1",
+                items: [
+                  "name",
+                  "tag"
+                ]
+              },
+              {
+                title: "Tab 2",
+                items: [
+                  "alias",
+                  "nick"
+                ]
+              }
+            ]
+          },
+        ];
+
+        var tmpl = angular.element('<form sf-schema="schema" sf-form="form" sf-model="person"></form>');
+
+        $compile(tmpl)(scope);
+        $rootScope.$apply();
+
+        tmpl.children().length.should.eq(1);
+        var tabs  = tmpl.children().children().eq(0);
+        var panes = tmpl.children().children().eq(1);
+
+        tabs.is('ul').should.be.true;
+        tabs.children().length.should.be.eq(2);
+        tabs.children().eq(0).children().html().should.equal('Tab 1');
+        tabs.children().eq(1).children().html().should.equal('Tab 2');
+
+        panes.is('div').should.be.true;
+
+        panes.children().length.should.be.eq(2);
+        panes.children().eq(0).children().length.should.be.eq(2);
+        panes.children().eq(0).children().eq(0).find('label').html().should.eq('Name');
+        panes.children().eq(0).children().eq(1).find('label').html().should.eq('Tag');
+
+        panes.children().eq(1).children().length.should.be.eq(2);
+        panes.children().eq(1).children().eq(0).find('label').html().should.eq('Alias');
+        panes.children().eq(1).children().eq(1).find('label').html().should.eq('Nickname');
+
+      });
+    });
+
+
+
   });
 
 

From 7867f4a45ae664558eac96f41809d1f7d54744f1 Mon Sep 17 00:00:00 2001
From: David Jensen <david.lgj@gmail.com>
Date: Fri, 27 Jun 2014 09:15:45 +0200
Subject: [PATCH 5/6] Documentation for tags

---
 README.md     | 39 +++++++++++++++++++++++++++++-
 docs/index.md | 66 ++++++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 101 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 52a9c2c33..2ee846c14 100644
--- a/README.md
+++ b/README.md
@@ -73,10 +73,12 @@ manually)
 
 It depends on AngularJS (duh!), [tv4](https://github.com/geraintluff/tv4), and
 if you like to use the date picker you also need jQuery and
-[pickadate.js](http://amsul.ca/pickadate.js/)
+[pickadate.js](http://amsul.ca/pickadate.js/). Also if you use the ```help```
+type to inject HTML you'll want to use ngSanitize as well.
 
 The minified files also includes all templates so they are all you need.
 
+
 Addons
 ------
 Currently there is only one addon, a date picker using
@@ -85,6 +87,41 @@ the excellent [pickadate.js](http://amsul.ca/pickadate.js/).
 See the [docs](docs/datepicker.md) for usage.
 
 
+Building
+--------
+The files in the ```dist``` plus dependencies are all you need to use Schema
+Form, but if you like to build it yourself we use [gulp](http://gulpjs.com/).
+
+First off you need to have nodejs installed. Then install all dev dependencies
+of the project with npm, install gulp and run the default task.
+
+```bash
+$ npm install
+$ sudo npm install -g gulp
+$ gulp
+```
+
+The default task uses [gulp-angular-templatecache](https://github.com/miickel/gulp-angular-templatecache)
+to compile all html templates to js and then concatenates and minifies them with
+the rest of the sources.
+
+You can also run ```gulp watch``` to have it rebuild on change.
+
+Tests
+-----
+Unit tests are run with [karma](http://karma-runner.github.io) and written using
+[mocha](http://visionmedia.github.io/mocha/), [chai](http://chaijs.com/)
+and [sinon](http://sinonjs.org/)
+
+To run the tests first install all dependencies with npm (if you haven't done it
+already) and install the karma cli to run the test.
+
+```bash
+$ npm install
+$ sudo npm install -g karma-cli
+$ karma start karma.conf.js
+```
+
 Contributing
 ------------
 
diff --git a/docs/index.md b/docs/index.md
index a2ea76e9f..028b1f057 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -9,7 +9,7 @@ Documentation
     1. [onChange](#onchange)
     1. [Validation Messages](#validation-messages)
     1. [Inline feedback icons](#inline-feedback-icons)
-1. [Specific options per type](#specific-options-per-type)
+1. [Specific options and types](#specific-options-and-types)
     1. [fieldset and section](#fieldset-and-section)
     1. [conditional](#conditional)
     1. [select and checkboxes](#select-and-checkboxes)
@@ -17,6 +17,7 @@ Documentation
     1. [button](#button)
     1. [radios and radiobuttons](#radios-and-radiobuttons)
     1. [help](#help)
+    1. [tabs](#tabs)
 1. [Post process function](#post-process-function)
 
 Form types
@@ -40,6 +41,7 @@ Schema Form currently supports the following form field types out of the box:
 | radios        |  radio buttons          |
 | radiobuttons  |  radio buttons with bootstrap buttons |
 | help          |  insert arbitrary html |
+| tab           |  tabs with content     |
 
 More field types can be added, for instance a "datepicker" type can be added by
 including the [datepicker addon](datepicker.md)
@@ -226,8 +228,8 @@ Useful things in the decorators scope are
 
 
 
-Specific options per type
--------------------------
+Specific options and types
+--------------------------
 
 ### fieldset and section
 
@@ -403,6 +405,64 @@ function FormCtrl($scope) {
 }
 ```
 
+### tabs
+The ```tabs``` form type lets you split your form into tabs. It is similar to
+```fieldset``` in that it just changes the presentation of the form. ```tabs```
+takes a option, also called ```tabs```, that is a list of tab objects. Each tab
+object consist of a *title* and a *items* list of form objects.
+
+Ex.
+```javascript
+function FormCtrl($scope) {
+  $scope.schema = {
+    type: "object",
+    properties: {
+      name: {
+        title: "Name",
+        type: "string"
+      },
+      nick: {
+        title: "Nick",
+        type: "string"
+      }
+      alias: {
+        title: "Alias",
+        type: "string"
+      }
+      tag: {
+        title: "Tag",
+        type: "string"
+      }
+    }
+  };
+
+  $scope.form = [
+    "name",
+    {
+      type: "tabs",
+      tabs: [
+        {
+          title: "Tab 1",
+          items: [
+            "nick",
+            "alias"
+          ]
+        },
+        {
+          title: "Tab 2",
+          items: [
+            "tag"
+          ]
+        }
+      ]
+    }
+  ];
+}
+```
+
+
+
+
 Post process function
 ---------------------
 

From 345de058853bd69f59c07b6f18108da83a7c3664 Mon Sep 17 00:00:00 2001
From: David Jensen <david.lgj@gmail.com>
Date: Fri, 27 Jun 2014 09:20:17 +0200
Subject: [PATCH 6/6] Version bump and CHANGELOG

---
 CHANGELOG    | 5 +++++
 bower.json   | 2 +-
 package.json | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG b/CHANGELOG
index e0422341a..78c97c2d6 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -1,3 +1,8 @@
+v0.4.0
+------
+ * Create tabs with the 'tab' type, just for show!
+ * Add arbitrary HTML with the 'help' type, just because you can.
+
 v0.3.0
 ------
  * A shiny new datepicker using pickadate.js
diff --git a/bower.json b/bower.json
index 509cfa7b1..932770ab4 100644
--- a/bower.json
+++ b/bower.json
@@ -5,7 +5,7 @@
     "dist/bootstrap-decorator.min.js",
     "dist/bootstrap-datepicker.min.js"
   ],
-  "version": "0.3.0",
+  "version": "0.4.0",
   "authors": [
     "Textalk",
     "David Jensen <david.lgj@gmail.com>"
diff --git a/package.json b/package.json
index 1e3aa25b1..336b0f63f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-schema-form",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Create forms from a JSON schema",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"