cronapp-framework-mobile-js 1.0.4

package/css/groupingOfCss/import_groupingOfCss.css

@@ -0,0 +1,5 @@
+@import "checkbox.css";
+@import "col.css";
+@import "qrCodeCronapp.css";
+@import "upload-image.css";
+@import "dynamicImage.css";

package/css/groupingOfCss/qrCodeCronapp.css

@@ -0,0 +1,4 @@
+.qrCodeCronapp {
+    background: url("data:image/png;base64,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") no-repeat;
+    min-height: 200px !important;
+}

package/css/groupingOfCss/upload-image.css

@@ -0,0 +1,68 @@
+.upload-image-component {
+    padding: 8px;
+}
+
+.upload-image-component {
+    max-height: 128px;
+    max-width: 128px;
+    background-color: #ccc;
+    display: table;
+}
+
+.upload-image-component .remove {
+    position: absolute;
+    margin-top: -8px;
+    margin-left: -18px;
+}
+
+.upload-image-component .remove span {
+    margin-top: 3px;
+}
+
+.upload-image-component-attribute {
+    width: 100%;
+    background-color: #ccc;
+    display: table;
+}
+
+.upload-image-component-attribute .remove {
+    position: absolute;
+    margin-top: -8px;
+    margin-left: -18px;
+}
+
+.upload-image-component-attribute .remove span {
+    margin-top: 3px;
+}
+
+.start-camera-button {
+    position: absolute;
+    margin-left: -17px;
+    margin-top: -8px;
+}
+
+.start-camera-button-attribute {
+    right: 1px;
+    bottom: 1px;
+}
+
+.remove-image-button {
+    position: absolute;
+    right: 0px;
+}
+
+.action-button-border{
+    white-space: initial;
+    text-align: center;
+}
+
+.camera-container {
+    position: fixed; 
+    z-index: 999998;
+    top: 50%; 
+    left: 50%;
+}
+
+
+
+

package/css/old/modal.css

