cronapp-framework-mobile-js 2.9.1 → 2.9.2-SP.10

package/components/crn-list-swipe.components.json

@@ -75,7 +75,7 @@
     "canIncrement": true,
     "rules": [
       {
-        "sourceHTML": "<ion-item class=\"item\" id=\"crn-list-item-swipe-${RANDOM}\" data-component=\"crn-item-swipe\"><h2 style=\"display: inline;\">Item</h2><div id=\"crn-item-options${RANDOM}\" class=\"component-holder\" data-component=\"crn-item-options\"><div class=\"crn-item-options\" data-item=\"true\"><ion-option-button id=\"crn-button-${RANDOM}\" data-component=\"crn-button\" class=\"button-default button\"><i class=\"ion ion-edit\"></i><span>Edit</span></ion-option-button><ion-option-button id=\"crn-option-button-${RANDOM}-2\" data-component=\"crn-button\" class=\"button-assertive button\"><i class=\"ion ion-trash-a\"></i><span>Delete</span></ion-option-button></div></div></ion-item>",
+        "sourceHTML": "<ion-item class=\"item\" id=\"crn-list-item-swipe-${RANDOM}\" data-component=\"crn-item-swipe\"><h2 style=\"display: inline;\">Item</h2><div id=\"crn-item-options${RANDOM}\" class=\"component-holder\" data-component=\"crn-item-options\"><div class=\"crn-item-options\" data-item=\"true\"><ion-option-button id=\"crn-button-${RANDOM}\" data-component=\"crn-button\" class=\"button-default button\"><i class=\"ion ion-edit\"></i><span>Action 1</span></ion-option-button><ion-option-button id=\"crn-option-button-${RANDOM}-2\" data-component=\"crn-button\" class=\"button-assertive button\"><i class=\"ion ion-trash-a\"></i><span>Action 2</span></ion-option-button></div></div></ion-item>",
         "targetSelector": ".to-repeat"
       }
     ]

package/components/crn-signature-pad.components.json

@@ -9,11 +9,11 @@
   "description": "Painel de assinatura",
   "description_en_US": "Signature Pad",
   "category": [
-      "INPUTS"
+    "INPUTS"
   ],
   "designTimeSelector": "signature-pad",
   "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/crn-signature-pad.template.html",
