cronapp-framework-js 1.0.4

package/components/templates/cron-scheduler.designtime.html

@@ -0,0 +1,375 @@
+<div class="ng-scope k-widget k-scheduler k-floatwrap" data-role="scheduler" role="grid" aria-multiselectable="true" tabindex="0" style="">
+    <div class="k-floatwrap k-header k-scheduler-toolbar">
+        <ul class="k-reset k-scheduler-navigation">
+            <li class="k-state-default k-header k-nav-today"><a role="button" href="#" class="k-link" title="Hoje">Today</a></li>
+            <li class="k-state-default k-header k-nav-prev"><a role="button" href="#" class="k-link" title="Previous" aria-label="Previous"><span class="k-icon k-i-arrow-60-left" style="pointer-events: none"></span></a></li>
+            <li class="k-state-default k-header k-nav-next"><a role="button" href="#" class="k-link" title="Next" aria-label="Next"><span class="k-icon k-i-arrow-60-right" style="pointer-events: none"></span></a></li>
+            <li class="k-state-default k-nav-current"><a role="button" href="#" class="k-link"><span class="k-icon k-i-calendar"></span><span class="k-sm-date-format" data-bind="text: formattedShortDate">04/26/2022</span><span class="k-lg-date-format" data-bind="text: formattedDate">Wednesday, April 26, 2022</span></a></li>
+        </ul>
+        <ul class="k-reset k-header k-scheduler-views">
+            <li class="k-current-view" data-name="day"><a role="button" href="#" class="k-link">Day</a></li>
+            <li class="k-state-default k-view-day k-state-selected" data-name="day"><a role="button" href="#" class="k-link">Day</a></li>
+            <li class="k-state-default k-view-week" data-name="week"><a role="button" href="#" class="k-link">Week</a></li>
+            <li class="k-state-default k-view-workweek" data-name="workWeek"><a role="button" href="#" class="k-link">Work week</a></li>
+            <li class="k-state-default k-view-month" data-name="month"><a role="button" href="#" class="k-link">Mês</a></li>
+            <li class="k-state-default k-view-agenda" data-name="agenda"><a role="button" href="#" class="k-link">Schedule</a></li>
+            <li class="k-state-default k-view-timeline" data-name="timeline"><a role="button" href="#" class="k-link">Timeline</a></li>
+            <li class="k-state-default k-view-timelineweek" data-name="timelineWeek"><a role="button" href="#" class="k-link">Timeline (Week)</a></li>
+            <li class="k-state-default k-view-timelineworkweek" data-name="timelineWorkWeek"><a role="button" href="#" class="k-link">Timeline (Work week)</a></li>
+            <li class="k-state-default k-view-timelinemonth" data-name="timelineMonth"><a role="button" href="#" class="k-link">Timeline (Monthly)</a></li>
+        </ul>
+    </div>
+    <table class="k-scheduler-layout k-scheduler-dayview k-scrollbar-h">
+        <tbody>
+            <tr>
+                <td>
+                    <div class="k-scheduler-times">
+                        <table class="k-scheduler-table">
+                            <tbody>
+                                <tr style="height: 31.3438px;">
+                                    <th>​</th>
+                                </tr>
+                                <tr style="height: 30px;">
+                                    <th class="k-scheduler-times-all-day">all day</th>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </td>
+                <td>
+                    <div class="k-scheduler-header k-state-default">
+                        <div class="k-scheduler-header-wrap">
+                            <table class="k-scheduler-table">
+                                <tbody>
+                                    <tr>
+                                        <th colspan="1" class="">Wed 4/20</th>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <div style="position:relative">
+                                <table class="k-scheduler-table k-scheduler-header-all-day">
+                                    <tbody>
+                                        <tr role="row" style="height: 30px;">
+                                            <td class="" role="gridcell" aria-selected="false">&nbsp;</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <div class="k-scheduler-times">
+                        <table class="k-scheduler-table">
+                            <tbody>
+                                <tr>
+                                    <th class="" rowspan="1">00:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">01:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">02:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">03:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">04:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">05:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">06:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">07:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">08:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">09:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">10:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">11:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">12:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">13:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">14:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">15:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">16:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">17:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">18:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">19:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">20:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">21:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">22:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                                <tr>
+                                    <th class="" rowspan="1">23:00</th>
+                                </tr>
+                                <tr>
+                                    <th class="k-slot-cell" rowspan="1">​</th>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </td>
+                <td>
+                    <div class="k-scheduler-content">
+                        <table class="k-scheduler-table">
+                            <tbody>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr class="k-middle-row" role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                                <tr role="row">
+                                    <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <div class="k-header k-scheduler-footer">
+        <ul class="k-reset k-header">
+            <li class="k-state-default k-scheduler-fullday"><a href="#" class="k-link"><span class="k-icon k-i-clock"></span>Show business hour</a></li>
+        </ul>
+    </div>
+</div>

