isite 2022.8.5 → 2022.8.6

package/apps/client-side/site_files/css/effect.css

@@ -1,6 +1,89 @@
 @media all {
+  .flex,
+  .display-flex {
+    display: flex !important;
+  }
+  .inline-flex,
+  .display-inline-flex {
+    display: inline-flex !important;
+  }
+
+  .flexbox,
+  .display-flexbox {
+    display: flexbox !important;
+  }
+  .flexbox,
+  .display-flexbox {
+    display: inline-flexbox !important;
+  }
+  .block,
+  .display-block {
+    display: block !important;
+  }
+
+  .none,
+  .display-none {
+    display: none !important;
+  }
+
+  .inline,
+  .display-inline {
+    display: inline !important;
+  }
+  .inline-block,
+  .display-inline-block {
+    display: inline-block !important;
+  }
+
+  .inline-grid,
+  .display-inline-grid {
+    display: inline-grid !important;
+  }
+
+  .fixed,
+  .position-fixed {
+    position: fixed !important;
+  }
+  .relative,
+  .position-relative {
+    position: relative !important;
+  }
+  .static,
+  .position-static {
+    position: static !important;
+  }
+  .sticky,
+  .position-sticky {
+    position: sticky !important;
+  }
+
+  .left,
+  .float-left {
+    float: left !important;
+  }
+
+  .right,
+  .float-right {
+    float: right !important;
+  }
+  .float-none {
+    float: none !important;
+  }
+
+  .text-center {
+    text-align: center !important;
+  }
+
+  .text-left {
+    text-align: left !important;
+  }
+
+  .text-right {
+    text-align: right !important;
+  }
+
   .pointer {
-    cursor: pointer;
+    cursor: pointer !important;
   }
 
   .bold {
@@ -22,144 +105,120 @@
     text-align: center !important;
   }
 
-  .float-none {
-    float: none !important;
-  }
   .center i.center {
     vertical-align: text-bottom;
   }
 
-  .left {
-    float: left !important;
+  .border {
+    border: 1px solid var(--theme-color) !important;
   }
 
-  .right {
-    float: right !important;
+  .dashed {
+    border: 2px dashed var(--theme-color) !important;
   }
 
-  .text-center {
-    text-align: center !important;
+  .no-border {
+    border: none !important;
   }
 
-  .text-left {
-    text-align: left !important;
+  .no-border-left {
+    border-left: none !important;
   }
 
-  .text-right {
-    text-align: right !important;
+  .no-border-right {
+    border-right: none !important;
   }
 
-  .border {
-    border: 1px solid var(--theme-color);
+  .no-border-top {
+    border-top: none !important;
+  }
+  .no-border-bottom {
+    border-bottom: none !important;
   }
 
-  .dashed {
-    border: 2px dashed var(--theme-color);
+  .no-border-radius {
+    border-radius: 0px !important;
   }
 
+  .border-radius {
+    border-radius: 5px !important;
+  }
   .margin {
-    margin: 3px;
+    margin: 5px !important;
   }
 
   .padding {
-    padding: 3px;
+    padding: 5px !important;
   }
 
   .text-shadow {
-    text-shadow: 1px 1px 1px #000;
+    text-shadow: 1px 1px 1px #000 !important;
   }
 
   .box-shadow {
-    box-shadow: 1px 1px 8px 2px #000;
-  }
-
-  .block {
-    display: block;
+    box-shadow: 1px 1px 8px 2px #000 !important;
   }
 
-  .none {
-    display: none;
+  .font-small {
+    font-size: small !important;
   }
 
-  .inline {
-    display: inline-block;
+  .font-smaller {
+    font-size: smaller !important;
   }
 
-  .inline-grid {
-    display: inline-grid;
+  .font-x-small {
+    font-size: x-small !important;
   }
 
-  .small {
-    font-size: small;
+  .font-xx-small {
+    font-size: xx-small !important;
   }
 
-  .smaller {
-    font-size: smaller;
+  .font-medium {
+    font-size: medium !important;
   }
 
-  .x-small {
-    font-size: x-small;
+  .font-large {
+    font-size: large !important;
   }
 
-  .xx-small {
-    font-size: xx-small;
+  .font-larger {
+    font-size: larger !important;
   }
 
-  .medium {
-    font-size: medium;
+  .font-x-large {
+    font-size: x-large !important;
   }
-
-  .large {
-    font-size: large;
+  .font-xx-large {
+    font-size: xx-large !important;
   }
 
-  .larger {
-    font-size: larger;
+  .rtl {
+    direction: rtl;
   }
 
-  .v {
-    font-size: x-large;
+  .ltr {
+    direction: ltr;
   }
 
+  .height-auto{
+    height: auto !important;
+  };
+  .width-auto{
+    height: auto !important;
+  };
   .error {
     text-align: center;
     color: red;
   }
 
-  .xx-large {
-    font-size: xx-large;
-  }
-
   .appearance-none {
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
   }
 
-  .no-border {
-    border: none !important;
-  }
-
-  .no-border-left {
-    border-left: none !important;
-  }
-
-  .no-border-right {
-    border-right: none !important;
-  }
-
-  .no-border-top {
-    border-top: none !important;
-  }
-
-  .no-border-bottom {
-    border-bottom: none !important;
-  }
-
-  .no-border-radius {
-    border-radius: 0px !important;
-  }
-
   .paper {
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 10px 0 -5px #eee, 0 10px 1px -4px rgba(0, 0, 0, 0.15), 0 20px 0 -10px #eee, 0 20px 1px -9px rgba(0, 0, 0, 0.15);
   }

package/apps/client-side/site_files/css/layout.css

@@ -12,6 +12,7 @@
 
 html {
   background-color: var(--body-background);
+  scroll-behavior: smooth;
 }
 
 body {
@@ -109,108 +110,100 @@ h5 {
   display: inline;
 }
 
-.row .col1 {
-  width: calc(1 / 13 * 100%);
+.col1 {
+  width: calc(1 / 13 * 100%) !important;
 }
 
-.row .col2 {
-  width: calc(2 / 13 * 100%);
+.col2 {
+  width: calc(2 / 13 * 100%) !important;
 }
 
-.row .col3 {
-  width: calc(3 / 13 * 100%);
+.col3 {
+  width: calc(3 / 13 * 100%) !important;
 }
 
-.row .col4 {
-  width: calc(4 / 13 * 100%);
+.col4 {
+  width: calc(4 / 13 * 100%) !important;
 }
 
-.row .col5 {
-  width: calc(5 / 13 * 100%);
+.col5 {
+  width: calc(5 / 13 * 100%) !important;
 }
 
-.row .col6 {
-  width: calc(6 / 13 * 100%);
+.col6 {
+  width: calc(6 / 13 * 100%) !important;
 }
 
-.row .col7 {
-  width: calc(7 / 13 * 100%);
+.col7 {
+  width: calc(7 / 13 * 100%) !important;
 }
 
-.row .col8 {
-  width: calc(8 / 13 * 100%);
+.col8 {
+  width: calc(8 / 13 * 100%) !important;
 }
 
-.row .col9 {
-  width: calc(9 / 13 * 100%);
+.col9 {
+  width: calc(9 / 13 * 100%) !important;
 }
 
-.row .col10 {
-  width: calc(10 / 13 * 100%);
+.col10 {
+  width: calc(10 / 13 * 100%) !important;
 }
 
-.row .col11 {
-  width: calc(11 / 13 * 100%);
+.col11 {
+  width: calc(11 / 13 * 100%) !important;
 }
 
-.row .col12 {
-  width: calc(12 / 13 * 100%);
+.col12 {
+  width: calc(12 / 13 * 100%) !important;
 }
 
 .col-1 {
-  width: calc(0.9 / 13 * 100%);
+  width: calc(0.9 / 13 * 100%) !important;
 }
 
 .col-2 {
-  width: calc(1.9 / 13 * 100%);
+  width: calc(1.9 / 13 * 100%) !important;
 }
 
 .col-3 {
-  width: calc(2.9 / 13 * 100%);
+  width: calc(2.9 / 13 * 100%) !important;
 }
 
 .col-4 {
-  width: calc(3.9 / 13 * 100%);
+  width: calc(3.9 / 13 * 100%) !important;
 }
 
 .col-5 {
-  width: calc(4.9 / 13 * 100%);
+  width: calc(4.9 / 13 * 100%) !important;
 }
 
 .col-6 {
-  width: calc(5.9 / 13 * 100%);
+  width: calc(5.9 / 13 * 100%) !important;
 }
 
 .col-7 {
-  width: calc(6.9 / 13 * 100%);
+  width: calc(6.9 / 13 * 100%) !important;
 }
 
 .col-8 {
-  width: calc(7.9 / 13 * 100%);
+  width: calc(7.9 / 13 * 100%) !important;
 }
 
 .col-9 {
-  width: calc(8.9 / 13 * 100%);
+  width: calc(8.9 / 13 * 100%) !important;
 }
 
 .col-10 {
-  width: calc(9.9 / 13 * 100%);
+  width: calc(9.9 / 13 * 100%) !important;
 }
 
 .col-11 {
-  width: calc(10.9 / 13 * 100%);
+  width: calc(10.9 / 13 * 100%) !important;
 }
 
 .col-12 {
-  width: calc(11.9 / 13 * 100%);
-}
-
-.rtl {
-  direction: rtl;
-}
-
-.ltr {
-  direction: ltr;
+  width: calc(11.9 / 13 * 100%) !important;
 }
 
 /* Small devices (landscape phones, 576px and down) */

package/apps/client-side/site_files/css/modal.css

@@ -20,6 +20,7 @@
     margin: auto;
     padding: 0;
     width: 90%;
+    height: auto !important;
     box-shadow: 0 4px 8px 0 var(--modal-box-shadow-color), 0 6px 20px 0 var(--modal-box-shadow-color);
     -webkit-animation-name: var(--modal-animation-name);
     -webkit-animation-duration: var(--modal-animation-duration);
@@ -43,7 +44,6 @@
     padding: 2px 16px;
     color: var(--modal-color);
     overflow: overlay;
-    max-height: 85vh;
 }
 
 .modal-footer {

package/apps/client-side/site_files/css/normalize.css

@@ -0,0 +1,146 @@
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+main {
+  display: block;
+}
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+a {
+  background-color: transparent;
+}
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+img {
+  border-style: none;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+[type="button"],
+[type="reset"],
+[type="submit"],
+button {
+  -webkit-appearance: button;
+}
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner,
+button::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring,
+button:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+legend {
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}
+progress {
+  vertical-align: baseline;
+}
+textarea {
+  overflow: auto;
+}
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+[type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+details {
+  display: block;
+}
+summary {
+  display: list-item;
+}
+template {
+  display: none;
+}
+[hidden] {
+  display: none;
+}

package/apps/client-side/site_files/css/scrollbar.css

@@ -1,12 +1,16 @@
 ::-webkit-scrollbar {
-    width: 5px;
+  width: 5px;
 }
- 
+
 ::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px var(--scrollbar-box-shadow-color);
+  -webkit-box-shadow: inset 0 0 6px var(--scrollbar-box-shadow-color);
 }
- 
+
 ::-webkit-scrollbar-thumb {
   background-color: var(--scrollbar-background-color);
   outline: 1px solid var(--scrollbar-color);
-}
+}
+
+html::-webkit-scrollbar {
+  width: 10px;
+}

package/apps/client-side/site_files/html/directive/i-button.html

@@ -0,0 +1,5 @@
+<button class="btn {{class}}" type="button" ng-click="click()" ng-disabled="busy">
+  <span ng-show="busy" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+  {{label}}
+  <i class="{{fa}}"></i>
+</button>

package/apps/client-side/site_files/html/directive/i-checkbox.html

@@ -0,0 +1,4 @@
+<div class="form-check">
+  <input ng-change="changed()" ng-disabled="disabled" class="form-check-input" type="checkbox" ng-model="ngModel" id="{{id2}}" />
+  <label class="form-check-label" for="{{id2}}"> {{label}} </label>
+</div>

package/apps/client-side/site_files/html/directive/i-checklist.html

@@ -0,0 +1,6 @@
+<div class="check-list">
+  <label class="title margin"> {{label}} </label>
+  <div class="row">
+    <i-checkbox class="{{class2}}" label="{{item[display]}}" ng-repeat="item in items" ng-model="item.$selected" ng-change="change(item);"></i-checkbox>
+  </div>
+</div>

package/apps/client-side/site_files/html/directive/i-control.html

@@ -0,0 +1,5 @@
+<div class="mb-3 {{class2}}">
+  <label for="{{id2}}" class="form-label">{{label}}</label>
+  <input id="{{id2}}" ng-disabled="disabled" autofocus v="{{v}}" type="{{type}}" ng-model="ngModel" ng-change="ngChange()" ngKeydown="ngKeydown()" class="form-control" placeholder="{{placeholder}}" aria-label="{{label}}" />
+  <div class="invalid-feedback"></div>
+</div>

package/apps/client-side/site_files/html/directive/i-date.html

@@ -1,19 +1,24 @@
-<div class="row i-date2">
-  <div class="control">
-    <label> {{label}} </label>
-    <div class="row dashed">
-      <div class="col1 padding" ng-click="setDay()">
-        <i class="fa fa-calendar-day"></i>
-      </div>
-      <div class="col4 padding">
-        <i-list items="days" ng-model="model.selectedDay" ng-change="updateDate()"></i-list>
-      </div>
-      <div class="col4 padding">
-        <i-list items="monthes" ng-model="model.selectedMonth" ng-change="updateDate()"></i-list>
-      </div>
-      <div class="col4 padding">
-        <i-list items="years" ng-search="searchYear" ng-model="model.selectedYear" ng-change="updateDate()"></i-list>
-      </div>
+<div class="mb-3">
+  <label> {{label}} </label>
+  <div class="row" ng-hide="editOnly">
+    <p ng-click="editOnly = true" class="blue border padding pointer">
+      <span>{{model.selectedDay.name || '__'}} </span> / <span>{{model.selectedMonth.name || '______'}}</span> / <span>{{model.selectedYear.name || '____'}}</span> 
+    </p>
+  </div>
+  <div class="row dashed padding margin" ng-show="editOnly">
+    <div class="col3">
+      <i-list label="Day" v="{{v}}" items="days" ng-model="model.selectedDay"></i-list>
+    </div>
+    <div class="col4">
+      <i-list label="Month" v="{{v}}" items="monthes" ng-model="model.selectedMonth"></i-list>
+    </div>
+    <div class="col4">
+      <i-list label="Year" v="{{v}}" items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
+    </div>
+
+    <div class="col2">
+      <br />
+      <i-button type="save default" ng-click="updateDate()"></i-button>
     </div>
   </div>
 </div>