-  "designTimeDynamic": false,
+  "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/crn-signature-pad.designtime.html",
   "properties": {
     "class": {
@@ -24,7 +24,6 @@
     }
   },
   "childrenProperties": [
-   
     {
       "name": "ng-model",
       "selector": "signature-pad",

package/components/crn-toggle.components.json

@@ -93,61 +93,71 @@
           "key": "toggle-default",
           "value_pt_BR": "Padrão do tema",
           "value_en_US": "Default theme",
-          "color": "--toggleDefault"
+          "color": "--toggleDefault",
+          "borderColor": "--borderToggleDefault"
         },
         {
           "key": "toggle-positive",
           "value_pt_BR": "Secundário",
           "value_en_US": "Secondary",
-          "color": "--togglePrimary"
+          "color": "--togglePrimary",
+          "borderColor": "--borderTogglePrimary"
         },
         {
           "key": "toggle-balanced",
           "value_pt_BR": "Sucesso",
           "value_en_US": "Success",
-          "color": "--toggleSuccess"
+          "color": "--toggleSuccess",
+          "borderColor": "--borderToggleSuccess"
         },
         {
           "key": "toggle-calm",
           "value_pt_BR": "Informação",
           "value_en_US": "Info",
-          "color": "--toggleCalm"
+          "color": "--toggleCalm",
+          "borderColor": "--borderToggleCalm"
         },
         {
           "key": "toggle-energized",
           "value_pt_BR": "Aviso",
           "value_en_US": "Warning",
-          "color": "--toggleWarning"
+          "color": "--toggleWarning",
+          "borderColor": "--borderToggleWarning"
         },
         {
           "key": "toggle-assertive",
           "value_pt_BR": "Perigo",
           "value_en_US": "Danger",
-          "color": "--toggleDanger"
+          "color": "--toggleDanger",
+          "borderColor": "--borderToggleDanger"
         },
         {
           "key": "toggle-light",
           "value_pt_BR": "Claro",
           "value_en_US": "Light",
-          "color": "--toggleLight"
+          "color": "--toggleLight",
+          "borderColor": "--borderToggleLight"
         },
         {
           "key": "toggle-stable",
           "value_pt_BR": "Estável",
           "value_en_US": "Stable",
-          "color": "--toggleStable"
+          "color": "--toggleStable",
+          "borderColor": "--borderToggleStable"
         },
         {
           "key": "toggle-royal",
           "value_pt_BR": "Real",
           "value_en_US": "Royal",
-          "color": "--toggleRoyal"
+          "color": "--toggleRoyal",
+          "borderColor": "--borderToggleRoyal"
         },
         {
           "key": "toggle-dark",
           "value_pt_BR": "Escuro",
           "value_en_US": "Dark",
-          "color": "--toggleDark"
+          "color": "--toggleDark",
+          "borderColor": "--borderToggleDark"
         },
         {
           "key": "toggle-white",

package/components/css/crn-ion-segment.css

@@ -156,7 +156,7 @@ div.crn-ion-segment-light .icon-theme-light-default li.active a,
 }
 
 div.crn-ion-segment-light .icon-theme-light-assertive li a {
-    color: var(--textColorDanger40, #ef473a);
+    color: var(--colorDanger40, #ef473a);
     opacity: 0.64;
 }
 
@@ -201,7 +201,6 @@ div.crn-ion-segment-light .icon-theme-light-energized li.active a,
 }
 
 div.crn-ion-segment-light .icon-theme-light-light li a {
-    color: var(--colorLight40, #ffffff);
     opacity: 0.64;
 }
 
@@ -216,7 +215,6 @@ div.crn-ion-segment-light .icon-theme-light-light li.active a,
 }
 
 div.crn-ion-segment-light .icon-theme-light-stable li a {
-    color: var(--colorStable40, #f8f8f8);
     opacity: 0.64;
 }
 
@@ -942,12 +940,8 @@ div.crn-ion-segment-light .icon-theme-light-energized li.active {
     border-color: var(--colorWarning40, #ffc900);
 }
 
-div.crn-ion-segment-light .icon-theme-light-light li.active {
-    border-color: var(--colorLight40, #ffffff);
-}
-
-div.crn-ion-segment-light .icon-theme-light-stable li.active {
-    border-color: var(--colorStable40, #f8f8f8);
+div.crn-ion-segment-light .icon-theme-light-default li.active {
+    border-color: var(--colorDefault40, #ffc900);
 }
 
 div.crn-ion-segment-light .icon-theme-light-calm li.active {

package/components/templates/item.avatar.template.html

@@ -1,5 +1,5 @@
 <a class="item item-avatar-left text-left" xattr-image-position="item-avatar-left" xattr-text-position="text-left">
   <img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
-  <h2 class="dark" xattr-theme="dark">Item Title</h2>
+  <h2 class="default" xattr-theme="default">Item Title</h2>
   <h3 class="dark" xattr-theme="dark">Item Subtitle</h3>
 </a>

package/components/templates/item.swipe.template.html

@@ -3,11 +3,11 @@
     <h2 class="titleItem">Item</h2>
     <div id="crn-item-options${RANDOM}" class="component-holder" data-component="crn-item-options">
       <div class="crn-item-options" data-item="true">
-        <ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-positive button editButton">
-          <i class="ion ion-edit"></i><span>Edit</span>
+        <ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-default button editButton">
+          <i class="ion ion-edit"></i><span>Action 1</span>
         </ion-option-button>
         <ion-option-button id="crn-option-button${RANDOM}-2" data-component="crn-button"
-          class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Delete</span></ion-option-button>
+          class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Action 2</span></ion-option-button>
       </div>
     </div>
   </ion-item>

package/components/templates/item.thumbnail.template.html

@@ -1,5 +1,5 @@
 <a class="item item-thumbnail-left text-left" xattr-image-position="item-thumbnail-left" href="" xattr-text-position="text-left">
     <img alt="Thumbnail" src="https://picsum.photos/id/875/100/100"  class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
-    <h2 class="dark" xattr-theme="dark">Item Title</h2>
+    <h2 class="default" xattr-theme="default">Item Title</h2>
     <h3 class="dark" xattr-theme="dark">Item Subtitle</h3>
 </a>

package/components/templates/list.avatar.template.html

@@ -1,7 +1,7 @@
 <div class="" crn-datasource="" ng-repeat="rowData in datasource.data" id="crn-list-avatar${RANDOM}">
 	<a class="item item-avatar-left text-left" xattr-position="item-avatar-left" xattr-text-position="text-left" data-component="crn-list-item-avatar" id="crn-list-item-avatar-${RANDOM}">
     <img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
-    <h2 class="dark" xattr-theme="dark">List Title</h2>
+    <h2 class="default" xattr-theme="default">List Title</h2>
     <h3 class="dark" xattr-theme="dark">List Subtitle</h3>
 	</a>
 </div>

package/components/templates/list.swipe.template.html

@@ -4,11 +4,11 @@
       <h2 style="display: inline;">Item</h2>
       <div id="crn-item-options${RANDOM}" class="component-holder" data-component="crn-item-options">
         <div class="crn-item-options" data-item="true">
-          <ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-positive button editButton">
-            <i class="ion ion-edit"></i><span>Edit</span>
+          <ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-default button editButton">
+            <i class="ion ion-edit"></i><span>Action 1</span>
           </ion-option-button>
           <ion-option-button id="crn-option-button${RANDOM}-2" data-component="crn-button"
-            class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Delete</span></ion-option-button>
+            class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Action 2</span></ion-option-button>
         </div>
       </div>
     </ion-item>

package/components/templates/list.thumbnail.template.html

@@ -1,7 +1,7 @@
 <div crn-datasource="" ng-repeat="rowData in datasource.data" id="crn-list-avatar${RANDOM}">
-    <a data-component="crn-list-item-thumbnail" class="item item-thumbnail-left text-left" xattr-position="item-thumbnail-left" href="" xattr-text-position="text-left">
+    <a data-component="crn-list-item-thumbnail" class="item item-thumbnail-left text-left" xattr-position="item-thumbnail-left" xattr-text-position="text-left">
         <img alt="Thumbnail" src="https://picsum.photos/id/875/100/100" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
-        <h2 class="dark" xattr-theme="dark">List Title</h2>
+        <h2 class="default" xattr-theme="default">List Title</h2>
         <h3 class="dark" xattr-theme="dark">List Subtitle</h3>
     </a>
-</div>
+</div>

package/components/templates/public.menu.template.html

@@ -0,0 +1,21 @@
+<ion-side-menus ng-if="!isOldMenu">
+  <ion-side-menu-content drag-content="false">
+      <ion-nav-bar class="bar-stable" ng-show="isOldMenu">
+          <ion-nav-back-button></ion-nav-back-button>
+          <ion-nav-buttons side="left">
+              <button aria-labelledby="menu_template_left_navicon_sr" class="button button-clear" menu-toggle="left" data-component="crn-button" xattr-type="button-clear">
+                  <i class="icon ion-navicon"></i>
+                  <span id="menu_template_left_navicon_sr" class="sr-only">{{'Accessibility.Button.Aria.Label.NavIcon' | translate}}</span>
+              </button>
+          </ion-nav-buttons>
+      </ion-nav-bar>
+      <ion-nav-view name="menuContent"></ion-nav-view>
+  </ion-side-menu-content>
+  <ion-side-menu side="left">
+      <div ng-include src="'views/public/menu.view.html'"></div>
+  </ion-side-menu>
+  <ion-side-menu side="right">
+      <div ng-include src="'views/public/menu.view.html'"></div>
+  </ion-side-menu>
+</ion-side-menus>
+<div ng-include src="'views/public/menu.view.html'" ng-if="isOldMenu"></div>

package/css/app_2.9.css

@@ -10,7 +10,7 @@
     --safe-area-inset-top: env(safe-area-inset-top);
     --safe-area-inset-right: env(safe-area-inset-right);
     --safe-area-inset-bottom: env(safe-area-inset-bottom);
-    --safe-area-inset-left: env(safe-area-inset-left);  
+    --safe-area-inset-left: env(safe-area-inset-left);
 }
 
 .platform-ios.platform-cordova:not(.fullscreen) .has-header,
@@ -382,7 +382,7 @@ textarea.ng-invalid-minlength {
     margin-bottom: 0;
 }
 
-textarea.item{
+textarea.item {
     white-space: break-spaces;
 }
 
@@ -394,4 +394,17 @@ textarea.item{
 
 .modal .item {
     border-width: 1px;
+}
+
+.login-social .button-bar button {
+    background: transparent;
+    border: none;
+}
+
+.login-social .button-bar button i {
+    font-size: var(--textBigSize, 24px);
+}
+
+.login-social .button-bar button span {
+    display: none;
 }

package/css/themes/custom/aquamarine/bar-aquamarine.css

@@ -19,7 +19,7 @@
 .bar.bar-positive.bar-footer,
 .bar.bar-positive {
     border-color: var(--colorPrimary40, #3b448e);
-    background: linear-gradient(90deg, var(--colorPrimary40, #2ca4a8) 40%, var(--colorPrimary30, #81bdc0) 100%);
+    background: linear-gradient(90deg, var(--colorPrimary40, #2c72a8) 40%, var(--colorPrimary30, #819fc0) 100%);
     color: var(--textColorPrimary40, #ffffff);
 }
 
@@ -45,7 +45,7 @@
 .bar.bar-stable.bar-footer,
 .bar.bar-stable {
     border-color: var(--colorStable40, #f8f8f8);
-    background: var(--colorStable40, #f8f8f8);
+    background: linear-gradient(90deg, var(--colorStable40, #a82c2c) 40%, var(--colorStable30, #c08181) 100%);
     color: var(--textColorStable40, #444444);
 }
 
@@ -71,7 +71,7 @@
 .bar.bar-assertive.bar-footer,
 .bar.bar-assertive {
     border-color: var(--colorDanger40, #ef473a);
-    background: var(--colorDanger40, #ef473a);
+    background: linear-gradient(90deg, var(--colorDanger40, #a82c2c) 40%, var(--colorDanger30, #c08181) 100%);
     color: var(--textColorDanger40, #ffffff);
 }
 
@@ -84,7 +84,7 @@
 .bar.bar-balanced.bar-footer,
 .bar.bar-balanced {
     border-color: var(--colorSuccess40, #33cd5f);
-    background: var(--colorSuccess40, #33cd5f);
+    background: linear-gradient(90deg, var(--colorSuccess40, #38a82c) 40%, var(--colorSuccess30, #85c081) 100%);
     color: var(--textColorSuccess40, #ffffff);
 }
 
@@ -97,7 +97,7 @@
 .bar.bar-energized.bar-footer,
 .bar.bar-energized {
     border-color: var(--colorWarning40, #ffc900);
-    background: var(--colorWarning40, #ffc900);
+    background: linear-gradient(90deg, var(--colorWarning40, #daa31f) 40%, var(--colorWarning30, #e3bd7e) 100%);
     color: var(--textColorWarning40, #ffffff);
 }
 
@@ -110,7 +110,7 @@
 .bar.bar-royal.bar-footer,
 .bar.bar-royal {
     border-color: var(--colorRoyal40, #886aea);
-    background: var(--colorRoyal40, #886aea);
+    background: linear-gradient(90deg, var(--colorRoyal40, #a82c2c) 40%, var(--colorRoyal30, #c08181) 100%);
     color: var(--textColorRoyal40, #ffffff);
 }
 
@@ -123,7 +123,7 @@
 .bar.bar-dark.bar-footer,
 .bar.bar-dark {
     border-color: var(--colorDark40, #444444);
-    background: var(--colorDark40, #444444);
+    background: linear-gradient(90deg, var(--colorDark40, #a82c2c) 40%, var(--colorDark30, #c08181) 100%);
     color: var(--textColorDark40, #ffffff);
 }
 

package/css/themes/custom/aquamarine/button-aquamarine.css

@@ -252,4 +252,55 @@ button,
 /* Outline */
 .button.button-outline {
     background: transparent;
+}
+
+/* Colors */
+.button span.default,
+.button i.default {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.button span.light,
+.button i.light {
+    color: var(--textColorLight40, #444444);
+}
+
+.button span.stable,
+.button i.stable {
+    color: var(--textColorStable40, #f8f8f8);
+}
+
+.button span.positive,
+.button i.positive {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.button span.calm,
+.button i.calm {
+    color: var(--colorCalm40, #11c1f3);
+}
+
+.button span.assertive,
+.button i.assertive {
+    color: var(--textColorDanger40, #ffffff);
+}
+
+.button span.balanced,
+.button i.balanced {
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+.button span.energized,
+.button i.energized {
+    color: var(--textColorWarning40, #ffffff);
+}
+
+.button span.royal,
+.button i.royal {
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+.button span.dark,
+.button i.dark {
+    color: var(--textColorDark40, #ffffff);
 }