cronapp-framework-js 1.0.4

package/components/reports/BOOLEAN.parameter.html

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)">
+    <label for="_field_">{{getDescription(report.parameters[$index])}}</label>
+    <input type="checkbox" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/components/reports/DATE.parameter.html

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)">
+    <label for="_field_">{{getDescription(report.parameters[$index])}}</label>
+    <input type="date" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value" format-date>
+</div>

package/components/reports/DOUBLE.parameter.html

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)">
+    <label for="_field_">{{getDescription(report.parameters[$index])}}</label>
+    <input type="number" min="1" step="any" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/components/reports/FLOAT.parameter.html

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)">
+    <label for="_field_">{{getDescription(report.parameters[$index])}}</label>
+    <input type="number" min="1" step="any" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/components/reports/INTEGER.parameter.html

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12" ng-show="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)">
+    <label for="_field_">{{getDescription(report.parameters[$index])}}</label>
+    <input type="number" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/components/reports/LONG.parameter.html

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)">
+    <label for="_field_">{{getDescription(report.parameters[$index])}}</label>
+    <input type="number" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/components/reports/STRING.parameter.html

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)">
+    <label for="_field_">{{getDescription(report.parameters[$index])}}</label>
+    <input type="text" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/components/reports/reports.parameters.html

@@ -0,0 +1,18 @@
+<form name="andamentosForm" role="form" novalidate show-validation> 
+  <div class="modal-header"> 
+    <h4 class="modal-title">{{report.name}}</h4> 
+  </div> 
+  <div class="modal-body"> 
+    <div class="panel-body"> 
+      <fieldset> 
+        <div ng-if="htmlParameters.length > 0" ng-repeat="item in htmlParameters"> 
+          <span compile ng-bind-html="item | trusted"></span> 
+        </div> 
+      </fieldset> 
+    </div> 
+  </div> 
+  <div class="modal-footer"> 
+    <button type="button" class="btn btn-success" data-toggle="tooltip" title="{{ 'GeneratePDF' | translate }}" ng-click="onPrint()"> <span class="glyphicon glyphicon-print"></span>&nbsp;<span>{{ 'Print' | translate }}</span> </button> 
+    <button type="button" class="btn btn-default" data-toggle="tooltip" title="{{ 'Cancel' | translate }}" ng-click="onCancel()"> <span class="glyphicon glyphicon-ok"></span>&nbsp;<span>{{ 'Cancel' | translate }}</span> </button> 
+  </div> 
+</form>

package/components/reports/reports.view.html

@@ -0,0 +1,14 @@
+<div class="modal fade" id="reportView" role="dialog">
+  <div class="modal-dialog modal-lg" style="height: 90% !important;">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h2 class="modal-title">{{reportTitle}}</h2>
+      </div>
+      <div class="modal-body">
+      </div>
+      <div class="modal-footer" style="padding: 5px">
+        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'Close' | translate }}</button>
+      </div>
+    </div>
+  </div>
+</div>

package/components/templates/Component_Container/crn-eight-four-container.template.html

@@ -0,0 +1,14 @@
+<div
+  class="col col-lg-8 col-md-8 col-sm-8 col-xs-8"
+  data-container="true"
+  data-replace="true"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="true"
+>
+  2 Column
+</div>

package/components/templates/Component_Container/crn-four-eight-container.template.html

@@ -0,0 +1,14 @@
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="true"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-8 col-md-8 col-sm-8 col-xs-8"
+  data-container="true"
+  data-replace="true"
+>
+  2 Column
+</div>

package/components/templates/Component_Container/crn-one-container.template.html

@@ -0,0 +1,7 @@
+<div
+  class="col col-lg-12 col-md-12 col-sm-12 col-xs-12"
+  data-container="true"
+  data-replace="true"
+>
+  1 Column
+</div>

package/components/templates/Component_Container/crn-three-container.template.html

@@ -0,0 +1,21 @@
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="true"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="true"
+>
+  2 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="true"
+>
+  3 Column
+</div>

package/components/templates/Component_Container/crn-three-six-three-container.template.html