package/components/templates/cron-scheduler.template.html

@@ -0,0 +1 @@
+<cron-scheduler options=""></cron-scheduler>

package/components/templates/cron-slider.designtime.html

@@ -0,0 +1,34 @@
+<div class="k-widget k-slider k-slider-horizontal crn-select">
+    <div class="k-slider-wrap k-slider-buttons">
+
+        <a class="k-button k-button-increase" title="Increase" aria-label="Increase">
+            <span class="k-icon k-i-arrow-60-right"></span>
+        </a>
+
+        <a class="k-button k-button-decrease" title="Decrease" aria-label="Decrease">
+            <span class="k-icon k-i-arrow-60-left"></span>
+        </a>
+
+        <ul class="k-reset k-slider-items">
+            <li class="k-tick k-first k-tick-large" role="presentation" title="1" style="width: 5%;"><span class="k-label">1</span></li>
+            <li class="k-tick k-tick-large" role="presentation" title="2" style="width: 10.25%; line-height: 100.994px;"><span class="k-label">2</span></li>
+            <li class="k-tick k-tick-large" role="presentation" title="3" style="width: 10.25%; line-height: 100px;"><span class="k-label">3</span></li>
+            <li class="k-tick k-tick-large" role="presentation" title="4" style="width: 10.25%; line-height: 100px;"><span class="k-label">4</span></li>
+            <li class="k-tick k-tick-large" role="presentation" title="5" style="width: 10.25%; line-height: 100px;"><span class="k-label">5</span></li>
+            <li class="k-tick k-tick-large" role="presentation" title="6" style="width: 10.25%; line-height: 100px;"><span class="k-label">6</span></li>
+            <li class="k-tick k-tick-large" role="presentation" title="7" style="width: 10.25%; line-height: 100px;"><span class="k-label">7</span></li>
+            <li class="k-tick k-tick-large" role="presentation" title="8" style="width: 10.25%; line-height: 100px;"><span class="k-label">8</span></li>
+            <li class="k-tick k-tick-large" role="presentation" title="9" style="width: 10.25%; line-height: 100px;"><span class="k-label">9</span></li>
+            <li class="k-tick k-last k-tick-large" role="presentation" title="10" style="width: 5%;"><span class="k-label">10</span></li>
+        </ul>
+        <div class="k-slider-track" style="width: 86%;">
+
+            <div class="k-slider-selection" style="width: 100px;"> </div>
+
+            <a href="#" class="k-draghandle" title="undefined" role="slider" aria-valuemin="1" aria-valuemax="10" aria-valuenow="2" tabindex="0" data-role="draggable" aria-valuetext="2" style="left: 93px;">Drag</a>
+
+            <a href="#" class="k-draghandle k-state-focused k-state-selected" title="undefined" role="slider" aria-valuemin="1" aria-valuemax="10" aria-valuenow="2" tabindex="0" data-role="draggable" aria-valuetext="2" style="left: 93px;">Drag</a>
+
+        </div>
+    </div>
+</div>

package/components/templates/cron-slider.template.html

