cronapp-framework-mobile-js 2.8.9

package/components/templates/textarea.template.html

@@ -0,0 +1 @@
+<textarea id="textArea-${RANDOM}" ng-model="vars.textarea${RANDOM}" maxlength="300" style="resize:none;" resize="none" class="col item item-input" rows="5" placeholder="Textarea component"></textarea>

package/components/templates/textinput.template.html

@@ -0,0 +1,3 @@
+<div class="item item-input">
+    <input aria-label="Aria Label Text" id="crn-input${RANDOM}" type="text" placeholder="Placeholder text" ng-model="vars.input${RANDOM}" mask keyboard>
+</div>

package/components/templates/textinputbutton.template.html

@@ -0,0 +1,12 @@
+<div data class="item item-input-inset">
+    <div class="item-input-wrapper">
+        <input type="text" placeholder="Placeholder Text" aria-label="Aria Label Text"
+            ng-model="vars.inputButton${RANDOM}" mask keyboard>
+    </div>
+    <button class="button component-holder button-small button-outline button-balanced" type="submit" ng-click=""
+        data-component="crn-button" id="crn-button${RANDOM}" xattr-type="button-outline" xattr-size="button-small"
+        xattr-theme="button-balanced">
+        <i class="ion ion-ios-search"></i>
+        <span>Search</span>
+    </button>
+</div>

package/components/templates/title.template.html

@@ -0,0 +1 @@
+<p class="card text-left">Title</p>

package/components/templates/toggle-dynamic.template.html

@@ -0,0 +1,11 @@
+<div crn-datasource="[{'key': 1,'value':'Value 1','checked' : true },{'key': 2,'value':'Value 2','checked' : false },{'key': 3,'value':'Value 3','checked' : true}]"> 
+<ul class="list toggle-group"> 
+  <li class="item item-toggle" ng-repeat="rowData in datasource.data"> 
+		{{rowData.value}} 
+		<div class="toggle toggle-balanced">
+		<input aria-label="Aria Label Text" type="checkbox" ng-checked="rowData.checked">
+	  <div class="track"> 
+		<div class="handle"></div> 
+	  </div> </div> </li>
+</ul> 
+</div> 

package/components/templates/toggle.template.html

@@ -0,0 +1,9 @@
+<label class="item item-toggle">
+    <span>Choose A</span>
+    <div class="toggle toggle-balanced" xattr-theme="toggle-balanced">
+        <input type="checkbox" aria-label="Aria Label Text" ng-model="vars.toggle${RANDOM}" ng-initial-value="false">
+        <div class="track">
+            <div class="handle"></div>
+        </div>
+    </div>
+</label>

package/components/templates/video.designtime.html

@@ -0,0 +1,2 @@
+<iframe src="" width="" height="" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
+</iframe>

package/components/templates/video.template.html

@@ -0,0 +1 @@
+<cron-video class="cronVideo" src="https://www.youtube.com/embed/W1dxhujIlSY" width="100%" height="250" title="YouTube video player"></cron-video>

package/components/templates/views/public/home.view.html

@@ -0,0 +1,16 @@
+<ion-view class="pane">
+  <ion-header-bar align-title="center" class="bar bar-positive" data-component="crn-ion-header-bar">
+    <div class="buttons buttons-left header-item">
+      <button class="button button-clear" menu-toggle="left" data-component="crn-button" xattr-type="button-clear"> <i class="icon ion-navicon"></i> </button>
+    </div>
+    <h1 class="title">{{'Home.view.Home' | translate }}</h1>
+    <div class="buttons buttons-right header-item">
+      <button class="button button-clear" menu-toggle="right" data-component="crn-button" xattr-type="button-clear"> <i class="icon ion-navicon"></i> </button>
+    </div>
+  </ion-header-bar>
+  <ion-content class="scroll-content has-header" data-component="crn-ion-content">
+    <div style="height: 60px;" data-component="crn-spacer" class="component-holder" id="crn-spacer-909305">
+      &nbsp;
+    </div>
+  </ion-content>
+</ion-view>

package/components/templates/views/public/menu.view.html

