@cronapp/templates 1.0.0

package/file/crud/angular_view_update/__FileName__.view.html.ftl

@@ -0,0 +1,332 @@
+<div id="starter" ng-init="" ng-destroy="" data-component="crn-start" screen-params="" primary-datasource="${model.dataSourceName}">
+<h1 class="component-holder text-left h3 title" xattr-position="text-left" xattr-type="h3" data-component="crn-text-component" id="crn-text-component-${model.random}">
+<#if model.realName ?has_content >${model.realName}<#else>${model.dataSourceName}</#if>
+</h1>
+<datasource data-component="crn-datasource" filter="" name="${model.dataSourceName}" entity="${model.dataSourceFullName}" keys="${model.dataSourcePrimaryKeys}" rows-per-page="100" class="" schema="${model.getDSSchema(model.dataSourceName)}" condition="${model.getDSCondition(model.dataSourceName)}" lazy="false"></datasource>
+<div data-component="crn-form" id="crn-form-form-${model.dataSourceName}-${model.random}">
+    <section >
+        <form crn-datasource="${model.dataSourceName}" class="">
+            <div class="">
+                <div class="component-holder ng-scope text-right" data-component="crn-button" id="btn_crud_post_${model.random}">
+                    <button class="btn k-button btn-block btn-success btn-fab" ng-click="datasource.post()" aria-label="{{'SaveChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-success" xattr-disabled="">
+                        <i class="glyphicon glyphicon-ok" icon-theme=""></i>
+                    </button>
+                </div>
+            </div>
+            <br/>
+            <div class="crn-fieldset">
+                <#list model.formFields as field>
+                    <#assign currentType = "textinput">
+                    <#if field.getProperty("ngOptions")??>
+                        <#assign currentType = "enterprise-dynamic-combobox">
+                        <datasource data-component="crn-datasource" name="${field.name!?cap_first}Combo" entity="${model.namespace}.${field.type}" keys="${model.getDataSourcePrimaryKeys(field)}" schema="${model.getDSSchema(field.type)}" lazy=true></datasource>
+                    </#if>
+                    <#assign dataComponentType = "crn-${currentType}">
+
+                    <#if field.isImage()>
+                        <#assign dataComponentType = "crn-dynamic-image">
+                    <#elseif field.isFile()>
+                        <#assign dataComponentType = "crn-dynamic-file">
+                    <#elseif (field.isBoolean()) >
+                        <#assign dataComponentType = "crn-enterprise-checkbox">
+                    </#if>
+
+                    <div data-component="${dataComponentType}" id="crn-${currentType}-${field.name}-${model.random}" class="">
+                        <div class="form-group">
+                            <#if !field.isBoolean()>
+                                <#if field.isImage() || field.isFile()>
+                                <label for="${currentType}-${field.name}-button" class="">${model.formMapLabels[field.name]!?cap_first}</label>
+                                <#else>
+                                <label for="${currentType}-${field.name}" class="">${model.formMapLabels[field.name]!?cap_first}</label>
+                                </#if>
+                            </#if>
+                            <#if field.getProperty("ngOptions")?? >
+                                <#assign dataSourceName = "${field.name!?cap_first}Combo">
+                                <cron-dynamic-select
+                                        <#if !field.isNullable()>required="required"</#if>
+                                        id="${currentType}-${field.name}"
+                                        name="${currentType}-${field.name}"
+                                        options="${model.getComboOptions(field.type, field.getProperty("ngOptionsFkName"), field.getProperty("ngOptions").keys, dataSourceName)}"
+                                        ng-model="${model.dataSourceName}.active.${field.name}"
+                                        class="crn-select form-control">
+                                </cron-dynamic-select>
+                            <#elseif field.isBoolean() >
+                                <input type="checkbox" <#if field.isNullable()>crn-allow-null-values="true"<#else>crn-allow-null-values="false"</#if> class="k-checkbox" ng-model="${model.dataSourceName}.active.${field.name}" id="${currentType}-${field.name}" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" <#if !field.isNullable()>required="required"</#if>>
+                                <label for="${currentType}-${field.name}" class="k-checkbox-label">${model.formMapLabels[field.name]!?cap_first}</label>
+                            <#elseif field.isImage()>
+                                <div dynamic-image img-alt-text="${model.formMapLabels[field.name]!?cap_first}" id="${currentType}-${field.name}" ng-model="${model.dataSourceName}.active.${field.name}" max-file-size="5MB" class="dynamic-image-container" <#if !field.isNullable()>ng-required="true"<#else>ng-required="false"</#if>>
+                                    {{"template.crud.clickOrDragAnImage" | translate}}
+                                </div>
+                            <#elseif field.isFile()>
+                                <div dynamic-file id="${currentType}-${field.name}" ng-model="${model.dataSourceName}.active.${field.name}" max-file-size="5MB" class="dynamic-image-container" <#if !field.isNullable()>ng-required="true"<#else>ng-required="false"</#if>>
+                                    {{"template.crud.clickOrDragAnFile" | translate}}
+                                </div>
+                            <#else>
+                                <input
+                                        <#if field.getLength()??>
+                                            maxlength="${field.getLength()?string["0"]}"
+                                        </#if>
+                                        type="<#if field.isEncryption()>password<#else>${field.getHtmlType()}</#if>"
+                                        ng-model="${model.dataSourceName}.active.${field.name}"
+                                        class="form-control k-textbox"
+                                        id="${currentType}-${field.name}"
+                                        placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+                                        mask="${model.formMapMasks[field.name]}"
+                                        mask-placeholder=""
+                                        <#assign valid = "" >
+                                        <#if model.formMapMasks[field.name] == "999.999.999-99;0" >
+                                            <#assign valid = "cpf" >
+                                        <#elseif model.formMapMasks[field.name] == "99.999.999/9999-99;0">
+                                            <#assign valid = "cnpj" >
+                                        </#if>
+                                        <#if valid?has_content>
+                                            valid="${valid}"
+                                            data-error-message="{{'invalid.${valid}' | translate}}"
+                                        </#if>
+                                        <#if !field.isNullable()>ng-required="true"<#else>ng-required="false"</#if>>
+                            </#if>
+                        </div>
+                    </div>
+                </#list>
+                <!-- NtoN  -->
+                <#list model.formFieldsNToN as field>
+                    <#assign relationClassName = "">
+                    <#assign dataSourceName = "">
+                    <#assign keysDs = "">
+                    <#if model.getManyToManyRelationship(field.getName())?? && model.getManyToManyRelationship(field.getName()).getRelationClassField().getClazz()??>
+                        <#assign relationClassName = "${model.getManyToManyRelationship(field.getName()).getRelationClassField().getClazz()}">
+                        <#if model.getManyToManyRelationship(field.getName()).getRelationClassField().getClazz().getAdjustedFullPrimaryKeys()??>
+                            <#assign keysDs = "${model.getJoinKeys(model.getManyToManyRelationship(field.getName()).getRelationClassField().getClazz().getAdjustedFullPrimaryKeys())}">
+                        </#if>
+                    </#if>
+
+                    <datasource
+                            data-component="crn-datasource"
+                            name="${relationClassName}"
+                            entity="${model.namespace}.${relationClassName}"
+                            keys="${keysDs}"
+                            dependent-lazy-post="${model.dataSourceName}"
+                            rows-per-page="100"
+                            parameters="${model.getParametersDataSource(field)}"
+                            schema="${model.getDSSchema(relationClassName)}"
+                            lazy=true
+                    >
+                    </datasource>
+
+                    <#if !field.getProperty("NToNOption")?has_content || field.getProperty("NToNOption") == "Lista">
+                        <datasource data-component="crn-datasource" name="${field.getName()}NCombo" entity="${model.namespace}.${field.getRelationClazz().getName()}" keys="${model.getJoinKeys(field.getRelationClazz().getAdjustedFullPrimaryKeys())}" schema="${model.getDSSchema(field.getName())}" ></datasource>
+                        <div class="component-holder ng-binding ng-scope " data-component="crn-enterprise-combobox-multiple" >
+                            <div class="form-group">
+                                <label for="combobox${field.getName()}-container">${field.getName()?cap_first}</label>
+                                <cron-multi-select
+                                        options="${model.getMultiSelectOptions(field)}"
+                                        ng-required="false"
+                                        id="combobox${field.getName()}"
+                                        name="combobox${field.getName()}"
+                                        ng-model="${relationClassName}.data"
+                                        class="crn-select form-control" style="">
+                                </cron-multi-select>
+                            </div>
+                        </div>
+                    <#else>
+                        <h2 class="lead component-holder text-left" data-component="crn-subtitle" xattr-position="text-left" id="crud-title-${model.random}" >${field.getName()?cap_first}</h2>
+                        <div class="component-holder ng-binding ng-scope" data-component="crn-cron-grid" id="crn-grid-${field.getName()}-${model.random}">
+                            <#assign dataSourceName = "${relationClassName}">
+                            <cron-grid options="${model.getGridOptions(relationClassName, dataSourceName, field)}" ng-model="vars.grid${field.getName()}${model.random}" class="" style=""></cron-grid>
+                        </div>
+                    </#if>
+                </#list>
+                <!-- NtoN  end-->
+            </div>
+        </form>
+    </section>
+    <section class="form" >
+        <form>
+            <div>
+                <!-- OneToN -->
+                <#list model.formFieldsOneToN as field>
+                    <!--query filter 1toN -->
+                    <#assign entitySearch = "">
+
+                    <!-- query filter 1toN end-->
+                    <datasource
+                            data-component="crn-datasource"
+                            filter=""
+                            name="${field.getName()}Grid"
+                            entity="${model.namespace}.${field.getName()}"
+                            keys="${model.getDataSourcePrimaryKeys(field)}"
+                            dependent-lazy-post="${model.dataSourceName}"
+                            rows-per-page="100"
+                            parameters="${model.getParametersDataSource(field)}"
+                            schema="${model.getDSSchema(field.getName())}"
+                            lazy=true>
+                    </datasource>
+                    <!-- teste -->
+                    <h2 class="lead component-holder text-left" data-component="crn-subtitle"><#if field.getClazz()?? && field.getClazz().getRealName()?? && field.getClazz().getRealName()?has_content>${field.getClazz().getRealName()}<#else>${field.getName()}</#if> </h2>
+                    <div class="component-holder ng-binding ng-scope" data-component="crn-cron-grid" id="crn-grid-${field.getName()}Grid-${model.random}">
+                        <#assign classname = "${field.clazz.name}">
+                        <#assign dataSourceName = "${classname}Grid">
+                        <cron-grid options="${model.getGridOptions(classname, dataSourceName, field)}" ng-model="vars.${dataSourceName}${model.random}" class="" style=""></cron-grid>
+                    </div>
+                </#list>
+                <!-- OneToOne  end -->
+            </div>
+        </form>
+    </section>
+</div>
+
+<#if model.hasFieldGridNtoN()?? && model.hasFieldGridNtoN()>
+    <#list model.formFieldsNToN as field>
+        <#assign nomeModal = "modal${field.getName()}Grid">
+        <#if field.isNToN() && field.getProperty("NToNOption")?has_content && field.getProperty("NToNOption") == "Grade">
+            <div class="modal fade" id="modal${field.getName()}Grid">
+                <div class="modal-dialog">
+                    <div class="modal-content">
+                        <form>
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal" aria-label="{{'Home.view.Close' | translate}}"><span aria-hidden="true">×</span></button>
+                                <h3 class="modal-title">${field.getName()}</h3>
+                            </div>
+                            <div class="modal-body">
+                                <div class="list-group list-group-sm row">
+                                    <#assign relationClassName = "">
+                                    <#assign dataSourceName = "${field.getClazz().getName()}">
+                                    <#assign dataSourceCombo = "${field.fullType}NCombo">
+                                    <#assign keyField = "">
+                                    <#assign textField = "">
+                                    <#if field.getFullType()?? && model.getManyToManyRelationship(field.getFullType())??>
+                                        <#assign relationClassName = "${model.getManyToManyRelationship(field.getFullType()).getRelationClass().getName()}">
+                                        <#assign keyField = "${model.getJoinKeys(model.getManyToManyRelationship(field.getFullType()).getRelationClass().getPrimaryKeys())}">
+                                        <#assign textField = "${model.getManyToManyRelationship(field.getFullType()).getRelationClass().getFirstStringFieldNonPrimaryKey().getName()}">
+                                    </#if>
+
+                                    <datasource data-component="crn-datasource" name="${dataSourceCombo}" entity="${model.namespace}.${relationClassName}" keys="${keyField}" schema="${model.getDSSchema(field.fullType)}" lazy=true></datasource>
+                                    <div data-component="crn-enterprise-dynamic-combobox" id="modal-combo${field.getName()}-${model.random}" class="component-holder ng-binding ng-scope">
+                                        <div class="form-group">
+                                            <label for="combobox-modal-${field.getName()}${model.random}" class=""><#if field.label?has_content>${field.label}<#else>${field.name?capitalize}</#if></label>
+                                            <cron-dynamic-select
+                                                    id="combobox-modal-${field.getName()}${model.random}"
+                                                    name="combobox-modal-${field.getName()}${model.random}"
+                                                    options="${model.getComboOptions(field.fullType, textField, keyField, dataSourceCombo)}"
+                                                    ng-model="${dataSourceName}.active.${field.relationField}"
+                                                    class="crn-select form-control" <#if !field.isNullable()>required="required"</#if>>
+                                            </cron-dynamic-select>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="modal-footer">
+                                <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-grid-save-button-modal">
+                                    <button class="btn k-button btn-block btn-success grid-save-button-modal" ng-click="${dataSourceName}.active.${model.getTextRelationField(field)}=${dataSourceCombo}.active.${textField}; ${dataSourceName}.post();" onclick="(!${dataSourceName}.missingRequiredField()?$('#${nomeModal}').modal('hide'):void(0))" xattr-fullsize="btn-block" xattr-theme="btn-success" xattr-disabled="">
+                                        <i class="k-icon k-i-check" icon-theme=""></i>
+                                    </button>
+                                </div>
+                                <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-grid-cancel-button-modal">
+                                    <button class="btn k-button btn-block btn-danger" ng-click="${dataSourceName}.active.${model.getTextRelationField(field)}=${dataSourceCombo}.active.${textField}; ${dataSourceName}.post();" onclick="(!${dataSourceName}.missingRequiredField()?$('#${nomeModal}').modal('hide'):void(0))" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
+                                        <i class="k-icon k-i-cancel" icon-theme=""></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+
+        </#if>
+    </#list>
+</#if>
+
+<#list model.formFieldsOneToN as field>
+    <div class="modal fade" id="modal${field.getName()}Grid">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <form>
+                    <div class="modal-header">
+                        <button type="button" class="close" data-dismiss="modal" aria-label="{{'Home.view.Close' | translate}}"><span aria-hidden="true">×</span></button>
+                        <h3 class="modal-title">${field.getName()}</h3>
+                    </div>
+                    <div class="modal-body">
+                        <div class="list-group list-group-sm row">
+                            <#list field.getClazz().getFields() as gField>
+                                <#if gField.isReverseRelation() || gField.isRelation() >
+                                    <#if (field.getDbFieldName() != gField.getDbFieldName())>
+                                        <#assign dataSourceCombo = "${gField.getRelationClazz().getName()}GridForCombo">
+                                        <datasource name="${dataSourceCombo}" entity="${model.namespace}.${gField.getRelationClazz().getName()}" keys="${model.getDataSourcePrimaryKeys(gField)}" rows-per-page="100" schema="${model.getDSSchema(gField.getRelationClazz().getName())}" lazy=true></datasource>
+                                        <div data-component="crn-enterprise-dynamic-combobox" id="crn-combobox-${field.getName()}Grid.active.${gField.getName()}-${model.random}" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
+                                            <div class="form-group">
+                                                <label for="combobox-modal-${gField.getName()}-${model.random}" class=""><#if gField.label?has_content>${gField.label}<#else>${gField.name?capitalize}</#if></label>
+                                                <cron-dynamic-select
+                                                        <#if !field.isNullable()>required="required"</#if>
+                                                        id="combobox-modal-${gField.getName()}-${model.random}"
+                                                        name="combobox-modal-${gField.getName()}-${model.random}"
+                                                        options="${model.getComboOptions(gField.type, gField.getRelationClazz().getFirstStringFieldNonPrimaryKey().getName(), gField.getRelationClazz().getNameKeys(), dataSourceCombo)}"
+                                                        ng-model="${field.getName()}Grid.active.${gField.getName()}"
+                                                        class="crn-select form-control">
+                                                </cron-dynamic-select>
+                                            </div>
+                                        </div>
+                                    </#if>
+                                <#elseif (!gField.isPrimaryKey() || field.getClazz().hasCompositeKey())>
+                                    <#assign dataComponentType = "crn-textinput">
+                                    <#if gField.isImage()>
+                                        <#assign dataComponentType = "crn-dynamic-image">
+                                    <#elseif gField.isFile()>
+                                        <#assign dataComponentType = "crn-dynamic-file">
+                                    <#elseif gField.isBoolean()>
+                                        <#assign dataComponentType = "crn-enterprise-checkbox">
+                                    </#if>
+                                    <div data-component="${dataComponentType}"  id="crn-modal-textinput-${gField.getDbFieldName()}-${model.random}" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
+                                        <div class="form-group">
+                                            <#if !gField.isBoolean()>
+                                                <#if gField.isImage() || gField.isFile()>
+                                                <label for="textinput-modal-${gField.getDbFieldName()}-button"><#if gField.label?has_content>${gField.label?cap_first}<#else>${gField.name?capitalize}</#if></label>
+                                                <#else>
+                                                <label for="textinput-modal-${gField.getDbFieldName()}"><#if gField.label?has_content>${gField.label?cap_first}<#else>${gField.name?capitalize}</#if></label>
+                                                </#if>
+                                            </#if>
+                                            <#if gField.isImage()>
+                                                <div dynamic-image id="textinput-modal-${gField.getDbFieldName()}" ng-model="${field.getName()}Grid.active.${gField.getName()}" max-file-size="5MB" class="dynamic-image-container" <#if !gField.isNullable()>ng-required="true"<#else>ng-required="false"</#if>>
+                                                    {{"template.crud.clickOrDragAnImage" | translate}}
+                                                </div>
+                                            <#elseif gField.isBoolean() >
+                                                <input type="checkbox" <#if gField.isNullable()>crn-allow-null-values="true"<#else>crn-allow-null-values="false"</#if> class="k-checkbox" ng-model="${field.getName()}Grid.active.${gField.getName()}" id="cron-modal-checkbox-${gField.name}" <#if !gField.isNullable()>required="required"</#if>>
+                                                <label for="cron-modal-checkbox-${gField.name}" class="k-checkbox-label"><#if gField.label?has_content>${gField.label?cap_first}<#else>${gField.name?capitalize}</#if></label>
+                                            <#elseif gField.isFile()>
+                                                <div dynamic-file id="textinput-modal-${gField.getDbFieldName()}" ng-model="${field.getName()}Grid.active.${gField.getName()}" max-file-size="5MB" class="dynamic-image-container" <#if !gField.isNullable()>ng-required="true"<#else>ng-required="false"</#if>>
+                                                    {{"template.crud.clickOrDragAnFile" | translate}}
+                                                </div>
+                                            <#else>
+                                                <input type="<#if gField.isEncryption()>password<#else>${gField.getHtmlType()}</#if>"
+                                                        <#if gField.getLength()??>
+                                                            maxlength="${gField.getLength()?string["0"]}"
+                                                        </#if>
+                                                       ng-model="${field.getName()}Grid.active.${gField.getName()}" class="form-control k-textbox"
+                                                       id="textinput-modal-${gField.getDbFieldName()}"
+                                                       placeholder="<#if gField.label?has_content>${gField.label}<#else>${gField.name?capitalize}</#if>"
+                                                       mask="${model.formMapRelationFieldMasks[gField.name]}"
+                                                       mask-placeholder=""
+                                                        <#if model.formMapRelationFieldMasks[gField.name] == "999.999.999-99;0" >
+                                                            <#assign valid = "cpf" >
+                                                        <#elseif model.formMapRelationFieldMasks[gField.name] == "99.999.999/9999-99;0">
+                                                            <#assign valid = "cnpj" >
+                                                        </#if>
+                                                        <#if valid?has_content>
+                                                            valid="${valid}"
+                                                            data-error-message="{{'invalid.${valid}' | translate}}"
+                                                        </#if>
+                                                        <#if !gField.isNullable()>ng-required="true"<#else>ng-required="false"</#if>>
+                                            </#if>
+                                        </div>
+                                    </div>
+                                </#if>
+                            </#list>
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</#list>
+</div>