@@ -0,0 +1,156 @@
+/* Discontinuated bootstrap 3 modal class, if used, broken ionic modal. */
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  overflow: hidden;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+}
+
+.modal.fade .modal-dialog {
+  -webkit-transition: -webkit-transform .3s ease-out;
+  -o-transition: -o-transform .3s ease-out;
+  transition: transform .3s ease-out;
+  -webkit-transform: translate(0, -25%);
+  -ms-transform: translate(0, -25%);
+  -o-transform: translate(0, -25%);
+  transform: translate(0, -25%);
+}
+
+.modal.in .modal-dialog {
+  -webkit-transform: translate(0, 0);
+  -ms-transform: translate(0, 0);
+  -o-transform: translate(0, 0);
+  transform: translate(0, 0);
+}
+
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+
+.modal-content {
+  position: relative;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, .2);
+  border-radius: 6px;
+  outline: 0;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: var(--colorNeutral220, #000000);
+}
+
+.modal-backdrop.fade {
+  filter: alpha(opacity=0);
+  opacity: 0;
+}
+
+.modal-backdrop.in {
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+
+.modal-header {
+  min-height: 16.42857143px;
+  padding: 15px;
+  border-bottom: 1px solid var(--colorNeutral20, #E3E3E3);
+}
+
+.modal-header .close {
+  margin-top: -2px;
+}
+
+.modal-title {
+  margin: 0;
+  line-height: 1.42857143;
+}
+
+.modal-body {
+  position: relative;
+  padding: 15px;
+}
+
+.modal-footer {
+  padding: 15px;
+  text-align: right;
+  border-top: 1px solid var(--colorNeutral20, #E3E3E3);
+}
+
+.modal-footer .btn+.btn {
+  margin-bottom: 0;
+  margin-left: 5px;
+}
+
+.modal-footer .btn-group .btn+.btn {
+  margin-left: -1px;
+}
+
+.modal-footer .btn-block+.btn-block {
+  margin-left: 0;
+}
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+  }
+
+  .modal-sm {
+    width: 300px;
+  }
+}
+
+@media (min-width: 992px) {
+  .modal-lg {
+    width: 900px;
+  }
+}
+
+.modal-footer:before,
+.modal-footer:after {
+  display: table;
+  content: " ";
+}
+
+.modal-open {
+  overflow: hidden;
+}
+
+.modal-footer:after {
+  clear: both;
+}

package/css/themes/aquamarine.min.css

@@ -0,0 +1,5 @@
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.material-v2.min.css';
+@import '../../lib/kendo/kendo.default-v2.min.css';
+@import '../../css/app_2.9.css';
+@import 'custom/theme-general/theme-general.css';
+@import 'custom/aquamarine/custom-aquamarine.css';

package/css/themes/cerulean.min.css

@@ -0,0 +1,5 @@
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.material-v2.min.css';
+@import '../../lib/kendo/kendo.default-v2.min.css';
+@import '../../css/app_2.9.css';
+@import 'custom/theme-general/theme-general.css';
+@import 'custom/cerulean/custom-cerulean.css';

package/css/themes/cosmo.min.css

@@ -0,0 +1,5 @@
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.material-v2.min.css';
+@import '../../lib/kendo/kendo.default-v2.min.css';
+@import '../../css/app_2.9.css';
+@import 'custom/theme-general/theme-general.css';
+@import 'custom/cosmo/custom-cosmo.css';

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

@@ -0,0 +1,138 @@
+.button .icon {
+    font-size: var(--textBigSize, 18px);
+}
+
+/* Default */
+.bar.bar-default.bar-footer,
+.bar.bar-default {
+    color: var(--textColorPrimary40, #ffffff);
+    background: linear-gradient(90deg, var(--colorDefault70, #185a5c) 0%, var(--colorPrimary60, #20547b) 100%);
+    border: 0;
+}
+
+.bar.bar-default .button .icon,
+.bar.bar-default .title {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+/* positive */
+.bar.bar-positive.bar-footer,
+.bar.bar-positive {
+    border-color: var(--colorPrimary40, #3b448e);
+    background: linear-gradient(90deg, var(--colorPrimary40, #2c72a8) 40%, var(--colorPrimary30, #819fc0) 100%);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.bar.bar-positive .button .icon,
+.bar.bar-positive .title {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+/* Light */
+.bar.bar-light.bar-footer,
+.bar.bar-light {
+    border-color: var(--colorLight40, #ffffff);
+    background: var(--colorLight40, #ffffff);
+    color: var(--textColorLight40, #444444);
+}
+
+.bar.bar-light .button .icon,
+.bar.bar-light .title {
+    color: var(--textColorLight40, #444444);
+}
+
+/* Stable */
+.bar.bar-stable.bar-footer,
+.bar.bar-stable {
+    border-color: var(--colorStable40, #f8f8f8);
+    background: linear-gradient(90deg, var(--colorStable40, #a82c2c) 40%, var(--colorStable30, #c08181) 100%);
+    color: var(--textColorStable40, #444444);
+}
+
+.bar.bar-stable .button .icon,
+.bar.bar-stable .title {
+    color: var(--textColorStable40, #444444);
+}
+
+/* Calm */
+.bar.bar-calm.bar-footer,
+.bar.bar-calm {
+    border-color: var(--colorCalm40, #11c1f3);
+    background: var(--colorCalm40, #11c1f3);
+    color: var(--textColorCalm40, #ffffff);
+}
+
+.bar.bar-calm .button .icon,
+.bar.bar-calm .title {
+    color: var(--textColorCalm40, #ffffff);
+}
+
+/* Assertive */
+.bar.bar-assertive.bar-footer,
+.bar.bar-assertive {
+    border-color: var(--colorDanger40, #ef473a);
+    background: linear-gradient(90deg, var(--colorDanger40, #a82c2c) 40%, var(--colorDanger30, #c08181) 100%);
+    color: var(--textColorDanger40, #ffffff);
+}
+
+.bar.bar-assertive .button .icon,
+.bar.bar-assertive .title {
+    color: var(--textColorDanger40, #ffffff);
+}
+
+/* Balanced */
+.bar.bar-balanced.bar-footer,
+.bar.bar-balanced {
+    border-color: var(--colorSuccess40, #33cd5f);
+    background: linear-gradient(90deg, var(--colorSuccess40, #38a82c) 40%, var(--colorSuccess30, #85c081) 100%);
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+.bar.bar-balanced .button .icon,
+.bar.bar-balanced .title {
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+/* Energized */
+.bar.bar-energized.bar-footer,
+.bar.bar-energized {
+    border-color: var(--colorWarning40, #ffc900);
+    background: linear-gradient(90deg, var(--colorWarning40, #daa31f) 40%, var(--colorWarning30, #e3bd7e) 100%);
+    color: var(--textColorWarning40, #ffffff);
+}
+
+.bar.bar-energized .button .icon,
+.bar.bar-energized .title {
+    color: var(--textColorWarning40, #ffffff);
+}
+
+/* Royal */
+.bar.bar-royal.bar-footer,
+.bar.bar-royal {
+    border-color: var(--colorRoyal40, #886aea);
+    background: linear-gradient(90deg, var(--colorRoyal40, #a82c2c) 40%, var(--colorRoyal30, #c08181) 100%);
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+.bar.bar-royal .button .icon,
+.bar.bar-royal .title {
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+/* Dark */
+.bar.bar-dark.bar-footer,
+.bar.bar-dark {
+    border-color: var(--colorDark40, #444444);
+    background: linear-gradient(90deg, var(--colorDark40, #a82c2c) 40%, var(--colorDark30, #c08181) 100%);
+    color: var(--textColorDark40, #ffffff);
+}
+
+.bar.bar-dark .button .icon,
+.bar.bar-dark .title {
+    color: var(--textColorDark40, #ffffff);
+}
+
+.bar .title,
+.platform-android .bar .title {
+    font-size: var(--textBigSize, 18px);
+}

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

@@ -0,0 +1,306 @@
+.btn,
+button,
+.button {
+    border-radius: var(--borderRadiusMedium, 20px);
+    padding: 7px 35px;
+    border: 0;
+    min-height: 56px;
+    outline: 0;
+}
+
+.btn span,
+.btn i,
+.button span,
+.button i {
+    font-size: var(--textNormalSize, 16px);
+    color: var(--colorNeutral00, #ffffff);
+}
+
+.btn:focus:hover {
+    box-shadow: none;
+}
+
+.button-outline {
+    min-height: auto;
+    padding: 2px 15px;
+}
+
+/* Default */
+.button.button-default {
+    background: linear-gradient(90deg, var(--colorDefault40, #2ca4a8) 40%, var(--colorDefault30, #81bdc0) 100%);
+}
+
+.button.button-default span,
+.button.button-default i {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.button.button-default.active,
+.button.button-default:active,
+.button.button-default:focus,
+.button.button-default:hover {
+    color: var(--colorDefault40, #2ca4a8);
+    box-shadow: none;
+    background: var(--colorDefault20, #b1d3d5);
+}
+
+/* Primary */
+.button.button-positive {
+    background: linear-gradient(90deg, var(--colorPrimary40, #2c72a8) 40%, var(--colorPrimary30, #819fc0) 100%);
+}
+
+.button.button-positive span,
+.button.button-positive i {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.button.button-positive.active,
+.button.button-positive:active,
+.button.button-positive:focus,
+.button.button-positive:hover {
+    color: var(--colorPrimary40, #2c72a8);
+    box-shadow: none;
+    background: var(--colorPrimary20, #b1c1d5);
+}
+
+/* Success */
+.button.button-balanced {
+    background: linear-gradient(90deg, var(--colorSuccess40, #38a82c) 40%, var(--colorSuccess30, #85c081) 100%);
+}
+
+.button.button-balanced span,
+.button.button-balanced i {
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+.button.button-balanced.active,
+.button.button-balanced:active,
+.button.button-balanced:focus,
+.button.button-balanced:hover {
+    color: var(--colorSuccess40, #38a82c);
+    box-shadow: none;
+    background: var(--colorSuccess20, #b2d5b1);
+}
+
+/* Warning */
+.button.button-energized {
+    background: linear-gradient(90deg, var(--colorWarning40, #daa31f) 40%, var(--colorWarning30, #e3bd7e) 100%);
+}
+
+.button.button-energized span,
+.button.button-energized i {
+    color: var(--textColorWarning40, #ffffff);
+}
+
+.button.button-energized.active,
+.button.button-energized:active,
+.button.button-energized:focus,
+.button.button-energized:hover {
+    color: var(--colorWarning40, #daa31f);
+    box-shadow: none;
+    background: var(--colorWarning20, #ecd3af);
+}
+
+/* Danger */
+.button.button-assertive {
+    background: linear-gradient(90deg, var(--colorDanger40, #a82c2c) 40%, var(--colorDanger30, #c08181) 100%);
+}
+
+.button.button-assertive span,
+.button.button-assertive i {
+    color: var(--textColorDanger40, #ffffff);
+}
+
+.button.button-assertive.active,
+.button.button-assertive:active,
+.button.button-assertive:focus,
+.button.button-assertive:hover {
+    color: var(--colorDanger40, #a82c2c);
+    box-shadow: none;
+    background: var(--colorDanger20, #d5b1b1);
+}
+
+/* Calm */
+.button.button-calm {
+    background: transparent;
+    border: 2px solid var(--colorCalm40, #11c1f3);
+}
+
+.button.button-calm span,
+.button.button-calm i {
+    color: var(--colorCalm40, #11c1f3);
+}
+
+.button.button-calm.active,
+.button.button-calm:active,
+.button.button-calm:focus,
+.button.button-calm:hover {
+    border: 2px solid var(--colorCalm20, #aee0f9);
+    color: var(--colorCalm40, #11c1f3);
+    background: transparent;
+}
+
+/* Stable */
+.button.button-stable {
+    background: linear-gradient(90deg, var(--colorStable40, #a82c2c) 40%, var(--colorStable30, #c08181) 100%);
+}
+
+.button.button-stable span,
+.button.button-stable i {
+    color: var(--textColorStable40, #ffffff);
+}
+
+.button.button-stable.active,
+.button.button-stable:active,
+.button.button-stable:focus,
+.button.button-stable:hover {
+    color: var(--colorStable40, #a82c2c);
+    box-shadow: none;
+    background: var(--colorStable20, #d5b1b1);
+}
+
+/* Royal */
+.button.button-royal {
+    background: linear-gradient(90deg, var(--colorRoyal40, #a82c2c) 40%, var(--colorRoyal30, #c08181) 100%);
+}
+
+.button.button-royal span,
+.button.button-royal i {
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+.button.button-royal.active,
+.button.button-royal:active,
+.button.button-royal:focus,
+.button.button-royal:hover {
+    color: var(--colorRoyal40, #a82c2c);
+    box-shadow: none;
+    background: var(--colorRoyal20, #d5b1b1);
+}
+
+/* Dark */
+.button.button-dark {
+    background: linear-gradient(90deg, var(--colorDark40, #a82c2c) 40%, var(--colorDark30, #c08181) 100%);
+}
+
+.button.button-dark span,
+.button.button-dark i {
+    color: var(--textColorDark40, #ffffff);
+}
+
+.button.button-dark.active,
+.button.button-dark:active,
+.button.button-dark:focus,
+.button.button-dark:hover {
+    color: var(--colorDark40, #a82c2c);
+    box-shadow: none;
+    background: var(--colorDark20, #d5b1b1);
+}
+
+/* Light */
+.button.button-light {
+    background: transparent;
+    border: 2px solid var(--textColorLight40, #444444);
+}
+
+.button.button-light span,
+.button.button-light i {
+    color: var(--textColorLight40, #444444);
+}
+
+.button.button-light.active,
+.button.button-light:active,
+.button.button-light:focus,
+.button.button-light:hover {
+    border: 2px solid var(--textColorLight60, #b5b5b5);
+    color: var(--textColorLight40, #444444);
+    background: transparent;
+}
+
+
+/* Link */
+.button.button-link {
+    background: transparent;
+    border: 2px solid var(--colorPrimary40, #2c72a8);
+}
+
+.button.button-link i,
+.button.button-link span {
+    color: var(--colorPrimary40, #2c72a8);
+}
+
+.button.button-link.active,
+.button.button-link:active,
+.button.button-link:focus,
+.button.button-link:hover {
+    border: 2px solid var(--colorPrimary20, #b1c1d5);
+    color: var(--colorPrimary40, #2c72a8);
+    background: transparent;
+}
+
+.button.button-link:focus i,
+.button.button-link:hover i {
+    text-decoration: none;
+}
+
+/* btn-fab */
+.button.btn-fab,
+.btn-fab {
+    min-height: auto;
+}
+
+/* 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);
+}