cronapp-framework-mobile-js 2.8.9

package/css/groupingOfCss/dynamicImage.css

@@ -0,0 +1,24 @@
+.dynamic-image-container {
+    border: 2px dashed;
+    min-height: 58px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.general-dynamic-image{
+    white-space: initial;
+}
+
+.dynamicImage{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+}
+
+.dynamicImage .buttomImage{
+    justify-content: center;
+    align-items: center;
+    display: flex;
+}

package/css/groupingOfCss/import_groupingOfCss.css

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

package/css/groupingOfCss/login.css

@@ -0,0 +1,260 @@
+
+.login-bg {
+    background: -webkit-linear-gradient(45deg,#2767e6 0,#34b3f7 76%,#34b3f7 95%);
+}
+
+
+.login-mobile input[type="email"]::-webkit-input-placeholder,.login-mobile input[type="text"]::-webkit-input-placeholder,.login-mobile input[type="password"]::-webkit-input-placeholder {
+    color: #c4ebff;
+    background-color: transparent;
+}
+
+
+.menu-view .bar.bar-positive, .login-bg .bar.bar-positive {
+    border-color: #1d4f9e;
+    background-color: #1d4f9e;
+    background-image: linear-gradient(0deg, #1d4f9e, #1d4f9e 50%, transparent 50%);
+    color: #fff;
+}
+
+.menu-view .item h2, .login-bg .item h2 {
+    margin: 0 0 2px 0;
+    font-size: 14px;
+    font-weight: normal;
+}
+
+
+.menu-view .item h3, .login-bg .item h3 {
+    margin: 0 0 2px 0;
+    font-size: 13px;
+    font-weight: normal;
+}
+
+.menu-view .item-icon-left .icon, .login-bg .item-icon-left .icon {
+    left: 20px;
+    border-radius: 100%;
+    border: 1px solid ;
+    width: 35px;
+    height: 35px;
+    top: 6px;
+}
+
+.menu-view .item-icon-left, .login-bg .item-icon-left, ul.nav > a > div, ul.nav > li > a > div, div.nav > a > div {
+    padding-left: 26px;
+    margin-left: 20px;
+    min-height: auto;
+}
+
+div.nav > a.item-avatar-left > div.item-content {
+    padding: 16px;
+}
+
+.menu-view [nav-bar-transition="ios"] [nav-bar="active"] .bar, [nav-bar-transition="ios"] [nav-bar="entering"] .bar, .login-bg [nav-bar-transition="ios"] [nav-bar="active"] .bar, [nav-bar-transition="ios"] [nav-bar="entering"] .bar {
+    color:#ffffff;
+}
+
+.menu-view .button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before, .login-bg .button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before {
+    display: inline-block;
+    padding: 0 0 1px 0;
+    vertical-align: inherit;
+    font-size: 24px;
+    line-height: 41px;
+    pointer-events: none;
+    color: #fff;
+}
+
+.menu-view .bar .title, .login-bg .bar .title {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 0;
+    overflow: hidden;
+    margin: 0 10px;
+    min-width: 30px;
+    height: 43px;
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 17px;
+    font-weight: 500;
+    line-height: 44px;
+    color: #ffffff;
+}
+
+.menu-view label.item.item-input, .login-bg label.item.item-input  {
+    border-top: 0;
+    display: block;
+    border-left: 0;
+    border-right: 0;
+    border-radius: 0;
+}
+
+.menu-view fieldset, .login-bg fieldset {
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+    border: 0px solid #c0c0c0;
+}
+
+.menu-view .bar-header button i, .login-bg .bar-header button i {
+    font-size:10px;
+    color:#000;
+}
+
+.menu-view .bar-header .header-item .right-buttons .button i::before, .bar-header .header-item .left-buttons .button i::before , .login-bg .bar-header .header-item .right-buttons .button i::before, .bar-header .header-item .left-buttons .button i::before   {
+    font-size:20px;
+    color:#fff;
+}
+
+.menu-view .user-avatar, .login-bg .user-avatar {
+    float: left;
+    font-size: 52px;
+    color: #fff;
+    width: 45px;
+    height: auto;
+    padding: 0px;
+}
+
+.menu-view .input-default input, .login-bg .input-default input {
+    border-bottom: 1px solid #aaaaaa;
+    transition: 400ms;
+    color: #c4ebff;
+    margin-top: 5px;
+    margin-bottom: 15px;
+}
+
+.menu-view .input-default input:focus, .login-bg .input-default input:focus {
+    border-bottom: 1px solid #122153;
+    transition:400ms;
+    color: #122153;
+}
+
+.menu-view .input-default .item-input i , .login-bg .input-default .item-input i {
+    border-radius: 100%;
+    border: 1px solid #aaaaaa;
+    padding: 6px 7px 6px 7px;
+    font-size: 10px;
+}
+
+.menu-view .item-input, .login-bg .item-input {
+    padding: 6px 0 5px 0px;
+}
+
+.menu-view .item , .login-bg .item {
+    border-color: transparent;
+    background-color: transparent;
+    color: #444;
+    position: relative;
+    z-index: 2;
+    display: block;
+    margin: -1px;
+    padding: 0px;
+    border-width: 1px;
+    border-style: solid;
+    font-size: 16px;
+}
+
+.login-bg .item{
+    display: -webkit-box;
+}
+
+.login-bg input:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0px 1000px #c4ebff5e inset!important;
+}
+
+
+
+.login-mobile .button.button-positive {
+    border-color: #1d4f9e;
+    background-color: transparent;
+    color: #fff;
+    border-radius: 2px;
+    transition: 400ms;
+    margin-top: 20px !important;
+    width: 94%;
+    margin: 0 auto;
+}
+
+.login-mobile .button.button-block, .button.button-full {
+    padding: 0;
+    border: 1px solid #ffffff!important;
+    text-transform: uppercase;
+    letter-spacing: 6px;
+}
+
+.logo {
+    width: 250px;
+    margin-bottom: 0;
+    -webkit-filter: saturate(0) brightness(100);
+    filter: saturate(0) brightness(100);
+}
+
+.login-mobile {
+    padding: 19px 30px;
+    border-radius: 10px;
+    background: transparent;
+}
+
+.login-mobile label {
+    background: transparent;
+}
+
+.login-mobile label input {
+    background: transparent;
+}
+
+.login-mobile input {
+    border-bottom: 1px solid #ffffff!important;
+    transition: 700ms;
+    color: #c4ebff;
+    background-color: transparent!important;
+}
+
+.login-mobile input:focus {
+    border-bottom: 1px solid #2b71c0 !important;
+    transition: 700ms;
+    background-color: transparent!important;
+}
+
+.login-mobile .item-input {
+    padding-bottom: 16px;
+    margin-bottom: 10px;
+}
+
+.login-mobile label {
+    border:0;
+}
+
+.menu-view .button.button-positive, .login-bg .button.button-positive {
+    border-color: #ffffff;
+    background-color: #ffffff;
+    color: #1d4f9e;
+    border-radius: 7px;
+    transition: 400ms;
+}
+
+.login-mobile .placeholder-icon:first-child {
+    padding-right: 0;
+}
+
+.login-mobile .placeholder-icon {
+    color: #fff;
+    font-size: 16px;
+    border-radius: 100%;
+    border: 1px solid #fff;
+    text-align: center;
+    padding: 11px 5px 0px 0px;
+    margin-right: 7px;
+    width: 40px;
+    height: 40px;
+}
+
+.login-mobile label.item.item-input {
+    padding: 10px;
+    border: 0px solid #d7d7d7;
+}
+
+.login-bg label.item.item-input {
+    padding: 10px;
+}

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,133 @@
+/* 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 #999;
+  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: #000;
+}
+.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 #e5e5e5;
+}
+.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 #e5e5e5;
+}
+.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;
+}