@cronapp/templates 2.9.1

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

@@ -0,0 +1,70 @@
+<h1 class="component-holder text-left h3 title" xattr-position="text-left" xattr-type="h1" data-component="crn-text-component" id="crn-text-component-${model.random}"><#if model.realName ?has_content >${model.realName}<#else>${model.dataSourceName}</#if> - {{"template.view.search" | translate}}</h1>
+<#assign filterSearch = "">
+<#if model.initialFilter??>
+  <#assign filterSearch = "/${model.initialFilter}">
+</#if>
+<#assign entitySearch = "">
+<#if model.hasColumnFilter()>
+  <#assign filterSearch = "{{query == '' || query == null ? '${filterSearch}' : ('/${model.gridFilter}/' + query)}}">
+<#else>
+  <#assign filterSearch = "">
+  <#assign entitySearch = "">
+</#if>
+<datasource data-component="crn-datasource" filter="${filterSearch}" 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="true"></datasource>
+
+<#if model.hasColumnFilter()>
+<div role="search" ng-hide="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing" class="">
+  <div class="form-group">
+    <label for="textinput-filter" class="">{{"template.crud.search" | translate}}</label>
+    <input type="text" id="textinput-filter" class="form-control k-textbox" ng-model="query" value="%" placeholder="{{'template.crud.search' | translate}}">
+  </div>
+</div>
+<#else>
+  <#if model.getGridFilterSearchable()=="generalSearch">
+    <div role="search" ng-hide="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing" data-component="crn-textinput" id="crn-datasource-filter-general${model.random}" class="">
+      <div class="form-group">
+        <label for="textinput-filter" class="">{{"template.crud.search" | translate}}</label>
+        <input type="text" ng-model="vars.search" id="textinput-filter" class="form-control k-textbox" value="" placeholder="{{'template.crud.search' | translate}}">
+      </div>
+    </div>
+  <#elseif model.getGridFilterSearchable()=="specificSearch">
+    <#if model.hasSearchableFilter()>
+            <div role="search" ng-hide="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing">
+              <fieldset>
+            <#list model.formFields as field>
+              <#if field.isSearchable()>
+                <div  data-component="crn-textinput" id="crn-datasource-filter-${field.name}-${model.random}" class="">
+                  <div class="form-group">
+					  <#if field.isBoolean() >
+              <input type="checkbox" id="checkbox-filter-${field.name}" ng-model="vars.search${field.name}" class="k-checkbox" value="" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>">
+              <label for="checkbox-filter-${field.name}" class="k-checkbox-label">{{"template.crud.search" | translate}} ${model.formMapLabels[field.name]!}</label>
+            <#else>
+                        <label for="textinput-filter-${field.name}" class="">{{"template.crud.search" | translate}} ${model.formMapLabels[field.name]!}</label>
+                        <input type="${field.getHtmlType()}" id="textinput-filter-${field.name}" class="form-control k-textbox" ng-model="vars.search${field.name}" mask="${model.formMapMasks[field.name]}" mask-placeholder="" value="" placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>">
+            </#if>
+                  </div>
+                </div>
+              </#if>
+            </#list>
+              </fieldset>
+            </div>
+    <#else>
+        <div role="search" ng-hide="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing" data-component="crn-textinput" id="crn-datasource-filter-${model.getFirstFieldStringNotPk().name}-${model.random}" class="">
+          <div class="form-group">
+            <label for="textinput-filter" class="">{{"template.crud.search" | translate}} ${model.formMapLabels[model.getClazz().getSearchField().name]!}</label>
+            <input id="textinput-filter" type="text" class="form-control k-textbox" ng-model="vars.search" value="" placeholder="<#if model.getFirstFieldStringNotPk().label?has_content>${model.getFirstFieldStringNotPk().label}<#else>${model.getFirstFieldStringNotPk().name}</#if>">
+          </div>
+        </div>
+    </#if>
+  </#if>
+</#if>
+
+<section ng-hide="${model.dataSourceName}.editing || ${model.dataSourceName}.inserting" class="component-holder ng-binding ng-scope" data-component="crn-cron-grid" id="cron-crn-grid-search">
+  <cron-grid
+      options="${model.getGridOptionsView(model.dataSourceName, model.dataSourceName, field)}"
+      ng-model="vars.grid${model.random}"
+      class=""
+      style="">
+  </cron-grid>
+</section>
+

