cronapp-framework-js 2.8.31 → 2.9.0

package/components/templates/fileupload.template.html

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

package/components/templates/form.template.html

@@ -1,31 +1,46 @@
 <section class="form">
   <form crn-datasource="" data-component="crn-form">
     <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
-      <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button"
-        data-component="crn-button" ng-click="datasource.startInserting()"><span
-          class="k-icon k-i-plus"></span></button>
-      <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button"
-        data-component="crn-button" ng-click="datasource.startEditing()"><span class="k-icon k-i-edit"></span></button>
-      <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button"
-        ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()"><span
-          class="k-icon k-i-arrow-chevron-left"></span></button>
-      <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button"
-        ng-disabled="!datasource.hasNext()" ng-click="datasource.next()"><span
-          class="k-icon k-i-arrow-chevron-right"></span></button>
-      <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button" data-component="crn-button"
-        ng-click="datasource.remove()"><span class="k-icon k-i-close"></span></button>
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startInserting">
+        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startInserting()" aria-label="{{'StartInserting' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+          <i class="glyphicon glyphicon-plus color-white" icon-theme="color-white"></i>
+        </button>
+      </div>
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startEditing">
+        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startEditing()" aria-label="{{'startEditing' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+          <i class="glyphicon glyphicon-pencil color-white" icon-theme="color-white"></i>
+        </button>
+      </div>
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-previous">
+        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.previous()" ng-disabled="!datasource.hasPrevious()" aria-label="{{'Before' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+          <i class="glyphicon glyphicon-chevron-left color-white" icon-theme="color-white"></i>
+        </button>
+      </div>
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-next">
+        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.next()" ng-disabled="!datasource.hasNext()" aria-label="{{'Next' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+          <i class="glyphicon glyphicon-chevron-right color-white" icon-theme="color-white"></i>
+        </button>
+      </div>
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-remove">
+        <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.remove()" aria-label="{{'Remove' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
+          <i class="glyphicon glyphicon-remove color-white" icon-theme="color-white"></i>
+        </button>
+      </div>
     </div>
     <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
-      <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button"
-        id="btn_crud_post_${RANDOM}" data-component="crn-button" ng-click="datasource.post()"><span
-          class="k-icon k-i-check"></span></button>
-      <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button"
-        id="btn_crud_cancel_${RANDOM}" data-component="crn-button" ng-click="datasource.cancel()"><span
-          class="k-icon k-i-cancel"></span></button>
+      <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_post_${RANDOM}">
+        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.post()" aria-label="{{'SaveChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+          <i class="glyphicon glyphicon-ok color-white" icon-theme="color-white"></i>
+        </button>
+      </div>
+      <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_cancel_${RANDOM}">
+        <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.cancel()" aria-label="{{'CancelChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
+          <i class="glyphicon  glyphicon-ban-circle color-white" icon-theme="color-white"></i>
+        </button>
+      </div>
     </div>
     <br>
-    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
-      id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
       <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
         Arraste os campos do formulário aqui</div>
     </div>

package/components/templates/icon.template.html

@@ -1 +1 @@
-<div><i class="fa fa-star" icon-size="" icon-theme=""></i></div>
+<i class="fa fa-star font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>

package/components/templates/image-menu.template.html

@@ -1 +1 @@
-<img class="user-avatar" alt="Icon user" src="{{session.user.picture || 'node_modules/cronapp-framework-js/dist/img/img-user.svg'}}" style="max-height:22px;max-width:22px" data-component="crn-image-menu" id="crn-image-menu-${RANDOM}">
+<img class="user-avatar" alt="Icon user" src="{{session.user.picture || 'node_modules/cronapp-framework-js/dist/img/img-user.svg'}}" style="max-height:22px;max-width:22px" data-component="crn-image-menu" id="crn-image-menu-${RANDOM}">

package/components/templates/navbar.template.html

@@ -7,10 +7,10 @@
     <div id="navbar" class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav" style="float:none">
         <div class="component-holder ng-scope col-md-10" data-component="crn-dynamic-menu" id="crn-dynamic-menu">
-          <cron-dynamic-menu options="{&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;1iut7rlrhfnzs&quot;,&quot;name&quot;:&quot;Home&quot;,&quot;title&quot;:&quot;{{\&quot;Home.view.Home\&quot; | translate}}&quot;,&quot;action&quot;:&quot;cronapi.screen.changeView('#/public/home', [])&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]}" data-component="crn-dynamic-menu" class="component-holder" id="crn-dynamic-menu-226965"> Dynamic Menu
-          </cron-dynamic-menu>
+          <cron-dynamic-menu options="{&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;qxfhylqx9sh1&quot;,&quot;name&quot;:&quot;Menu 1&quot;,&quot;title&quot;:&quot;Menu 1&quot;,&quot;level&quot;:1,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;qe1juldmy0kk&quot;,&quot;name&quot;:&quot;Menu A&quot;,&quot;title&quot;:&quot;Menu A&quot;,&quot;level&quot;:2,&quot;menuItems&quot;:[]}]},{&quot;id&quot;:&quot;1jenqtqrij8mb&quot;,&quot;name&quot;:&quot;Menu 2&quot;,&quot;title&quot;:&quot;Menu 2&quot;,&quot;level&quot;:1,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;urgv85ip8603&quot;,&quot;name&quot;:&quot;Menu B&quot;,&quot;title&quot;:&quot;Menu B&quot;,&quot;level&quot;:2,&quot;menuItems&quot;:[]}]}]}" data-component="crn-dynamic-menu" class="component-holder" id="crn-dynamic-menu-226965">          Dynamic Menu
+        </cron-dynamic-menu>
         </div>
       </ul>
     </div>
   </div>
-</nav>
+</nav>

package/components/templates/rating.template.html

@@ -1,9 +1,7 @@
-<div>
-    <cronapp-rating ng-model="vars.evaluation${RANDOM}" icon-off="fa fa-star-o" xattr-default-value="">
-        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-    </cronapp-rating>
-</div>
+<cronapp-rating ng-model="vars.evaluation${RANDOM}" icon-off="fa fa-star-o" xattr-default-value="">
+    <i icon-theme="color-theme" icon-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+    <i icon-theme="color-theme" icon-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+    <i icon-theme="color-theme" icon-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+    <i icon-theme="color-theme" icon-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+    <i icon-theme="color-theme" icon-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+</cronapp-rating>

package/components/templates/social-button-bar.template.html

@@ -1,12 +1,11 @@
-<div class="component-holder ng-binding ng-scope col-xs-12 col-md-12" data-component="crn-social-login"
-  id="crn-social-login${RANDOM}">
+<div class="component-holder ng-binding ng-scope col-xs-12 col-md-12" data-component="crn-social-login" id="crn-social-login${RANDOM}">
   <ul class="list-inline center-block text-center">
     <li data-container="true">
       <form action="/signin/facebook" method="POST" id="facebook">
         <input type="hidden" name="scope" value="email,public_profile">
         <a title="Facebook" role="button" onclick="document.getElementById('facebook').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-facebook" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-facebook font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>
@@ -15,8 +14,8 @@
       <form action="/signin/github" method="POST" id="github">
         <input type="hidden" name="scope" value="email,public_profile">
         <a title="GitHub" role="button" onclick="document.getElementById('github').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-github-alt" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-github-alt font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>
@@ -25,8 +24,8 @@
       <form action="/signin/linkedin" method="POST" id="linkedin">
         <input type="hidden" name="scope" value="r_emailaddress">
         <a title="LinkedIn" role="button" onclick="document.getElementById('linkedin').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-linkedin-square" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-linkedin-square font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>
@@ -35,8 +34,8 @@
       <form action="/signin/google" method="POST" id="google">
         <input type="hidden" name="scope" value="email">
         <a title="Google" role="button" onclick="document.getElementById('google').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-google" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-google font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>
@@ -45,8 +44,8 @@
       <form action="/signin/cronapp" method="POST" id="cronapp">
         <input type="hidden" name="scope" value="email">
         <a title="CronApp" role="button" onclick="document.getElementById('cronapp').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-cloud" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-cloud font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>

package/components/templates/sub-form.template.html

@@ -1,21 +1,48 @@
 <section class="form">
     <div crn-datasource="" data-component="crn-sub-form">
         <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
-            <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startInserting()"><span class="k-icon k-i-plus"></span></button>
-            <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startEditing()"><span class="k-icon k-i-edit"></span></button>
-            <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()"><span class="k-icon k-i-arrow-chevron-left"></span></button>
-            <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()"><span class="k-icon k-i-arrow-chevron-right"></span></button>
-            <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button" data-component="crn-button" ng-click="datasource.remove()"><span class="k-icon k-i-close"></span></button>
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startInserting">
+                <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startInserting()" aria-label="{{'StartInserting' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+                    <i class="glyphicon glyphicon-plus color-white" icon-theme="color-white"></i>
+                </button>
+            </div>
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startEditing">
+                <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startEditing()" aria-label="{{'startEditing' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+                    <i class="glyphicon glyphicon-pencil color-white" icon-theme="color-white"></i>
+                </button>
+            </div>
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-previous">
+                <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.previous()" ng-disabled="!datasource.hasPrevious()" aria-label="{{'Before' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+                    <i class="glyphicon glyphicon-chevron-left color-white" icon-theme="color-white"></i>
+                </button>
+            </div>
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-next">
+                <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.next()" ng-disabled="!datasource.hasNext()" aria-label="{{'Next' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+                    <i class="glyphicon glyphicon-chevron-right color-white" icon-theme="color-white"></i>
+                </button>
+            </div>
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-remove">
+                <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.remove()" aria-label="{{'Remove' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
+                    <i class="glyphicon glyphicon-remove color-white" icon-theme="color-white"></i>
+                </button>
+            </div>
         </div>
         <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
-            <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button" id="btn_crud_post41107" data-component="crn-button" ng-click="datasource.post()"><span class="k-icon k-i-check"></span></button>
-            <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button" id="btn_crud_cancel41107" data-component="crn-button" ng-click="datasource.cancel()"><span class="k-icon k-i-cancel"></span></button>
+            <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_post_${RANDOM}">
+                <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.post()" aria-label="{{'SaveChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
+                    <i class="glyphicon glyphicon-ok color-white" icon-theme="color-white"></i>
+                </button>
+            </div>
+            <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_cancel_${RANDOM}">
+                <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.cancel()" aria-label="{{'CancelChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
+                    <i class="glyphicon  glyphicon-ban-circle color-white" icon-theme="color-white"></i>
+                </button>
+            </div>
         </div>
         <br>
-        <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
-        id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
-        <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
-            Arraste os campos do formulário aqui</div>
+        <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+            <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
+                Arraste os campos do formulário aqui</div>
         </div>
     </div>
 </section>

package/components/templates/timeline.designtime.html

@@ -0,0 +1,65 @@
+<ul class="timeline timeline-designtime">
+    <timeline-event side="" class="ng-scope">
+        <li class="timeline-event">
+            <timeline-badge class="info bounce-in">
+                <div class="timeline-badge">
+                    <i class="glyphicon glyphicon-check"></i>
+                </div>
+            </timeline-badge>
+            <timeline-panel class="info bounce-in">
+                <div class="timeline-panel">
+                    <timeline-heading class="ng-scope">
+                        <div class="timeline-heading">
+                            <h4 class="ng-binding ng-scope">Evento 1...</h4>
+                            <p ng-if="event.when" class="ng-scope">
+                                <small class="text-muted ng-binding"><i class="glyphicon glyphicon-time"></i>11h atrás via Twitter</small>
+                            </p>
+                        </div>
+                    </timeline-heading>
+                </div>
+            </timeline-panel>
+        </li>
+    </timeline-event>
+    <timeline-event side="" class="ng-scope">
+        <li class="timeline-event timeline-inverted">
+            <timeline-badge class="warning bounce-in">
+                <div class="timeline-badge">
+                    <i class="glyphicon glyphicon-calendar"></i>
+                </div>
+            </timeline-badge>
+            <timeline-panel class="info bounce-in">
+                <div class="timeline-panel">
+                    <timeline-heading class="ng-scope">
+                        <div class="timeline-heading">
+                            <h4 class="ng-binding ng-scope">Evento 2...</h4>
+                            <p ng-if="event.when" class="ng-scope">
+                                <small class="text-muted ng-binding"><i class="glyphicon glyphicon-time"></i>13h atrás via Instagram</small>
+                            </p>
+                        </div>
+                    </timeline-heading>
+                </div>
+            </timeline-panel>
+        </li>
+    </timeline-event>
+    <timeline-event side="" class="ng-scope">
+        <li class="timeline-event">
+            <timeline-badge class="info bounce-in">
+                <div class="timeline-badge">
+                    <i class="glyphicon glyphicon-check"></i>
+                </div>
+            </timeline-badge>
+            <timeline-panel class="info bounce-in">
+                <div class="timeline-panel">
+                    <timeline-heading class="ng-scope">
+                        <div class="timeline-heading">
+                            <h4 class="ng-binding ng-scope">Evento 3...</h4>
+                            <p ng-if="event.when" class="ng-scope">
+                                <small class="text-muted ng-binding"><i class="glyphicon glyphicon-time"></i>16h atrás via Instagram</small>
+                            </p>
+                        </div>
+                    </timeline-heading>
+                </div>
+            </timeline-panel>
+        </li>
+    </timeline-event>
+</ul>

package/components/templates/timeline.template.html

@@ -0,0 +1,3 @@
+<div class="component-holder ng-scope crn-timeline-container" data-component="crn-timeline"> 
+    <cron-timeline options="" ng-model="vars.crontimeline${RANDOM}" xattr-text-position="text-left"></cron-timeline >
+</div>