cronapp-framework-mobile-js 2.8.9

package/components/crn-toggle.components.json

@@ -0,0 +1,161 @@
+{
+  "name": "crn-toggle",
+  "text_pt_BR": "Alternância",
+  "text_en_US": "Toggle",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-toggle.svg",
+  "description": "Campo com texto e botão de verdadeiro ou falso",
+  "description_en_US": "Field with text and true or false button",
+  "category": [
+    "LISTS"
+  ],
+  "wrapper": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/toggle.template.html",
+  "properties": {
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    },
+    "ng-initial-value": {
+      "displayName_pt_BR": "Valor inicial",
+      "displayName_en_US": "Initial value"
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "ng-model",
+      "selector": "input",
+      "type": "text",
+      "order": 2,
+      "mandatory": true
+    },
+    {
+      "name": "ng-initial-value",
+      "selector": "input",
+      "order": 3
+    },
+    {
+      "name": "content",
+      "selector": "span",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text",
+      "order": 1
+    },
+    {
+      "name": "xattr-theme",
+      "displayName_pt_BR": "Tema do botão",
+      "displayName_en_US": "Button theme",
+      "selector": "div:first",
+      "type": "options"
+    },
+    {
+      "name": "ng-click",
+      "selector": "input",
+      "type": "event"
+    },
+    {
+      "name": "on-double-tap",
+      "selector": "input",
+      "type": "event"
+    },
+    {
+      "name": "on-tap",
+      "selector": "label",
+      "type": "event"
+    }
+  ],
+  "attributesForPreview": [
+    {
+      "name": "ng-initial-value",
+      "type": "options",
+      "target": "input",
+      "values": [
+        {
+          "key": "true",
+          "value_pt_BR": "Habilitado",
+          "value_en_US": "Abled"
+        },
+        {
+          "key": "false",
+          "value_pt_BR": "Desabilitado",
+          "value_en_US": "Disabled"
+        }
+      ]
+    },
+    {
+      "name": "xattr-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "toggle-assertive",
+          "value_pt_BR": "Assertivo",
+          "value_en_US": "Assertive",
+          "color": "#ef473a"
+        },
+        {
+          "key": "toggle-balanced",
+          "value_pt_BR": "Equilibrado",
+          "value_en_US": "Balanced",
+          "color": "#33cd5f"
+        },
+        {
+          "key": "toggle-energized",
+          "value_pt_BR": "Energizado",
+          "value_en_US": "Energized",
+          "color": "#ffc900"
+        },
+        {
+          "key": "toggle-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "#fff"
+        },
+        {
+          "key": "toggle-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "#f8f8f8"
+        },
+        {
+          "key": "toggle-calm",
+          "value_pt_BR": "Calmo",
+          "value_en_US": "Calm",
+          "color": "#11c1f3"
+        },
+        {
+          "key": "toggle-positive",
+          "value_pt_BR": "Positivo",
+          "value_en_US": "Positive",
+          "color": "#387ef5"
+        },
+        {
+          "key": "toggle-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "#886aea"
+        },
+        {
+          "key": "toggle-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "#444"
+        }
+      ]
+    }
+  ],
+  "styles": [
+    {
+      "selector": "label#{id}",
+      "text_pt_BR": "Plano de fundo",
+      "text_en_US": "Background"
+    },
+    {
+      "selector": "label#{id} .toggle .handle",
+      "text_pt_BR": "Botão de alternância",
+      "text_en_US": "Toggle Button"
+    }
+  ]
+}

package/components/crn-video.components.json