package/file/crud/angular_view/project.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E34D26;}
+	.st1{fill:#EAEAEA;}
+</style>
+<title>file_type_html</title>
+<g>
+	<path class="st0" d="M7.9,15.9C7.9,15.8,7.9,15.8,7.9,15.9c-0.6-0.2-1.1-0.3-1.6-0.5c-1.2-0.3-2.4-0.7-3.6-1
+		c-0.1,0-0.3-0.1-0.4-0.1c0,0,0,0,0-0.1c0-0.4-0.1-0.8-0.1-1.3c0-0.4-0.1-0.8-0.1-1.2C2.1,11.4,2,11,2,10.6c0-0.4-0.1-0.8-0.1-1.2
+		c0-0.4-0.1-0.8-0.1-1.3c0-0.4-0.1-0.8-0.1-1.2c0-0.4-0.1-0.8-0.1-1.3c0-0.4-0.1-0.8-0.1-1.2c0-0.4-0.1-0.8-0.1-1.3
+		c0-0.4-0.1-0.8-0.1-1.2c0-0.4-0.1-0.8-0.1-1.2c0-0.3,0-0.6-0.1-0.8c0,0,0,0,0,0c0,0,0,0,0,0c4.6,0,9.2,0,13.7,0
+		c0.1,0,0.1,0,0.1,0.1c0,0.3-0.1,0.7-0.1,1c0,0.3-0.1,0.6-0.1,0.9c0,0.4-0.1,0.7-0.1,1.1c0,0.3-0.1,0.6-0.1,0.9c0,0.3-0.1,0.7-0.1,1
+		c0,0.3-0.1,0.6-0.1,0.9c0,0.4-0.1,0.7-0.1,1.1c0,0.3-0.1,0.6-0.1,0.9c0,0.4-0.1,0.7-0.1,1.1c0,0.3-0.1,0.6-0.1,0.9
+		c0,0.3-0.1,0.7-0.1,1c0,0.3-0.1,0.6-0.1,0.9c0,0.3-0.1,0.6-0.1,0.9c0,0.3-0.1,0.6-0.1,0.9c0,0.1,0,0.2,0,0.3c0,0,0,0,0,0
+		c-0.3,0.1-0.6,0.2-1,0.3c-1.5,0.4-3,0.8-4.6,1.3C8.1,15.8,8,15.8,7.9,15.9C8,15.9,8,15.9,7.9,15.9C8,15.9,8,15.9,7.9,15.9
+		C8,15.9,8,15.9,7.9,15.9z M8,3C8,3,8,3,8,3c0,0-0.1,0-0.1,0C6.5,3,5.1,3,3.7,3c0,0-0.1,0-0.1,0.1c0,0.3,0.1,0.6,0.1,0.9
+		c0,0.3,0.1,0.7,0.1,1c0,0.3,0.1,0.7,0.1,1C3.9,6.4,4,6.8,4,7.2c0,0.4,0.1,0.7,0.1,1.1c0,0,0,0.1,0.1,0.1c1.3,0,2.6,0,3.9,0
+		c0.7,0,1.3,0,2,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0.1,0,0.3,0,0.4c0,0.3-0.1,0.6-0.1,0.9c0,0.3,0,0.5-0.1,0.8c0,0,0,0,0,0.1
+		C9.3,10.7,8.7,10.9,8,11c0,0,0,0-0.1,0c-0.6-0.2-1.2-0.3-1.9-0.5c0,0,0,0,0,0c0-0.2,0-0.3,0-0.5c0-0.3,0-0.6-0.1-0.8
+		c0,0,0-0.1-0.1-0.1c-0.3,0-0.6,0-0.9,0c-0.2,0-0.5,0-0.7,0c0,0,0,0,0,0c0,0.3,0,0.5,0.1,0.8c0,0.3,0.1,0.7,0.1,1
+		c0,0.3,0,0.5,0.1,0.8c0,0,0,0,0,0.1c1.2,0.3,2.3,0.6,3.5,1c0,0,0.1,0,0.1,0c0.7-0.2,1.5-0.4,2.2-0.6c0.4-0.1,0.9-0.2,1.3-0.4
+		c0,0,0,0,0.1-0.1c0-0.3,0.1-0.7,0.1-1c0-0.5,0.1-1,0.1-1.5c0-0.4,0.1-0.8,0.1-1.3c0-0.5,0.1-1,0.1-1.5c0-0.1,0-0.1-0.1-0.1
+		c-1.3,0-2.7,0-4,0c-0.7,0-1.4,0-2.1,0c-0.1,0-0.1,0-0.1-0.1c0,0,0,0,0,0c0-0.5-0.1-1-0.1-1.6c0,0,0-0.1,0.1-0.1c0.6,0,1.2,0,1.8,0
+		c1.6,0,3.1,0,4.7,0c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.3c0-0.5,0.1-0.9,0.1-1.4c0-0.1,0-0.1-0.1-0.1c-1.2,0-2.4,0-3.6,0
+		C8.5,3,8.2,3,8,3z"/>
+	<path class="st1" d="M8,3c0.2,0,0.5,0,0.7,0c1.2,0,2.4,0,3.6,0c0.1,0,0.1,0,0.1,0.1c0,0.5-0.1,0.9-0.1,1.4c0,0.1,0,0.2,0,0.3
+		c0,0,0,0.1-0.1,0.1c-1.6,0-3.1,0-4.7,0c-0.6,0-1.2,0-1.8,0c0,0-0.1,0-0.1,0.1c0,0.5,0.1,1,0.1,1.6c0,0,0,0,0,0c0,0.1,0,0.1,0.1,0.1
+		c0.7,0,1.4,0,2.1,0c1.3,0,2.7,0,4,0c0.1,0,0.1,0,0.1,0.1c0,0.5-0.1,1-0.1,1.5c0,0.4-0.1,0.8-0.1,1.3c0,0.5-0.1,1-0.1,1.5
+		c0,0.3-0.1,0.7-0.1,1c0,0,0,0-0.1,0.1c-0.4,0.1-0.9,0.2-1.3,0.4c-0.7,0.2-1.5,0.4-2.2,0.6c0,0-0.1,0-0.1,0c-1.2-0.3-2.3-0.6-3.5-1
+		c0,0,0,0,0-0.1c0-0.3,0-0.5-0.1-0.8c0-0.3-0.1-0.7-0.1-1c0-0.3,0-0.5-0.1-0.8c0,0,0,0,0,0c0.2,0,0.5,0,0.7,0c0.3,0,0.6,0,0.9,0
+		c0,0,0.1,0,0.1,0.1C6,9.5,6,9.8,6,10c0,0.2,0,0.3,0,0.5c0,0,0,0,0,0C6.7,10.7,7.3,10.9,8,11c0,0,0,0,0.1,0c0.6-0.2,1.2-0.3,1.9-0.5
+		c0,0,0,0,0-0.1c0-0.3,0-0.5,0.1-0.8c0-0.3,0.1-0.6,0.1-0.9c0-0.1,0-0.3,0-0.4c0,0,0,0,0,0c0,0,0,0,0,0c-0.7,0-1.3,0-2,0
+		c-1.3,0-2.6,0-3.9,0c0,0-0.1,0-0.1-0.1C4.1,7.9,4,7.5,4,7.2C4,6.8,3.9,6.4,3.9,6c0-0.3-0.1-0.7-0.1-1c0-0.3-0.1-0.7-0.1-1
+		c0-0.3-0.1-0.6-0.1-0.9C3.6,3,3.7,3,3.7,3c1.4,0,2.8,0,4.2,0C7.9,3,8,3,8,3C8,3,8,3,8,3z"/>
+</g>
+</svg>

package/file/crud/angular_view/template.properties

@@ -0,0 +1,10 @@
+icon=list-web.png
+name=Formulário de Pesquisa Web
+description=Formulário para listar e pesquisar registros em uma fonte de dados
+projectType=W,M
+extension=view.html
+preferedFolder=${webFolder}/views
+condition=webFolder
+suffix=.search
+type=view
+order=1

package/file/crud/angular_view/template_en_US.properties

@@ -0,0 +1,2 @@
+name=View Form
+description=Form to list and search records in 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_view/__FileName__.view.html.ftl

@@ -0,0 +1,308 @@
+<ion-view cache-view="false" hide-back-button="true" role="region">
+    <ion-header-bar role="heading" class="bar bar-header bar-default" xattr-theme="bar-default"
+                    data-component="crn-ion-header-bar">
+        <div side="left" class="buttons buttons-left header-item">
+            <button aria-labelledby="left_navicon_sr" class="button button-clear"
+                    ng-if="!${model.dataSourceName}.inserting && !${model.dataSourceName}.editing" menu-toggle="left"
+                    data-component="crn-button" xattr-type="button-clear">
+                <i class="icon ion-navicon"></i>
+                <span id="left_navicon_sr"
+                      class="sr-only">{{'Accessibility.Button.Aria.Label.NavIcon' | translate}}</span>
+            </button>
+            <button aria-labelledby="left_arrowback_sr" class="button button-clear"
+                    ng-if="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing"
+                    ng-click="${model.dataSourceName}.cancel()" data-component="crn-button" xattr-type="button-clear">
+                <i class="icon ion-ios-arrow-back"></i>
+                <span id="left_arrowback_sr" class="sr-only">{{'Roles.view.Voltar' | translate}}</span>
+            </button>
+        </div>
+        <h1 class="title">${model.dataSourceName}</h1>
+        <div side="right" class="buttons buttons-right header-item">
+            <button aria-labelledby="right_plus_sr" class="button button-clear"
+                    ng-if="!${model.dataSourceName}.inserting && !${model.dataSourceName}.editing"
+                    ng-click="${model.dataSourceName}.startInserting()" data-component="crn-button"
+                    xattr-type="button-clear">
+                <i class="icon ion-ios-plus-empty"></i>
+                <span id="right_plus_sr" class="sr-only">{{'Accessibility.Button.Aria.Label.Add' | translate}}</span>
+            </button>
+            <button aria-labelledby="right_checkmark_sr" class="button button-clear"
+                    ng-if="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing"
+                    ng-click="${model.dataSourceName}.post()" data-component="crn-button" xattr-type="button-clear">
+                <i class="icon ion-ios-checkmark"></i>
+                <span id="right_checkmark_sr"
+                      class="sr-only">{{'Accessibility.Button.Aria.Label.Save' | translate}}</span>
+            </button>
+        </div>
+    </ion-header-bar>
+    <ion-content>
+        <div class="component-holder ng-binding ng-scope ui-draggable ui-draggable-handle"
+             data-component="crn-datasource" id="crn-datasource-906854">
+            <datasource data-component="crn-datasource" <#if model.hasColumnFilter()>filter=""</#if> name="${model.dataSourceName}"
+                        entity="${model.dataSourceFullName}" keys="${model.dataSourcePrimaryKeys}" rows-per-page="10"
+                        delete-message="Deseja remover?" class=""
+                        schema="${model.getDSSchema(model.dataSourceName)}" ></datasource>
+        </div>
+    <#-- Para o filtro model.getGridFilterSearchable()="generalSearch" a regra está no componente "cron-list" -->
+      <#if model.getGridFilterSearchable()=="specificSearch">
+          <#if model.hasSearchableFilter()>
+	<div ng-hide="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing"
+         class="component-holder ng-binding ng-scope" data-component="crn-complex-search">
+	  <#list model.formFields as field>
+          <#if field.isSearchable()>
+		<div role="search" data-component="crn-search" id="crn-search-${field.name}-${model.random}">
+            <div class="item item-input" id="search-${field.name}-${model.random}">
+                <i class="icon ion-search placeholder-icon"></i>
+                <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+                       type="<#if field.isDate() >date<#elseif (field.isTimestamp() || field.isTime())>time<#elseif (field.isBoolean())>checkbox<#elseif (field.isNumber() || field.isDecimal() || field.isLong())>number<#else>text</#if>"
+                       ng-model="vars.search${field.name}" mask="${model.formMapMasks[field.name]}"
+                       cronapp-filter="${field.name}" crn-datasource="${model.dataSourceName}"
+                       cronapp-filter-caseinsensitive="true" cronapp-filter-autopost="false" cronapp-filter-operator="="
+                       placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>">
+            </div>
+        </div>
+          </#if>
+      </#list>
+        <button aria-label="{{" template.crud.search" | translate}}" class="button button-dark component-holder"
+        data-component="crn-filter-button" type="submit" cronapp-filter="" cronapp-filter-caseinsensitive="true"
+        xattr-size="" xattr-fullsize="" xattr-theme="btn-default" crn-datasource="${model.dataSourceName}" ng-click=""
+        id="crn-button-search">
+        <i class="ion ion-home"></i>
+        <span>{{"template.crud.search" | translate}}</span>
+        </button>
+    </div>
+          </#if>
+      </#if>
+
+        <div crn-datasource="${model.dataSourceName}" class="" ng-hide="${model.dataSourceName}.editing || ${model.dataSourceName}.inserting">
+            <cron-list ng-model="vars.cronlist${model.dataSourceName}" id="ion-list-main" options="${model.getMobileAdvancedList(model.dataSourceName, model.dataSourceName, field)}" class="component-holder ng-binding ng-scope" data-component="crn-ion-list" id="crn-ion-list-${model.random}">
+            </cron-list>
+        </div>
+        <div ng-show="${model.dataSourceName}.editing || ${model.dataSourceName}.inserting">
+            <form crn-datasource="${model.dataSourceName}">
+                <div class="list"
+                     ng-disabled="!${model.dataSourceName}.editing &amp;&amp; !${model.dataSourceName}.inserting">
+            <#list model.formFields as field>
+            <!-- ${field.name} begin -->
+                <#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">
+                <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">
+                <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">
+                <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">
+                <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">
+                      <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">
+                      <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">
+                <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">
+                <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">
+                <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>
+
+                    <!-- 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>
+
+                <#if !field.getProperty("NToNOption")?has_content || field.getProperty("NToNOption") == "Lista">
+	  <datasource
+              data-component="crn-datasource"
+              name="${relationClassName}"
+              entity="${model.namespace}.${relationClassName}"
+              keys="${keysDs}"
+              dependent-lazy-post="${model.dataSourceName}"
+              rows-per-page="100"
+              parameters="${model.dataSourceName?uncap_first}={{${model.dataSourceName}.active.${model.dataSourcePrimaryKeys}|raw}}"
+              schema="${model.getDSSchema(relationClassName)}">
+      </datasource>
+	  <datasource
+              data-component="crn-datasource"
+              name="All${field.getName()}"
+              entity="${model.namespace}.${field.getName()}"
+              keys="${model.getJoinKeys(field.getClazz().getAdjustedFullPrimaryKeys())}"
+              schema="${model.getDSSchema(field.getName())}">
+      </datasource>
+            <label class="item item-input item-select component-holder" data-component="crn-multiselect">
+                <span>${field.getName()?cap_first}</span>
+                <select
+                        ng-model="${relationClassName}.data"
+                        crn-datasource="All${field.getName()}"
+                        multiple
+                        id="multiselect-${field.name}"
+                        name="multiselect-${field.name}"
+                        xkey-field="${model.getFirstTextFieldOfManyToManyRelation(field.getName())}"
+                        xdisplay-field="${model.getFirstTextFieldOfManyToManyRelation(field.getName())}">
+                </select>
+            </label>
+                </#if>
+            </#list>
+                    <!-- NtoN  end-->
+            </form>
+        </div>
+    </ion-content>
+</ion-view>

package/file/crud/phonegap_crud_view/project.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3FFDE;}
+	.st1{fill:none;stroke:#609DDE;stroke-width:0.5;stroke-miterlimit:10;}
+	.st2{fill:#609DDE;}
+	.st3{fill:#F1662A;}
+	.st4{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M10.5,15.7H5c-0.9,0-1.6-0.7-1.6-1.6V2c0-0.9,0.7-1.6,1.6-1.6h5.5c0.9,0,1.6,0.7,1.6,1.6v12.1
+		C12.1,15,11.4,15.7,10.5,15.7z"/>
+	<path class="st1" d="M10.3,15.7H4.8c-0.9,0-1.6-0.7-1.6-1.6V2c0-0.9,0.7-1.6,1.6-1.6h5.5c0.9,0,1.6,0.7,1.6,1.6v12.1
+		C11.9,15,11.2,15.7,10.3,15.7z"/>
+</g>
+<circle class="st2" cx="7.6" cy="13.6" r="1.2"/>
+<polygon class="st3" points="5,10.4 4.4,4.1 10.7,4.1 10.1,10.4 7.6,11.1 "/>
+<polygon class="st4" points="7.6,6.9 6.5,6.9 6.4,6.1 7.6,6.1 7.6,5.3 7.6,5.3 5.6,5.3 5.6,5.6 5.8,7.7 7.6,7.7 "/>
+<polygon class="st4" points="7.6,8.9 7.6,8.9 6.7,8.7 6.6,8.1 6.2,8.1 5.8,8.1 6,9.3 7.6,9.7 7.6,9.7 "/>
+<polygon class="st4" points="7.6,6.9 7.6,7.7 8.5,7.7 8.4,8.7 7.6,8.9 7.6,9.7 9.2,9.3 9.2,9.1 9.3,7.1 9.3,6.9 9.2,6.9 "/>
+<polygon class="st4" points="7.6,5.3 7.6,5.8 7.6,6.1 7.6,6.1 9.4,6.1 9.4,6.1 9.4,6.1 9.4,5.9 9.5,5.6 9.5,5.3 "/>
+</svg>

package/file/crud/phonegap_crud_view/template.properties

@@ -0,0 +1,9 @@
+icon=crud-mobile.png
+name=Formulário CRUD Mobile
+description=Formulário para inserir, atualizar, listar e remover registros de uma fonte de dados
+projectType=M
+extension=.view.html
+preferedFolder=${mobileFolder}/views
+order=2
+condition=mobileFolder
+cleanPageBefore=true

package/file/crud/phonegap_crud_view/template_en_US.properties

@@ -0,0 +1,2 @@
+name=Mobile Form CRUD 
+description=Form to insert, update, list and remove records from a data source

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

@@ -0,0 +1,74 @@
+<ion-view cache-view="false" hide-back-button="true" role="region">
+    <ion-header-bar role="heading" class="bar bar-header bar-default" xattr-theme="bar-default"
+                    data-component="crn-ion-header-bar">
+        <div side="left" class="buttons buttons-left header-item">
+            <button aria-labelledby="left_navicon_sr" class="button button-clear"
+                    ng-if="!${model.dataSourceName}.inserting && !${model.dataSourceName}.editing" menu-toggle="left"
+                    data-component="crn-button" xattr-type="button-clear">
+                <i class="icon ion-navicon"></i>
+                <span id="left_navicon_sr"
+                      class="sr-only">{{'Accessibility.Button.Aria.Label.NavIcon' | translate}}</span>
+            </button>
+            <button aria-labelledby="left_arrowback_sr" class="button button-clear"
+                    ng-if="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing"
+                    ng-click="${model.dataSourceName}.cancel()" data-component="crn-button" xattr-type="button-clear">
+                <i class="icon ion-ios-arrow-back"></i>
+                <span id="left_arrowback_sr" class="sr-only">{{'Roles.view.Voltar' | translate}}</span>
+            </button>
+        </div>
+        <h1 class="title">${model.dataSourceName}</h1>
+        <div side="right" class="buttons buttons-right header-item">
+        </div>
+    </ion-header-bar>
+    <ion-content>
+        <div class="component-holder ng-binding ng-scope ui-draggable ui-draggable-handle"
+             data-component="crn-datasource" id="crn-datasource-906854">
+            <datasource <#if model.hasColumnFilter()>filter=""</#if> name="${model.dataSourceName}"
+                        entity="${model.dataSourceFullName}" keys="${model.dataSourcePrimaryKeys}" rows-per-page="10"
+                        delete-message="Deseja remover?" class=""
+                        schema="${model.getDSSchema(model.dataSourceName)}"></datasource>
+        </div>
+    <#-- Para o filtro model.getGridFilterSearchable()="generalSearch" a regra está no componente "cron-list" -->
+      <#if model.getGridFilterSearchable()=="specificSearch">
+          <#if model.hasSearchableFilter()>
+	<div ng-hide="${model.dataSourceName}.inserting || ${model.dataSourceName}.editing"
+         class="component-holder ng-binding ng-scope" data-component="crn-complex-search">
+        <fieldset class="list">
+	  <#list model.formFields as field>
+          <#if field.isSearchable()>
+		<div data-component="crn-search" id="crn-search-${field.name}-${model.random}">
+            <div class="item item-input" id="search-${field.name}-${model.random}">
+                <i class="icon ion-search placeholder-icon"></i>
+                <input aria-label="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>"
+                       type="<#if field.isDate() >date<#elseif (field.isTimestamp() || field.isTime())>time<#elseif (field.isBoolean())>checkbox<#elseif (field.isNumber() || field.isDecimal() || field.isLong())>number<#else>text</#if>"
+                       ng-model="vars.search${field.name}" mask="${model.formMapMasks[field.name]}"
+                       cronapp-filter="${field.name}" crn-datasource="${model.dataSourceName}"
+                       cronapp-filter-caseinsensitive="true" cronapp-filter-autopost="false" cronapp-filter-operator="="
+                       placeholder="<#if field.label?has_content>${field.label}<#else>${field.name}</#if>">
+            </div>
+        </div>
+          </#if>
+      </#list>
+            <button aria-label="{{" template.crud.search" | translate}}" class="button button-dark component-holder"
+            data-component="crn-filter-button" type="submit" cronapp-filter="" cronapp-filter-caseinsensitive="true"
+            xattr-size="" xattr-fullsize="" xattr-theme="btn-default" crn-datasource="${model.dataSourceName}"
+            ng-click="" id="crn-button-search">
+            <i class="ion ion-home"></i>
+            <span>{{"template.crud.search" | translate}}</span>
+            </button>
+        </fieldset>
+    </div>
+          </#if>
+      </#if>
+
+        <div crn-datasource="${model.dataSourceName}" class=""
+             ng-hide="${model.dataSourceName}.editing || ${model.dataSourceName}.inserting">
+            <div class="component-holder ng-binding ng-scope" data-component="crn-ion-list" id="crn-ion-list-main">
+                <cron-list ng-model="vars.cronlist${model.dataSourceName}" id="ion-list-main"
+                           options="${model.getMobileList(model.dataSourceName, model.dataSourceName, field)}"
+                           class="" style="">
+                </cron-list>
+            </div>
+        </div>
+    </ion-content>
+</ion-view>

package/file/crud/phonegap_view/project.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3FFDE;}
+	.st1{fill:none;stroke:#609DDE;stroke-width:0.5;stroke-miterlimit:10;}
+	.st2{fill:#609DDE;}
+	.st3{fill:#F1662A;}
+	.st4{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M10.5,15.7H5c-0.9,0-1.6-0.7-1.6-1.6V2c0-0.9,0.7-1.6,1.6-1.6h5.5c0.9,0,1.6,0.7,1.6,1.6v12.1
+		C12.1,15,11.4,15.7,10.5,15.7z"/>
+	<path class="st1" d="M10.3,15.7H4.8c-0.9,0-1.6-0.7-1.6-1.6V2c0-0.9,0.7-1.6,1.6-1.6h5.5c0.9,0,1.6,0.7,1.6,1.6v12.1
+		C11.9,15,11.2,15.7,10.3,15.7z"/>
+</g>
+<circle class="st2" cx="7.6" cy="13.6" r="1.2"/>
+<polygon class="st3" points="5,10.4 4.4,4.1 10.7,4.1 10.1,10.4 7.6,11.1 "/>
+<polygon class="st4" points="7.6,6.9 6.5,6.9 6.4,6.1 7.6,6.1 7.6,5.3 7.6,5.3 5.6,5.3 5.6,5.6 5.8,7.7 7.6,7.7 "/>
+<polygon class="st4" points="7.6,8.9 7.6,8.9 6.7,8.7 6.6,8.1 6.2,8.1 5.8,8.1 6,9.3 7.6,9.7 7.6,9.7 "/>
+<polygon class="st4" points="7.6,6.9 7.6,7.7 8.5,7.7 8.4,8.7 7.6,8.9 7.6,9.7 9.2,9.3 9.2,9.1 9.3,7.1 9.3,6.9 9.2,6.9 "/>
+<polygon class="st4" points="7.6,5.3 7.6,5.8 7.6,6.1 7.6,6.1 9.4,6.1 9.4,6.1 9.4,6.1 9.4,5.9 9.5,5.6 9.5,5.3 "/>
+</svg>

package/file/crud/phonegap_view/template.properties

@@ -0,0 +1,11 @@
+icon=list-mobile.png
+name=Formulário de Pesquisa Mobile
+description=Formulário para listar e pesquisar registros em uma fonte de dados
+projectType=M
+extension=.view.html
+preferedFolder=${mobileFolder}/views
+suffix=.search
+type=view
+order=3
+condition=mobileFolder
+cleanPageBefore=true

package/file/crud/phonegap_view/template_en_US.properties

@@ -0,0 +1,2 @@
+name=Mobile Form
+description=Form to list and search records in a data source