@@ -0,0 +1,5 @@
+<div class="form-group"> 
+    <label for="cron-${RANDOM}" class="">Label</label> 
+    <cron-slider options="{&quot;increaseButtonTitle&quot;:null,&quot;decreaseButtonTitle&quot;:null,&quot;min&quot;:1,&quot;max&quot;:10,&quot;smallStep&quot;:1,&quot;largeStep&quot;:1,&quot;dragHandleTitle&quot;:null}" ng-required="false" id="cron-${RANDOM}" ng-model="vars.slider${RANDOM}" class="crn-select form-control" style="">
+    </cron-slider> 
+</div> 

package/components/templates/cron-switch.template.html

@@ -0,0 +1,12 @@
+<div class=""> 
+    <cron-switch options="" ng-model="vars.switch${RANDOM}" class="form-control" id="input-switch${RANDOM}" ng-required="false" style="">
+      <cron-options> 
+        <cron-on-label>
+           SIM 
+        </cron-on-label> 
+        <cron-off-label>
+           NAO 
+        </cron-off-label> 
+      </cron-options> 
+    </cron-switch> 
+</div>

package/components/templates/cron-tree-view.designtime.html

@@ -0,0 +1,31 @@
+<div data-role="treeview" class="k-widget k-treeview ng-scope" tabindex="0" role="tree">
+  <ul class="k-group k-treeview-lines">
+    <li role="treeitem" class="k-item k-first k-last" data-uid="6e9bd1fd-494e-4dc4-a1d2-8bb14a619178" aria-selected="true" aria-expanded="true" data-expanded="true">
+      <div class="k-top k-bot">
+        <span class="k-icon k-i-collapse">
+          <span class="k-in k-state-selected">Item</span>
+        </span>
+        <span class="k-in"></span>
+      </div>
+      <ul class="k-group" role="group" style="display: block;">
+        <li role="treeitem" class="k-item" data-uid="c63e6322-787e-4d08-a4b0-f8ad577915d3" aria-selected="false" aria-expanded="false" data-expanded="false">
+          <div class="k-top">
+            <span class="k-in">SubItem</span>
+          </div>
+        </li>
+        <li role="treeitem" class="k-item" data-uid="879a093a-6c37-471b-b471-8517e0d231f5" aria-selected="false" aria-expanded="false" data-expanded="false">
+          <div class="k-mid">
+            <span class="k-in">SubItem</span>
+          </div>
+        </li>
+        <li role="treeitem" class="k-item k-last" data-uid="8fdb4aee-f4fb-424d-bec3-bd83d74a9e95" aria-selected="false" aria-expanded="false" data-expanded="false">
+          <div class="k-bot">
+            <span class="k-icon k-i-expand">
+              <span class="k-in">SubItem</span>
+            </span>
+          </div>
+        </li>
+      </ul>
+    </li>
+  </ul>
+</div>

package/components/templates/cron-tree-view.template.html

@@ -0,0 +1,2 @@
+<cron-tree-view ng-model="vars.treeView${RANDOM}" options="">
+</cron-tree-view>

package/components/templates/datasource.template.html

@@ -0,0 +1 @@
+<datasource data-component="crn-datasource" name="" entity="" keys="" rows-per-page="100" on-before-create="" on-after-create="" on-before-update="" on-after-update="" on-before-delete="" on-after-delete="" on-after-fill="" lazy="true"></datasource>

package/components/templates/datasourcefilter.template.html

@@ -0,0 +1,6 @@
+<div class="form-group">
+  <label for="input${RANDOM}" class="">{{"template.crud.search" | translate}}</label> <input type="text" mask=""
+    mask-placeholder="" cronapp-filter="" cronapp-filter-operator="" cronapp-filter-caseinsensitive="false"
+    cronapp-filter-autopost="true" crn-datasource="" ng-model="vars.filter${RANDOM}" class="form-control k-textbox" value=""
+    placeholder="{{'template.crud.search' | translate}}">
+</div>

package/components/templates/datasourcefiltercomplex.template.html