@@ -0,0 +1,67 @@
+{
+  "name": "crn-video",
+  "text_pt_BR": "Vídeo",
+  "text_en_US": "Video",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-video.svg",
+  "description": "Exibição de vídeo",
+  "description_en_US": "Video display",
+  "category": [
+      "LAYOUTS"
+  ],
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/video.template.html",
+  "designTimeHTMLURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/video.designtime.html",
+  "designTimeSelector": "cron-video",
+  "designTimeDynamic": true,
+  "forceGroup": true,
+  "wrapper": true,
+  "properties": {
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    },
+    "src": {
+      "displayName_pt_BR": "Link incorporado",
+      "displayName_en_US": "Embedded link",
+      "order": 1
+    },
+    "width": {
+      "displayName_pt_BR": "Largura do vídeo",
+      "displayName_en_US": "Video width",
+      "order": 2
+    },
+    "height": {
+      "displayName_pt_BR": "Altura do vídeo",
+      "displayName_en_US": "Video height",
+      "order": 3
+    },
+    "title": {
+      "displayName_pt_BR": "Título do vídeo",
+      "displayName_en_US": "Video title",
+      "order": 3
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "src",
+      "selector": "cron-video",
+      "type": "text"
+    },
+    {
+      "name": "width",
+      "selector": "cron-video",
+      "type": "text"
+    },
+    {
+      "name": "height",
+      "selector": "cron-video",
+      "type": "text"
+    },
+    {
+      "name": "title",
+      "selector": "cron-video",
+      "type": "text"
+    }
+  ]
+}

package/components/css/app.css

@@ -0,0 +1,66 @@
+@import "tabs-color.css";
+@import 'background-color.css';
+@import 'icon-size.css';
+@import 'crn-ion-segment.css';
+
+:root {
+    --assertive: #ef473a;
+    --balanced: #33cd5f;
+    --energized: #ffc900;
+    --light: #ffffff;
+    --stable: #f8f8f8;
+    --calm: #11c1f3;
+    --positive: #387ef5;
+    --royal: #886aea;
+    --dark: #444444;
+
+    --white: #ffffff;
+    --gray: #333333;
+    --black: #000000;
+    --blue: #0247FE;
+    --light-blue: #85A5FF;
+    --dark-blue: #00217A;
+    --purple: #3D01A4;
+    --light-purple: #B285FF;
+    --dark-purple: #2D007A;
+    --red: #FE2712;
+    --light-red: #FE8F84;
+    --dark-red: #7A0B00;
+    --orange: #FB9B02;
+    --light-orange: #FFD085;
+    --dark-orange: #7A4B00;
+    --yellow: #FFFF33;
+    --light-yellow: #FFFF85;
+    --dark-yellow: #7A7A00;
+    --green: #66B032;
+    --light-green: #B7FF85;
+    --dark-green: #337A00;
+}
+
+.font-size-100 {
+    font-size: 100%;
+}
+
+.font-size-200 {
+    font-size: 200%;
+}
+
+.font-size-300 {
+    font-size: 300%;
+}
+
+.font-size-400 {
+    font-size: 400%;
+}
+
+.font-size-500 {
+    font-size: 500%;
+}
+
+.font-size-600 {
+    font-size: 600%;
+}
+
+.font-size-700 {
+    font-size: 700%;
+}

package/components/css/background-color.css