@@ -0,0 +1,21 @@
+<div
+  class="col col-lg-3 col-md-3 col-sm-3 col-xs-3"
+  data-container="true"
+  data-replace="true"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="true"
+>
+  2 Column
+</div>
+<div
+  class="col col-lg-3 col-md-3 col-sm-3 col-xs-3"
+  data-container="true"
+  data-replace="true"
+>
+  3 Column
+</div>

package/components/templates/Component_Container/crn-two-container.template.html

@@ -0,0 +1,14 @@
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="true"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="true"
+>
+  2 Column
+</div>

package/components/templates/accordion.template.html

@@ -0,0 +1,44 @@
+<div class="panel-group" id="accordion-${RANDOM}" role="tablist" aria-multiselectable="true">
+    <div class="panel panel-default">
+        <div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseOne-${RANDOM}" aria-expanded="true" aria-controls="collapseOne-${RANDOM}">
+            <div class="lead text-center" data-component="crn-title" xattr-position="text-center">
+                <h1 class="text-center title component-holder h3" xattr-position="h1 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and change the component</h1>
+            </div>
+        </div>
+        <div id="collapseOne-${RANDOM}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
+            <div class="panel-body" data-container="true">
+                <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center">
+                    <h1 class="text-center title component-holder h3" xattr-position="h3 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and insert component</h1>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="panel panel-default">
+        <div class="panel-heading collapsed" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseTwo-${RANDOM}" aria-expanded="false" aria-controls="collapseTwo-${RANDOM}">
+            <div class="lead text-center" data-component="crn-title" xattr-position="text-center">
+                <h1 class="text-center title component-holder h3" xattr-position="h1 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and change the component</h1>
+            </div>
+        </div>
+        <div id="collapseTwo-${RANDOM}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
+            <div class="panel-body" data-container="true">
+                <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center">
+                    <h1 class="text-center title component-holder h3" xattr-position="h3 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and insert component</h1>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="panel panel-default">
+        <div class="panel-heading collapsed" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseThree-${RANDOM}" aria-expanded="false" aria-controls="collapseThree-${RANDOM}">
+            <div class="lead text-center" data-component="crn-title" xattr-position="text-center">
+                <h1 class="text-center title component-holder h3" xattr-position="h1 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and change the component</h1>
+            </div>
+        </div>
+        <div id="collapseThree-${RANDOM}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
+            <div class="panel-body" data-container="true">
+                <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center">
+                    <h1 class="text-center title component-holder h3" xattr-position="h3 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and insert component</h1>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

package/components/templates/anchor.template.html

@@ -0,0 +1 @@
+<a href="" class="cron-link color-default text-left col-lg-2 col-md-1 col-sm-12 col-xs-12" target="_self" data-replace="true" link-theme="color-default">Link</a>

package/components/templates/angular-ui-notification.template.html

@@ -0,0 +1,3 @@
+<div class="ui-notification">
+    <div class="message" ng-bind-html="message"></div>
+</div>

package/components/templates/banner.template.html

@@ -0,0 +1,4 @@
+<div class="jumbotron" data-component="true" data-replace="true"> 
+    <h1 data-component="crn-title" data-replace="true" class="component-holder text-center" xattr-position="text-center">Title</h1>
+    <h2 data-component="crn-subtitle" data-replace="true" class="component-holder text-center" xattr-position="text-center">Subtitle</h2>
+</div>

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

@@ -0,0 +1,3 @@
+<button type="button" class="btn btn-info" ng-click="" xattr-theme="btn-info">
+    <i class="glyphicon glyphicon-print"></i>
+</button>

package/components/templates/button.oauth2.template.html

@@ -0,0 +1 @@
+<div class="component-holder ng-binding ng-scope ui-draggable ui-draggable-handle" data-component="crn-image"><a href="#" ng-click="vm.goto('/oauth2?idp=linkedin')"><img src="img/linkedin.png" class="zoom-button"></a></div>

package/components/templates/button.template.html

@@ -0,0 +1,4 @@
+<button class="btn k-button btn-block btn-default" ng-click="" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+    <i class="glyphicon glyphicon-home" icon-theme=""></i>
+    <span class="" text-theme="">Button</span>
+</button>