package/file/crud/angular_view_update/template.properties

@@ -0,0 +1,8 @@
+icon=update-web.png
+name=Formulário de Atualização Web
+description=Formulário para atualizar registros de uma fonte de dados
+projectType=W,M,F
+extension=.view.html
+preferedFolder=${webFolder}/views
+condition=webFolder
+order=0

package/file/crud/angular_view_update/template_en_US.properties

@@ -0,0 +1,2 @@
+name=Web Form Update
+description=Form to update records from a data source

package/file/crud/group.properties

@@ -0,0 +1,6 @@
+icon=view.html.png
+name=crud
+description=AngularJS (crud)
+encoding=UTF-8
+largeicons=true
+

package/file/crud/phonegap_crud_input/__FileName__.view.html.ftl

@@ -0,0 +1,122 @@
+<#list model.formFields as field>
+  <#if field.isBoolean()>
+    <div class="component-holder ng-binding ng-scope" data-component="crn-checkbox" id="crn-checkbox-${field.name}">
+      <label class="item item-checkbox">
+        <span><#if field.label?has_content>${field.label}<#else>${field.name}</#if></span>
+        <div for="textinput-${field.name}" class="checkbox checkbox-assertive">
+          <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="checkbox" ng-model="${model.dataSourceName}.active.${field.name}"
+            id="textinput-${field.name}" name="textinput-${field.name}" <#if !field.isNullable()>required="required"</#if>>
+          <div class="track">
+            <div class="handle"></div>
+          </div>
+        </div>
+      </label>
+    </div>
+  <#elseif field.isDate() >
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="date" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+        ng-model="${model.dataSourceName}.active.${field.name}" id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>mask="${model.formMapMasks[field.name]}"<#else> mask=""</#if> <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  <#elseif field.isTimestamp()>
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="datetime" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+        ng-model="${model.dataSourceName}.active.${field.name}" id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>mask="${model.formMapMasks[field.name]}"<#else> mask=""</#if> <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  <#elseif field.isTime()>
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="time" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+        ng-model="${model.dataSourceName}.active.${field.name}" id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>mask="${model.formMapMasks[field.name]}"<#else> mask=""</#if> <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  <#elseif field.isNumber()>
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="integer" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+        ng-model="${model.dataSourceName}.active.${field.name}" id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>mask="${model.formMapMasks[field.name]}"<#else> mask=""</#if> <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  <#elseif (field.isByte() || field.isInteger())>
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="integer" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+        ng-model="${model.dataSourceName}.active.${field.name}" id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>mask="${model.formMapMasks[field.name]}"<#else> mask=""</#if> <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  <#elseif field.isLong()>
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="number" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+        ng-model="${model.dataSourceName}.active.${field.name}" id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>mask="${model.formMapMasks[field.name]}"<#else> mask=""</#if> <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  <#elseif field.isDecimal()>
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="number" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+        ng-model="${model.dataSourceName}.active.${field.name}" id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>mask="${model.formMapMasks[field.name]}"<#else> mask=""</#if> <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  <#elseif field.isChar()>
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" type="text" maxlength="1" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+        ng-model="${model.dataSourceName}.active.${field.name}" id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>mask="${model.formMapMasks[field.name]}"<#else> mask=""</#if> <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  <#elseif field.getProperty("ngOptions")??>
+    <datasource data-component="crn-datasource" name="${field.name!?replace("_", " ")?capitalize?replace(" ", "")}" entity="${field.getProperty("ngOptions").dataSourceUrl}"
+      keys="${field.getProperty("ngOptions").keys}" class="" schema="${model.getDSSchema(field.getProperty("ngOptions").dataSourceName)}"></datasource>
+    <label for="textinput-${field.name}" class="item item-input item-select component-holder" data-component="crn-dynamic-select" id="crn-dynamic-select-${field.name}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <select aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" crn-datasource="${field.name!?replace("_", " ")?capitalize?replace(" ", "")}"
+        ng-model="${model.dataSourceName}.active.${field.name}" class="form-control" id="dynamic-${field.name}" name="dynamic-${field.name}" xkey-field="${field.getProperty("ngOptions").keys}"
+        xdisplay-field="${field.getProperty("ngOptionsFkName")}" <#if !field.isNullable()>required="required"</#if>>
+        <option value=''>None</option>
+      </select>
+    </label>
+  <#elseif field.isImage()>
+    <div class="item item-input item-stacked-label component-holder" data-component="crn-dynamic-image" id="crn-dynamic-image-${field.name}">
+      <label class="input-label">${model.formMapLabels[field.name]!}</label>
+      <div class="form-group">
+        <div alt="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" dynamic-image="" ng-model="${model.dataSourceName}.active.${field.name}" max-file-size="5MB"
+          class="dynamic-image-container" ng-required="false">
+          {{"template.crud.clickToAddImage" | translate}}
+        </div>
+      </div>
+    </div>
+  <#elseif field.isFile()>
+    <div class="component-holder ng-binding ng-scope" data-component="crn-dynamic-file">
+      <div class="item item-input item-stacked-label">
+        <label class="input-label">${model.formMapLabels[field.name]!}</label>
+        <div class="form-group">
+          <div dynamic-file="" ng-model="${model.dataSourceName}.active.${field.name}" max-file-size="5MB" class="dynamic-image-container" ng-required="false">
+            {{"template.crud.clickToAddFile" | translate}}
+          </div>
+        </div>
+      </div>
+    </div>
+  <#else>
+    <label for="textinput-${field.name}-${model.random}" class="item item-input item-stacked-label" data-component="crn-input-floating" id="lbl-${field.name}-${model.random}">
+      <span class="input-label">${model.formMapLabels[field.name]!}</span>
+      <input type="text" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>" ng-model="${model.dataSourceName}.active.${field.name}"
+        id="textinput-${field.name}-${model.random}" name="textinput-${field.name}"
+        <#if model.formMapMasks[field.name]?has_content>
+          mask="${model.formMapMasks[field.name]}"
+        <#else>
+          mask=""
+          <#if model.formMapMasks[field.name] == "999.999.999-99" >
+            <#assign valid = "cpf">
+          <#elseif model.formMapMasks[field.name] == "99.999.999/9999-99">
+            <#assign valid = "cnpj">
+          </#if>
+          <#if valid??> valid="${valid}" data-error-message="{{'invalid.${valid}' | translate}}"</#if>
+        </#if>
+        <#if !field.isNullable()>required="required"</#if>>
+    </label>
+  </#if>
+</#list>

package/file/crud/phonegap_crud_input/template.properties

@@ -0,0 +1,4 @@
+name=Input para CRUD
+encoding=UTF-8
+projectType=M
+

package/file/crud/phonegap_crud_input/template_en_US.properties

@@ -0,0 +1 @@
+name=Input for CRUD