@@ -0,0 +1,121 @@
+.tabs-striped.background-white .tabs {
+    background-color: var(--white);
+}
+
+.tabs-striped.background-gray .tabs {
+    background-color: var(--gray);
+}
+
+.tabs-striped.background-black .tabs {
+    background-color: var(--black);
+}
+
+.tabs-striped.background-blue .tabs {
+    background-color: var(--blue);
+}
+
+.tabs-striped.background-light-blue .tabs {
+    background-color: var(--light-blue);
+}
+
+.tabs-striped.background-dark-blue .tabs {
+    background-color: var(--dark-blue);
+}
+
+.tabs-striped.background-purple .tabs {
+    background-color: var(--purple);
+}
+
+.tabs-striped.background-light-purple .tabs {
+    background-color: var(--light-purple);
+}
+
+.tabs-striped.background-dark-purple .tabs {
+    background-color: var(--dark-purple);
+}
+
+.tabs-striped.background-red .tabs {
+    background-color: var(--red);
+}
+
+.tabs-striped.background-light-red .tabs {
+    background-color: var(--light-red);
+}
+
+.tabs-striped.background-dark-red .tabs {
+    background-color: var(--dark-red);
+}
+
+.tabs-striped.background-orange .tabs {
+    background-color: var(--orange);
+}
+
+.tabs-striped.background-light-orange .tabs {
+    background-color: var(--light-orange);
+}
+
+.tabs-striped.background-dark-orange .tabs {
+    background-color: var(--dark-orange);
+}
+
+.tabs-striped.background-yellow .tabs {
+    background-color: var(--yellow);
+}
+
+.tabs-striped.background-light-yellow .tabs {
+    background-color: var(--light-yellow);
+}
+
+.tabs-striped.background-dark-yellow .tabs {
+    background-color: var(--dark-yellow);
+}
+
+.tabs-striped.background-green .tabs {
+    background-color: var(--green);
+}
+
+.tabs-striped.background-light-green .tabs {
+    background-color: var(--light-green);
+}
+
+.tabs-striped.background-dark-green .tabs {
+    background-color: var(--dark-green);
+}
+
+/* Cores primárias */
+
+.tabs-striped.background-assertive .tabs {
+    background-color: var(--assertive);
+}
+
+.tabs-striped.background-balanced .tabs {
+    background-color: var(--balanced);
+}
+
+.tabs-striped.background-energized .tabs {
+    background-color: var(--energized);
+}
+
+.tabs-striped.background-light .tabs {
+    background-color: var(--light);
+}
+
+.tabs-striped.background-stable .tabs {
+    background-color: var(--stable);
+}
+
+.tabs-striped.background-calm .tabs {
+    background-color: var(--calm);
+}
+
+.tabs-striped.background-positive .tabs {
+    background-color: var(--positive);
+}
+
+.tabs-striped.background-royal .tabs {
+    background-color: var(--royal);
+}
+
+.tabs-striped.background-dark .tabs {
+    background-color: var(--dark);
+}

package/components/css/chatStyle.css