@@ -0,0 +1,17 @@
+<fieldset>
+    <div data-component="crn-datasource-filter" class="">
+        <div class="form-group">
+            <label for="input${RANDOM}" class="">{{"template.crud.search" | translate}} Field1</label>
+            <input type="text" ng-model="vars.filter${RANDOM}" mask="" mask-placeholder="" cronapp-filter="" cronapp-filter-operator="" cronapp-filter-caseinsensitive="false" cronapp-filter-autopost="false" crn-datasource="" class="form-control k-textbox" value="" placeholder="Field1">
+        </div>
+    </div>
+    <div data-component="crn-datasource-filter" class="">
+        <div class="form-group">
+            <label for="input${RANDOM}" class="">{{"template.crud.search" | translate}} Field2</label>
+            <input type="text" ng-model="vars.filter2${RANDOM}" mask="" mask-placeholder="" cronapp-filter="" cronapp-filter-operator="" cronapp-filter-caseinsensitive="false" cronapp-filter-autopost="false" crn-datasource="" class="form-control k-textbox" value="" placeholder="Field2">
+        </div>
+    </div>
+    <div data-component="crn-button-filter" class="" crn-datasource="">
+        <button class="btn btn-default component-holder k-button" required-filter="false" data-component="crn-button-filter" cronapp-filter="" cronapp-filter-caseinsensitive="false" type="submit" ng-click="" xattr-size="" xattr-fullsize="" xattr-theme="btn-default"><i class="glyphicon glyphicon-search"></i> <span>{{"template.crud.search" | translate}} </span></button>
+    </div>
+</fieldset>

package/components/templates/date.template.html

@@ -0,0 +1,4 @@
+<div class="form-group">
+    <label for="date-${COMPONENTID}">Label</label>
+    <input type="date" mask="" mask-placeholder="" ng-required="false" ng-model="vars.date${RANDOM}" class="form-control k-textbox" id="date-${COMPONENTID}">
+</div>

package/components/templates/datetime.template.html

@@ -0,0 +1,4 @@
+<div class="form-group">
+	<label for="datetime-${COMPONENTID}">Label</label>
+    <input type="datetime" id="datetime-${COMPONENTID}" class="form-control k-textbox" mask="" ng-model="vars.datetime${RANDOM}" ng-required="false">
+</div>

package/components/templates/div.template.html

@@ -0,0 +1 @@
+<div data-container="true"></div>

package/components/templates/dynamicfile.designtime.html

@@ -0,0 +1,5 @@
+<div id="file-${RANDOM}" dynamic-file="" ng-model="vars.dynamicfile${RANDOM}" class="dynamic-image-container" style="padding: 50px 0;" ng-required="false" ngf-max-size="5MB" ngf-accept="'*.*'">
+  <button id="file-${RANDOM}-button" class="btn" ngf-drop ngf-select ngf-change="cronapi.internal.uploadFile('vars.dynamicfile${RANDOM}', $file, 'uploadprogress${RANDOM}', undefined, $invalidFiles)" style="position: absolute; left: 0;">
+    <span>Clique ou arraste um arquivo</span>
+  </button>
+</div>

package/components/templates/dynamicfile.template.html

@@ -0,0 +1,23 @@
+<div class="form-group">
+    <label for="file-${RANDOM}-button">Arquivo</label>
+    <div class="dynamic-input-upload">
+        <div class="component-holder ng-scope" id="crn-button-${RANDOM}">
+            <div ng-if="!vars.dynamicfile${RANDOM}">
+                <input id="file-${RANDOM}-input" type="text" ng-model="vars.dynamicfile${RANDOM}" class="hidden">
+                <button id="file-${RANDOM}-button" class="btn k-button btn-default" ng-click="" xattr-fullsize="" xattr-theme="btn-default" xattr-disabled="" ngf-drop="" ngf-select="" ngf-change="cronapi.internal.uploadFile('vars.dynamicfile${RANDOM}', $file, 'uploadprogress${RANDOM}', undefined, $invalidFiles)" ngf-max-size="5MB" ngf-pattern="'*.*'" ngf-accept="'*.*'">                                    
+                    <span>Clique ou arraste um arquivo</span>
+                </button>
+                <div class="progress hidden" data-type="bootstrapProgress" id="uploadprogress${RANDOM}">
+                    <div class="progress-bar" role="progressbar"></div>
+                </div>
+            </div>
+            <div ng-if="vars.dynamicfile${RANDOM}" class="upload-image-component-attribute ng-scope">
+                <div ng-bind-html="cronapi.internal.generatePreviewDescriptionByte(vars.dynamicfile${RANDOM}, undefined)" class="ng-binding"></div>
+                <div class="btn-container">
+                    <a href="javascript:void(0)" ng-click="cronapi.internal.downloadFileEntity(vars,'dynamicfile${RANDOM}', undefined, undefined)">Baixar</a>
+                    <span class="cancel-btn" ng-click="vars.dynamicfile${RANDOM} = null">Cancelar</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