package/components/templates/buttonfilter.template.html

@@ -0,0 +1,4 @@
+<button class="btn btn-default component-holder" required-filter="false" cronapp-filter 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>

package/components/templates/carousel.template.html

@@ -0,0 +1,47 @@
+<div class="carousel slide" data-ride="carousel" id="carousel-${RANDOM}">
+  <div class="carousel-inner" role="listbox">
+    <div class="item active" data-component="crn-carousel-item" id="crn-carousel-item-1">
+      <img data-component="crn-image" alt="First Slide" style="margin: 0 auto; object-fit: cover;" xattr-position=""
+        object-fit="object-fit: cover;" src="node_modules/cronapp-framework-js/img/placehold-900x500.png">
+      <div class="carousel-caption">
+        <h1 data-component="crn-title" class="text-center" title-position="text-center">First Slide</h1>
+        <h2 data-component="crn-subtitle" class="text-center" subtitle-position="text-center">Subtitle</h2>
+      </div>
+    </div>
+
+    <div class="item" data-component="crn-carousel-item" id="crn-carousel-item-2">
+      <img data-component="crn-image" alt="First Slide" style="margin: 0 auto; object-fit: cover;" xattr-position=""
+        object-fit="object-fit: cover;" src="node_modules/cronapp-framework-js/img/placehold-900x500.png">
+      <div class="carousel-caption">
+        <h1 data-component="crn-title" class="text-center" title-position="text-center">Second Slide</h1>
+        <h2 data-component="crn-subtitle" class="text-center" subtitle-position="text-center">Subtitle</h2>
+      </div>
+    </div>
+
+    <div class="item" data-component="crn-carousel-item" id="crn-carousel-item-3">
+      <img data-component="crn-image" alt="First Slide" style="margin: 0 auto; object-fit: cover;" xattr-position=""
+        object-fit="object-fit: cover;" src="node_modules/cronapp-framework-js/img/placehold-900x500.png">
+      <div class="carousel-caption">
+        <h1 data-component="crn-title" class="text-center" title-position="text-center">Third Slide</h1>
+        <h2 data-component="crn-subtitle" class="text-center" subtitle-position="text-center">Subtitle</h2>
+      </div>
+    </div>
+  </div>
+  <ol class="carousel-indicators" id="carousel-indicators">
+    <li class="active"></li>
+    <li></li>
+    <li></li>
+  </ol>
+
+  
+  <a style="width: 100px;" href="#carousel-${RANDOM}" class="left carousel-control" role="button" data-slide="prev">
+    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+    <span class="sr-only">Previous</span>
+  </a>
+  
+  
+  <a href="#carousel-${RANDOM}" class="right carousel-control" role="button" data-slide="next">
+    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+    <span class="sr-only">Next</span>
+  </a>
+</div>

package/components/templates/cell.template.html

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

package/components/templates/chart.template.html

@@ -0,0 +1,3 @@
+<div class="col-xs-12">
+    <canvas id="chart${RANDOM}" data-component="crn-chart" class="col-xs-12"></canvas>
+</div>

package/components/templates/checkbox.template.html

@@ -0,0 +1,6 @@
+<div class="form-group">
+  <label for="textinput-nome" class="" xattr-fullsize="display:block;">
+    <input type="checkbox" ng-model="vars.checkbox${RANDOM}" crn-allow-null-values="true" ng-true-value="true" ng-false-value="false">
+    <span>Value</span>
+  </label>
+</div>

package/components/templates/combobox-dynamic.template.html

@@ -0,0 +1,13 @@
+<div class="form-group">
+    <label for="">Label</label>
+    <ui-select crn-datasource=""  ng-model="datasource.active" ng-disabled="disabled" theme="bootstrap" class="crn-select" ng-required="false">
+        <ui-select-match placeholder="Select..." class="">
+            {{$select.selected}}
+        </ui-select-match>
+        <ui-select-choices repeat="rowData as rowData in datasource.data | filter : $select.search" class="" refresh="" refresh-deplay="">
+            <div class="">
+                {{rowData}}
+            </div>
+        </ui-select-choices>
+    </ui-select>
+</div>