@@ -0,0 +1,20 @@
+<ion-view class="pane">
+    <ion-content data-container="true" data-component="crn-ion-content" class="scroll-content menu-view">
+        <ion-list class=" disable-user-behavior list">
+            <!-- Menu -->
+            <div class="component-holder" data-component="crn-navbar" id="menu-blue">
+                <div class="nav navbar-nav">
+                    <a menu-close="" class="item item-icon-left component-holder" xattr-position="item-icon-left" href="#/app/public/home" data-component="crn-list-item-icon" id="crn-list-item-icon29401"><i class="icon ion ion-home light" xattr-theme="light" style="font-size: 150%;" xattr-icon-size="font-size:150%;"></i>
+                        <div class="item-content text-left" xattr-text-position="text-left">
+                            <h2 class="light" xattr-theme="light">{{ "Home.view.Home" | translate }}</h2>
+                        </div> </a>
+                    <a menu-close="" class="item item-icon-left component-holder" xattr-position="item-icon-left" href="#/app/login" data-component="crn-list-item-icon" id="crn-list-item-icon87931"><i class="icon ion ion-arrow-right-c light" xattr-theme="light" style="font-size: 150%;" xattr-icon-size="font-size:150%;"></i>
+                        <div class="item-content text-left" xattr-text-position="text-left">
+                            <h2 class="light" xattr-theme="light">{{"Login.view.Login" | translate}}</h2>
+                        </div> </a>
+                </div>
+            </div>
+            <!-- Menu -->
+        </ion-list>
+    </ion-content>
+</ion-view>

package/components/upload/upload.html

@@ -0,0 +1,41 @@
+<ion-modal-view ng-controller="UploadController">
+    <ion-header-bar class="{{headerClass}}">
+        <h1 class="title">{{"Upload.title" | translate}}</h1>
+    </ion-header-bar>
+    <ion-content class="scroll-content">
+        <div style="padding: 15px">
+            <div class="form-group">
+                <div ng-show="uploading">
+                    <span>{{"Upload.sending" | translate}} ({{progress}}%)...</span>
+                    <div class="progress">
+                        <div class="progress-bar" role="progressbar" aria-valuenow="{{progress}}"
+                             aria-valuemin="0" aria-valuemax="100" style="width:{{progress}}%">
+                        </div>
+                    </div>
+                </div>
+
+                <div ng-show="!uploading" class="drop-box  modal-upload" style="position: relative;">
+
+                    <input type="file" ng-model="myFiles"
+                           ngf-select="uploadFile($files)"
+                           ngf-max-size="{{data.maxSize}}"
+                           ngf-multiple="{{data.multiple}}"
+                           ngf-pattern="{{data.filter}}"
+                           accept="{{data.filter}}"
+                           style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0"
+                    />
+                    <span>{{message}}</span>
+
+                </div>
+
+            </div>
+            <div style="padding-top: 15px">
+                <button type="button" class="button button-block {{buttonClass}}" style="margin: 0px" data-toggle="tooltip" title="{{ 'Cancel' | translate }}"
+                        ng-click="close()"><span class="glyphicon glyphicon-ok"></span>&nbsp;<span>{{ 'Cancel' | translate }}</span>
+                </button>
+            </div>
+        </div>
+
+    </ion-content>
+
+</ion-modal-view>

package/cronapp-framework-mobile-js.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <output url="file://$MODULE_DIR$/bin" />
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/css/app.css