@@ -0,0 +1,221 @@
+@media (min-width: 680px) {
+  .bigModal {
+    top: 0px !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    width: 100% !important; }
+  .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
+    margin-top: 20px; }
+  .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
+    height: 64px; }
+  .platform-ios.platform-cordova .modal-wrapper .modal .has-header, .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
+    top: 64px; } }
+
+@media (max-width: 679px) {
+  .active .modal-backdrop-bg {
+    opacity: .5; }
+  .modal-backdrop-bg {
+    transition: opacity 300ms ease-in-out;
+    background-color: #000;
+    opacity: 0; } }
+
+.center-content {
+  display: table !important;
+  width: 100% !important;
+  height: 100% !important; }
+  .center-content .scroll {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center; }
+
+.center {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center; }
+
+.animate-item {
+  animation: fadeInLeft 1s; }
+
+.user-messages-top-icon {
+  font-size: 28px;
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  top: -3px;
+  right: 5px;
+  left: 0px; }
+
+.msg-header-username {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  top: -3px;
+  left: 5px; }
+
+/* loading */
+.loader-center {
+  height: 100%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.loader .ion-load-c {
+  font-size: 64px; }
+
+.ion-load-c:before {
+  animation: spinLoad 1s infinite linear; }
+
+/* jura-regular - latin */
+@font-face {
+  font-family: 'Jura';
+  font-style: normal;
+  font-weight: 400;
+  src: url("../fonts/jura/jura-v7-latin-regular.eot");
+  /* IE9 Compat Modes */
+  src: local("Jura Regular"), local("Jura-Regular"), url("../fonts/jura/jura-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/jura/jura-v7-latin-regular.woff2") format("woff2"), url("../fonts/jura/jura-v7-latin-regular.woff") format("woff"), url("../fonts/jura/jura-v7-latin-regular.ttf") format("truetype"), url("../fonts/jura/jura-v7-latin-regular.svg#Jura") format("svg");
+  /* Legacy iOS */ }
+
+.fullScreenImagesView {
+  width: 100% !important;
+  height: 100%;
+  top: 0 !important;
+  left: 0 !important;
+  background: transparent !important; }
+  .fullScreenImagesView .fullscreen-image {
+    max-width: 100%;
+    max-height: 100%;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+    overflow: auto;
+    position: fixed;
+    right: 0;
+    top: 0; }
+  .fullScreenImagesView .slider {
+    width: 100%;
+    height: 100%; }
+  .fullScreenImagesView .ionic-scroll .scroll {
+    height: 100%; }
+
+.homeView {
+  /* allows the bar-footer to be elastic /*
+    /* optionally set a max-height */
+  /* maxlength on the textarea will prevent /*
+    /* it from getting too large also */
+  /* fixes an ios bug bear */
+  /* add this to keep your footer buttons down 
+    at the bottom as the textarea resizes */ }
+  .homeView .bar-footer {
+    overflow: visible !important; }
+  .homeView .bar-footer textarea {
+    resize: none;
+    height: 25px;
+    width: 100%; }
+  .homeView button.ion-android-send {
+    padding-top: 2px; }
+  .homeView .footer-btn-wrap {
+    position: relative;
+    height: 100%;
+    width: 50px;
+    top: 7px; }
+  .homeView button.photo {
+    position: absolute;
+    bottom: 0px;
+    left: -43px; }
+  .homeView .scrollDownBtn {
+    right: -10px;
+    bottom: 60px; }
+  .homeView .scrollDownBtn:before {
+    background-color: white;
+    border-radius: 100%; }
+  .homeView .footer-btn {
+    position: absolute !important;
+    bottom: 0; }
+  .homeView img.profile-pic {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    position: absolute;
+    bottom: 10px; }
+  .homeView img.profile-pic.left {
+    left: 10px; }
+  .homeView img.profile-pic.right {
+    right: 10px; }
+  .homeView .ion-email {
+    float: right;
+    font-size: 32px;
+    vertical-align: middle; }
+  .homeView .message {
+    font-size: 14px; }
+  .homeView .message-detail {
+    white-space: nowrap;
+    font-size: 14px; }
+  .homeView .bar.item-input-inset .item-input-wrapper input {
+    width: 100% !important; }
+  .homeView .message-wrapper {
+    position: relative; }
+  .homeView .message-wrapper:last-child {
+    margin-bottom: 10px; }
+  .homeView .chat-bubble {
+    border-radius: 5px;
+    display: inline-block;
+    padding: 10px 18px;
+    position: relative;
+    margin: 10px;
+    max-width: 80%; }
+  .homeView .chat-bubble:before {
+    content: "\00a0";
+    display: block;
+    height: 16px;
+    width: 9px;
+    position: absolute;
+    bottom: -7.5px; }
+  .homeView .chat-bubble img {
+    max-width: 100%;
+    max-height: 300px; }
+  .homeView .chat-bubble.left {
+    background-color: #e6e5eb;
+    float: left;
+    margin-left: 55px; }
+  .homeView .chat-bubble.left:before {
+    background-color: #e6e5eb;
+    left: 10px;
+    transform: rotate(70deg) skew(5deg); }
+  .homeView .chat-bubble.right {
+    background-color: #e42012;
+    color: #fff;
+    float: right;
+    margin-right: 55px; }
+  .homeView .chat-bubble.right:before {
+    background-color: #e42012;
+    right: 10px;
+    transform: rotate(118deg) skew(-5deg); }
+  .homeView .chat-bubble.right a.autolinker {
+    color: #fff;
+    font-weight: bold; }
+  .homeView input, .homeView textarea, .homeView .item-input, .homeView .item-input-wrapper {
+    background-color: #f4f4f4 !important; }
+  .homeView .bold {
+    font-weight: bold; }
+  .homeView .cf {
+    clear: both !important; }
+  .homeView a.autolinker {
+    color: #3b88c3;
+    text-decoration: none; }
+
+/*# sourceMappingURL=style.css.map */