package/components/templates/combobox.template.html

@@ -0,0 +1,13 @@
+<div class="form-group">
+    <label for="">Label</label>
+    <ui-select crn-datasource="[{'key': 1,'value':'Value 1'},{'key': 2,'value':'Value 2'},{'key': 3,'value':'Value 3'}]" ng-model="vars.combobox${RANDOM}" ng-required="false" ng-disabled="disabled" class="crn-select">
+        <ui-select-match placeholder="Select..." class="">
+            {{$select.selected.value}}
+        </ui-select-match>
+        <ui-select-choices repeat="rowData.key as rowData in datasource.data | filter: $select.search" class="">
+            <div class="">
+                {{rowData.value}}
+            </div>
+        </ui-select-choices>
+    </ui-select>
+</div>

package/components/templates/crn-carousel-item.tempate.html

@@ -0,0 +1,7 @@
+<div class="item" id="${COMPONENTID}">
+    <img data-component="crn-image" alt="First Slide" style="margin: 0 auto; object-fit: cover;" xattr-position="" object-fit="object-fit: cover;" src="node_modules/cronapp-framework-js/img/placehold-900x500.png">
+    <div class="carousel-caption">
+        <h1 data-component="crn-title" class="text-center" title-position="text-center">New Slide</h1>
+        <h2 data-component="crn-subtitle" class="text-center" subtitle-position="text-center">Subtitle</h2>
+    </div>
+</div>

package/components/templates/crn-input-password.designtime.html

@@ -0,0 +1,10 @@
+<div class="form-group crn-input-password-designtime">
+    <label for="input${RANDOM}">Label</label>
+    <div class="cardinput">
+        <input class="form-control k-textbox" id="input${RANDOM}" placeholder="Placeholder text">
+
+        <button class="btn-light">
+            <i class='fa fa-eye'></i>
+        </button>
+    </div>
+</div>

package/components/templates/crn-input-password.template.html

@@ -0,0 +1,13 @@
+<div class="form-group">
+    <label for="input${RANDOM}">Label</label>
+    <div class="cardinput">
+        <input ng-attr-type="{{ checkPassword ? 'text' : 'password' }}" ng-required="false"
+            ng-model="vars.input${RANDOM}" class="form-control k-textbox" id="input${RANDOM}"
+            placeholder="Placeholder text">
+
+        <button class="btn-light" ng-click="checkPassword=!checkPassword">
+            <i ng-if="!checkPassword " class='fa fa-eye'></i>
+            <i ng-if="checkPassword" class='fa fa-eye-slash'></i>
+        </button>
+    </div>
+</div>

package/components/templates/crn-list-item.template.html

@@ -0,0 +1 @@
+<li data-component="crn-list-item" data-replace="true">Item</li>

package/components/templates/crn-ordered-list.template.html

@@ -0,0 +1,5 @@
+<ol class="list" type="1">
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+</ol>

package/components/templates/crn-ordered-sub-list.template.html

@@ -0,0 +1,5 @@
+<ol class="sub-list" type="1">
+    <li data-component="crn-list-item" data-replace="true">Item</li>
+    <li data-component="crn-list-item" data-replace="true">Item</li>
+    <li data-component="crn-list-item" data-replace="true">Item</li>
+  </ol>

package/components/templates/crn-signature-pad.designtime.html

@@ -0,0 +1,5 @@
+<div class="crn-signature-pad" style="background-color: rgb(241, 238, 238); height: 100%; min-height: 200px;">
+  <div class="component-holder ng-scope  col-md-2" style="bottom: 0; position: absolute;" data-component="crn-button"> 
+    <button class="btn k-button btn-warning" ng-click="" xattr-fullsize="" xattr-theme="btn-warning" xattr-disabled=""><i class="glyphicon glyphicon-erase" icon-theme=""></i> <span class="" text-theme="">{{'clear'|translate}}</span></button> 
+  </div>
+</div>

package/components/templates/crn-signature-pad.template.html

@@ -0,0 +1 @@
+<signature-pad dataurl="storedSignature" ng-model="vars.input${RANDOM}" ng-click=""  clear="clear" class="col-md-12" height="250px"></signature-pad>