@@ -0,0 +1,306 @@
+@import 'custom-ionic.css';
+@import 'signup.css';
+@import "groupingOfCss/import_groupingOfCss.css";
+@import '../components/css/app.css';
+/* Empty. Add your own CSS if you like */
+
+/*Set CSS Properties to Iphone x^ devices*/
+
+:root {
+    --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);
+    /* //portrait orientation, status bar is shown */
+    /*
+    additionalSafeAreaInsets.top = 24.0
+    additionalSafeAreaInsets.bottom = 34.0
+    */
+    /* //portrait orientation, status bar is hidden */
+    /*
+    additionalSafeAreaInsets.top = 44.0
+    additionalSafeAreaInsets.bottom = 34.0
+    */
+    /* //landscape orientation */
+    /*
+    additionalSafeAreaInsets.top = 0.0
+    additionalSafeAreaInsets.left = 44.0
+    additionalSafeAreaInsets.bottom = 21.0
+    additionalSafeAreaInsets.right = 44.0
+    */
+}
+
+.platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
+    padding-left: calc(0px + var(--safe-area-inset-left));
+    padding-right: calc(0px + var(--safe-area-inset-right));
+    padding-bottom: calc(0px + var(--safe-area-inset-bottom));
+}
+
+.bar-footer {
+    height: calc(54px + var(--safe-area-inset-bottom, 19px));
+    padding-left: var(--safe-area-inset-left);
+    padding-right: var(--safe-area-inset-right);
+}
+
+.bar-header:not(.bar-subheader) {
+    height: calc(45px + var(--safe-area-inset-top, 19px)) !important;
+    padding-left: var(--safe-area-inset-left);
+    padding-right: var(--safe-area-inset-right);
+}
+
+.bar-header:not(.bar-subheader)>* {
+    margin-top: var(--safe-area-inset-top, 20px) !important;
+}
+
+.bar-footer button {
+    margin-bottom: var(--safe-area-inset-bottom);
+}
+
+.tabs {
+    height: calc(44px + var(--safe-area-inset-bottom, 19px)) !important;
+    min-height: 44px;
+}
+
+.bar .title + .button:last-child, .bar > .button + .button:last-child, .bar > .button.pull-right, .bar .buttons.pull-right, .bar .title + .buttons {
+    margin-right: calc(5px + var(--safe-area-inset-left));
+}
+
+.has-header {
+    top: calc(44px + var(--safe-area-inset-top)) !important;
+}
+
+body {
+    background-color: #fff;
+}
+
+.text-left {
+    text-align: left;
+}
+
+.text-right {
+    text-align: right;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.list .item.item-accordion {
+    line-height: 38px;
+    padding-top: 0;
+    padding-bottom: 0;
+    transition: 0.09s all linear;
+}
+
+.item {
+    margin-top: 0px;
+}
+
+.list .item.item-accordion.ng-hide {
+    line-height: 0px;
+}
+
+.list .item.item-accordion.ng-hide-add, .list .item.item-accordion.ng-hide-remove {
+    display: block !important;
+}
+
+.drop-box {
+    background: #F8F8F8;
+    border: 2px dashed #DDD;
+}
+
+.dragover {
+    border: 2px dashed blue;
+}
+
+.input-validation-error {
+    border-bottom: 2px solid red !important;
+}
+
+.menu-view .user-button, .login-bg .user-button {
+    border: 1px solid #aaa;
+    color: #aaa;
+    border-radius: 100%;
+    padding: 10px;
+    width: 120px;
+    height: 120px;
+    transition: 400ms;
+}
+
+.menu-view .user-button p, .login-bg .user-button p {
+    color: #aaa;
+}
+
+.user-button a {
+    color: #aaa;
+    text-decoration: none;
+}
+
+/* .user-button:hover {
+    transition: 400ms;
+    border: 1px solid #1d4f9e;
+} */
+
+.center-content-vertically {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.menu-view {
+    background-color: #1d4f9e;
+    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+}
+
+.safe-top {
+    padding-top: env(safe-area-inset-top);
+}
+
+#menu-blue .item {
+    border-color: transparent;
+    background-color: transparent;
+    position: relative;
+    display: block;
+    margin: -1px;
+    padding: 16px;
+    border-width: 1px;
+    border-style: solid;
+    font-size: 10px;
+}
+
+.center-block {
+    display: block;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+.right-block {
+    display: block;
+    margin-left: auto;
+}
+
+.left-block {
+    display: block;
+    margin-right: auto;
+}
+
+.item-list-detail {
+    display: flex;
+    flex-direction: column;
+    padding-left: 10px;
+}
+
+.custom-item-avatar-imagem {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    float: left;
+}
+
+/*
+ * This class was intended to be used only for Screen Readers
+ * Please, search for .sr-only on Bootstrap docs
+ */
+
+.sr-only {
+    display: none !important;
+}
+
+kendo-chat .k-chat {
+    max-width: 100%;
+}
+
+kendo-chat .k-bubble {
+    -webkit-user-select: auto;
+    -moz-user-select: auto;
+    -ms-user-select: auto;
+    user-select: auto;
+}
+
+.icon-designtime-ion-list {
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    -moz-align-items: center;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    height: 100%;
+    font-size: 32px;
+    right: 18px;
+}
+
+.selected-designtime-list .checkbox input:checked:before, .selected-designtime-list input:checked+.selected-designtime-list .checkbox-icon:before {
+    background: #2B71E8;
+    border-color: #2B71E8;
+}
+
+.bar .title {
+    text-align: inherit;
+}
+
+ion-header-bar.bar h1.title {
+    text-align: center;
+}
+
+.bar-positive .button.button-icon {
+    align-content: center;
+    display: grid;
+}
+
+.bar-positive .button.button-clear i {
+    font-size: 28px;
+}
+
+.button-bar>.button {
+    gap: 6px;
+    display: flex;
+}
+
+.button-bar>.button:last-child {
+    border-right-width: inherit;
+}
+
+.item-floating-label .input-label {
+    display: table;
+}
+
+.tabs-striped .tabs .tab-item .icon{
+    display: contents;
+}
+
+.tabs-striped .tabs .tab-item{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.tabs-striped .tabs .tab-item span{
+    margin: 0;
+    padding: 0;
+    font-size: 10px;
+    height: 33px;
+    margin-top: -16px;
+}
+
+.tabs-striped .tabs {
+    height: calc(57px + var(--safe-area-inset-bottom, 19px)) !important;
+    min-height: 57px;
+}
+
+.has-footer-tabs {
+    bottom: 57px;
+}
+
+.tab-content>.tab-pane {
+    display: none
+}
+
+.tab-content>.active {
+    display: block
+}