package/components/templates/dynamicimage.designtime.html

@@ -0,0 +1,19 @@
+<div class="form-group" data-component="crn-dynamic-image" id="crn-dynamic-image-${RANDOM}"><label
+        for="img-${RANDOM}-button">Imagem</label>
+    <div id="img-${RANDOM}" dynamic-image="" class="dynamic-image-container" ng-required="false" max-file-size="5MB">
+        <div ngf-drop="" ngf-drag-over-class="dragover"
+             style="display: flex; justify-content: center; width: 100%; height: 100%; ">
+            <input id="img-${RANDOM}-input"
+                   autocomplete="off" tabindex="-1" class="uiSelectRequired ui-select-offscreen" style="top: inherit !important; margin-left: 85px
+            !important;margin-top: 50px !important; display: none;" type="text">
+            <button id="img-${RANDOM}-button" class="btn" ngf-drop="" ngf-select="" ngf-pattern="'image/*'"
+                    ngf-max-size="5MB">
+                Click or drag an image
+            </button>
+            <button class="btn btn-info btn-xs start-camera-button-attribute">
+                <span class="glyphicon glyphicon-facetime-video"></span>
+                <span class="sr-only">Get image from device camera</span>
+            </button>
+        </div>
+    </div>
+</div>

package/components/templates/dynamicimage.template.html

@@ -0,0 +1,6 @@
+<div class="form-group">
+    <label for="img-${RANDOM}-button">Imagem</label>
+    <div id="img-${RANDOM}" dynamic-image ng-model="vars.dynamicimage${RANDOM}" class="dynamic-image-container " ng-required="false" max-file-size="5MB">
+        {{"template.crud.clickOrDragAnImage" | translate}}
+    </div>
+</div>

package/components/templates/dynamictitle.template.html

@@ -0,0 +1 @@
+<h1 class="text-center title h1" xattr-position="text-center" xattr-type="h1">Title</h1>

package/components/templates/fileupload-button.template.html

@@ -0,0 +1,6 @@
+<label class="btn btn-primary" xattr-theme="btn-primary">
+    <i class="glyphicon glyphicon-cloud-upload"></i> 
+    <input type="file" style="display:none" onchange="$(`#upload-file-info-${COMPONENTID}`).html($(this).val().split('\\')[2])">
+    <span>Upload</span>
+</label>
+<label id="upload-file-info-${COMPONENTID}"></label>

package/components/templates/fileupload.template.html

@@ -0,0 +1,10 @@
+<div class="">
+    <form action="" method="post" enctype="multipart/form-data">
+        <label class=" component-holder btn btn-default k-button" xattr-theme="btn-default">
+            <i class="glyphicon glyphicon-cloud-upload"></i>
+            <input type="file" style="display:none" onchange="$(`#upload-file-info-${COMPONENTID}`).html($(this).val().split('\\')[2])">
+            <span>Upload</span>
+        </label>
+        <span id="upload-file-info-${COMPONENTID}"></span>
+    </form>
+</div>

package/components/templates/foot-cell.template.html

@@ -0,0 +1,5 @@
+<th class="" data-container="true" rowspan="" colspan="" data-component="crn-foot-cell"> 
+    <div class="" data-component="crn-horizontal-container" data-container="true" data-replace="true">
+        Content goes here
+    </div> 
+</th>