package/components/templates/crn-unordered-list.template.html

@@ -0,0 +1,5 @@
+<ul class="list" list-type="list-style-type:disc;" style="list-style-type:disc;">
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+</ul>

package/components/templates/crn-unordered-sub-list.template.html

@@ -0,0 +1,6 @@
+<div>
+<ul class="sub-list" list-type="list-style-type:disc;" style="list-style-type:disc;">
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+  <li data-component="crn-list-item" data-replace="true">Item</li>
+</ul></div>

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

@@ -0,0 +1,4 @@
+<div><span tabindex="-1" role="presentation" class="k-widget k-autocomplete cronAutoComplete k-autocomplete-clearable k-state-default" style="width: 100%;">
+    <input style="" id="cron-crn-enterprise-autocomplete-169514" required="" class="cronAutoComplete k-input" placeholder="Select an item" type="text" autocomplete="off">
+    <span unselectable="on" class="k-icon k-clear-value k-i-close" title="clear" role="button" tabindex="-1"></span>
+</span></div>

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

@@ -0,0 +1,8 @@
+<div class="form-group">
+    <label for="cron-${COMPONENTID}">Label</label>
+    <cron-auto-complete
+        options="{&quot;headerTemplate&quot;:&quot;&quot;,&quot;template&quot;:&quot;&quot;,&quot;footerTemplate&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Selecione um Item&quot;,&quot;filter&quot;:&quot;contains&quot;,&quot;dataTextField&quot;:null,&quot;dataValueField&quot;:null,&quot;optionLabel&quot;:null,&quot;dynamic&quot;:false,&quot;valuePrimitive&quot;:true,&quot;valueTemplate&quot;:null,&quot;dropDownList&quot;:null,&quot;staticDataSource&quot;:[{&quot;key&quot;:&quot;VALOR 1&quot;,&quot;value&quot;:&quot;VALOR 1&quot;},{&quot;key&quot;:&quot;VALOR 2&quot;,&quot;value&quot;:&quot;VALOR 2&quot;},{&quot;key&quot;:&quot;VALOR 3&quot;,&quot;value&quot;:&quot;VALOR 3&quot;}]}"
+        ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.autocomplete${RANDOM}"
+        class="crn-select form-control" style="">
+    </cron-auto-complete>
+</div>

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

@@ -0,0 +1 @@
+<cron-barcode options="" ng-model="vars.barcode${RANDOM}" class="form-control" id="barcode${RANDOM}" ng-required="false" style=""></cron-barcode>

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

@@ -0,0 +1,11 @@
+<div id="cron-breadcrumbs" >
+    <ol class="k-breadcrumb-container">
+        <li class="k-breadcrumb-item  k-breadcrumb-root-item ">
+            <a class=" k-breadcrumb-root-link  k-breadcrumb-icontext-link" title="Home">Home</a>
+            <span class="k-breadcrumb-delimiter-icon k-icon k-i-arrow-chevron-right" aria-hidden="true"></span>
+        </li>
+        <li class="k-breadcrumb-item  k-breadcrumb-last-item">
+            <a class="k-breadcrumb-link k-state-disabled" title="user">User</a>
+        </li>
+    </ol>
+</div>

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

@@ -0,0 +1,5 @@
+<div>
+    <cron-breadcrumbs id="cron-breadcrumbs" id-menu="crn-dynamic-menu-home" crn-delimiter-icon="arrow-chevron-right" class="idMenu" type-menu="idMenu">
+        <nav id="navbreadcrumb"></nav>
+    </cron-breadcrumbs>
+</div>

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

@@ -0,0 +1,77 @@
+<div class="component-holder ng-scope" data-component="crn-cron-calendar">
+    <cron-calendar-design class="ng-pristine ng-untouched ng-valid k-widget k-calendar ng-empty" data-role="calendar">
+        <div class="k-header"><a href="#" role="button" class="k-link k-nav-prev" aria-label="Previous" aria-disabled="false"><span class="k-icon k-i-arrow-60-left"></span></a><a href="#" role="button" aria-live="assertive" aria-atomic="true" class="k-link k-nav-fast" aria-disabled="false">August 2022</a><a href="#" role="button" class="k-link k-nav-next" aria-label="Next" aria-disabled="false"><span class="k-icon k-i-arrow-60-right"></span></a></div>
+        <div class="k-calendar-view">
+            <table tabindex="0" role="grid" class="k-content k-month" cellspacing="0" data-start="2022/6/31">
+                <thead>
+                    <tr role="row">
+                        <th scope="col" title="Sunday">Su</th>
+                        <th scope="col" title="Monday">Mo</th>
+                        <th scope="col" title="Tuesday">Tu</th>
+                        <th scope="col" title="Wednesday">We</th>
+                        <th scope="col" title="Thursday">Th</th>
+                        <th scope="col" title="Friday">Fr</th>
+                        <th scope="col" title="Saturday">Sa</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr role="row">
+                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/6/31" title="Sunday, July 31, 2022">31</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/1" title="Monday, August 01, 2022">1</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/2" title="Tuesday, August 02, 2022">2</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/3" title="Wednesday, August 03, 2022">3</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/4" title="Thursday, August 04, 2022">4</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/5" title="Friday, August 05, 2022">5</a></td>
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/6" title="Saturday, August 06, 2022">6</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/7" title="Sunday, August 07, 2022">7</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/8" title="Monday, August 08, 2022">8</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/9" title="Tuesday, August 09, 2022">9</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/10" title="Wednesday, August 10, 2022">10</a></td>
+                        <td class="k-today k-state-selected" role="gridcell" aria-selected="true"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/11" title="Thursday, August 11, 2022">11</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/12" title="Friday, August 12, 2022">12</a></td>
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/13" title="Saturday, August 13, 2022">13</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/14" title="Sunday, August 14, 2022">14</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/15" title="Monday, August 15, 2022">15</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/16" title="Tuesday, August 16, 2022">16</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/17" title="Wednesday, August 17, 2022">17</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/18" title="Thursday, August 18, 2022">18</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/19" title="Friday, August 19, 2022">19</a></td>
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/20" title="Saturday, August 20, 2022">20</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/21" title="Sunday, August 21, 2022">21</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/22" title="Monday, August 22, 2022">22</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/23" title="Tuesday, August 23, 2022">23</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/24" title="Wednesday, August 24, 2022">24</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/25" title="Thursday, August 25, 2022">25</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/26" title="Friday, August 26, 2022">26</a></td>
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/27" title="Saturday, August 27, 2022">27</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/28" title="Sunday, August 28, 2022">28</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/29" title="Monday, August 29, 2022">29</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/30" title="Tuesday, August 30, 2022">30</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/31" title="Wednesday, August 31, 2022">31</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/1" title="Thursday, September 01, 2022">1</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/2" title="Friday, September 02, 2022">2</a></td>
+                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/3" title="Saturday, September 03, 2022">3</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/4" title="Sunday, September 04, 2022">4</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/5" title="Monday, September 05, 2022">5</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/6" title="Tuesday, September 06, 2022">6</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/7" title="Wednesday, September 07, 2022">7</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/8" title="Thursday, September 08, 2022">8</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/9" title="Friday, September 09, 2022">9</a></td>
+                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/10" title="Saturday, September 10, 2022">10</a></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="k-footer"><a href="#" class="k-link k-nav-today" title="Thursday, August 11, 2022">Thursday, August 11, 2022</a></div>
+    </cron-calendar-design>
+</div>

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

@@ -0,0 +1 @@
+<cron-calendar ng-model="vars.cronCalendar${RANDOM}" options=""></cron-calendar>

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

@@ -0,0 +1,7 @@
+<img src="node_modules/cronapp-framework-js/img/recaptcha-logo.svg" style="
+    height: 80px;
+    width: 80px;
+    margin: auto;
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;">

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

@@ -0,0 +1,4 @@
+<div>
+    <div id="loginRecaptcha" class="g-recaptcha" data-sitekey="" data-size="normal" data-theme="light"></div>
+    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit" async="" defer=""></script>
+</div>

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

@@ -0,0 +1 @@
+<div class="designtime-chat-button"></div>

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

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