isite 2022.8.3 → 2022.8.6

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

@@ -12,16 +12,16 @@
 i-image {
   width: auto !important;
   height: auto !important;
+  margin: 5px;
 }
 i-image img {
-  width: 150px;
-  height: 150px;
+  width: 128px;
+  height: 128px;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
-  background-image: url('/images/no.jpg');
-  background-size: contain;
+  border: 1px dashed var(--theme-color);
 }
 
 i-image.full img {
@@ -35,10 +35,13 @@ i-image.logo img {
   width: 48px;
   height: 48px;
 }
-
+i-image.logo64 img {
+  width: 64px;
+  height: 64px;
+}
 i-image.photo img {
-  width: 128px;
-  height: 128px;
+  width: 256px;
+  height: 256px;
 }
 
 i-image.hover img:hover {

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/css/table.css

@@ -36,10 +36,10 @@
 }
 
 .table th {
-  background-color: var(--navbar-background-color);
-  color: var(--table-th-color);
+  background-color: var(--navbar-background-color) !important;
+  color: var(--table-th-color) !important;
   border: var(--table-border);
-  padding: 5px;
+  padding: 5px !important;
   text-align: center;
   font-weight: bold;
   white-space: nowrap;

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

@@ -0,0 +1,24 @@
+<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>

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

@@ -0,0 +1,31 @@
+<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> <span class="bold green">{{model.selectedHour.name || '--'}} </span> :
+      <span class="bold green">{{model.selectedMinute.name || '--'}}</span>
+    </p>
+  </div>
+  <div class="row dashed padding margin" ng-show="editOnly">
+    <div class="col2">
+      <i-list label="Day" v="{{v}}" items="days" ng-model="model.selectedDay"></i-list>
+    </div>
+    <div class="col3">
+      <i-list label="Month" v="{{v}}" items="monthes" ng-model="model.selectedMonth"></i-list>
+    </div>
+    <div class="col3">
+      <i-list label="Year" v="{{v}}" items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
+    </div>
+
+    <div class="col2">
+      <i-list label="Hour" v="{{v}}" items="hours" ng-model="model.selectedHour"></i-list>
+    </div>
+    <div class="col2">
+      <i-list label="Minute" v="{{v}}" items="minutes" ng-model="model.selectedMinute"></i-list>
+    </div>
+    <div class="row">
+      <br />
+      <i-button type="save default" ng-click="updateDate()"></i-button>
+    </div>
+  </div>
+</div>

package/apps/client-side/site_files/html/{sub/i-file.content.html → directive/i-file.html}

@@ -1,10 +1,10 @@
 <div class="row">
   <label class="col"> {{label}} </label>
-  <button ng-hide="ngModel" class="btn btn-primary col">
+  <button ng-hide="ngModel || viewOnly" class="btn btn-primary col">
     <i class="fas fa-upload"></i>
   </button>
   <div class="row">
-    <input class="hidden" type="file" name="fileToUpload" />
+    <input class="hidden" type="file" name="fileToUpload" accept="{{accept}}" />
     <div class="progress row">
       <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="{{value}}" aria-valuemin="0" aria-valuemax="100" style="width: {{value}}%"></div>
     </div>
@@ -12,8 +12,6 @@
 
   <div class="view" ng-show="ngModel">
     <a class="link" href="{{ngModel.url}}"> {{ngModel.name}} </a> <span class="blue"> [ size {{ngModel.size / 1000}} kb ] </span>
-    <button class="btn btn-danger" ng-click="ngModel = null">
-      <i class="fas fa-times"></i>
-    </button>
+    <i-button ng-hide="viewOnly" type="delete default" ng-click="ngModel = null;changed();"></i-button>
   </div>
 </div>

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

@@ -0,0 +1,7 @@
+<div class="text-center pointer">
+  <input class="hidden" type="file" name="fileToUpload" accept="{{accept}}" />
+  <img class="rounded" ng-src="{{ngModel.url}}" ngClick="ngClick()" onerror="this.src='/images/no.jpg'" />
+  <div class="progress row">
+    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="{{value}}" aria-valuemin="0" aria-valuemax="100" style="width: {{value}}%"></div>
+  </div>
+</div>

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

@@ -0,0 +1,20 @@
+<div class="dropdown i-list">
+  <div class="mb-3 {{class2}}">
+    <label class="form-label"> {{label}} </label>
+    <input ng-focus="focus()" class="full-width text dropdown-text form-control {{css}}" ng-disabled="disabled" v="{{v}}" readonly ng-model="ngModel.$display" />
+  </div>
+
+  <div class="dropdown-content">
+    <div class="padding" ng-show="showSearch">
+      <input class="full-width search form-control" ng-model="ngSearch" />
+    </div>
+
+    <div class="dropdown-item row" ng-repeat="item in items | filter:{ $display : ngSearch}" ng-click="updateModel(item)">
+      <p>{{getValue(item)}} <small ng-show="display2"> {{getValue2(item)}} </small></p>
+    </div>
+
+    <div class="row center padding pointer">
+      <a class="btn red" ng-click="updateModel({})"> <i class="fa fa-trash"></i> Clear </a>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,4 @@
+<div class="form-check">
+  <input class="form-check-input" type="radio" ng-value="ngValue" id="{{id2}}" ng-change="ngChange()" ng-disabled="disabled" ng-model="ngModel" name="{{group}}" />
+  <label class="form-check-label" for="{{id2}}"> {{label}} </label>
+</div>

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

@@ -0,0 +1,4 @@
+<div class="mb-3">
+  <label for="{{id2}}" class="form-label">{{label}}</label>
+  <textarea ng-disabled="disabled" class="form-control" id="{{id2}}" ng-model="ngModel" ng-change="ngChange()" v="{{v}}" rows="{{rows}}"></textarea>
+</div>

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

@@ -0,0 +1,20 @@
+<div class="treenode">
+  <ul>
+    <li ng-repeat="node in nodes">
+      <div class="row" ng-dblclick="$event.preventDefault();$event.stopPropagation();node.$actions = !0;source.$actions = !1" ng-mouseleave="node.$actions = !1">
+        <span ng-show="node.nodes.length > 0" ng-click="node.$expand = !node.$expand;"> <i ng-hide="node.$expand" class="fa fa-caret-left"></i> <i ng-show="node.$expand" class="fa fa-caret-down"></i> </span>
+        <span ng-hide="node.nodes.length > 0">
+          <i class="fa fa-file"></i>
+        </span>
+
+        <span class="text" ng-class="{'selected' : node.$selected == !0}" ng-click="ngClick($event , node);node.$expand = !node.$expand;selected(node);updateModal(node)"> {{node[display]}} </span>
+        <div class="actions" ng-show="node.$actions === !0">
+          <i-button type="add default" ng-click="ngAdd(node)"></i-button>
+          <i-button type="edit default" ng-click="ngEdit(node)"></i-button>
+          <i-button type="delete default" ng-click="ngDelete(node)"></i-button>
+        </div>
+      </div>
+      <i-treenode display="{{display}}" ng-click="ngClick($event)" ng-add="ngAdd()" ng-edit="ngEdit()" ng-delete="ngDelete()" ng-show="node.$expand" ng-model="ngModel" nodes="node.nodes" nodes="node.nodes"></i-treenode>
+    </li>
+  </ul>
+</div>

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

@@ -0,0 +1,13 @@
+<div class="treeview">
+  <ul>
+    <li ng-dblclick="$event.preventDefault();$event.stopPropagation();source.$actions = !0" ng-mouseleave="source.$actions = !1">
+      <i ng-hide="openTree" class="fa fa-folder"></i> <i ng-show="openTree" class="fa fa-folder"></i>
+
+      <span ng-click="openTree = !openTree" class="title"> {{label}} <small class="display"> [ {{ngModel.v_display}} ] </small> </span>
+      <div class="actions" ng-show="source.$actions === !0">
+        <i-button type="add default" ng-click="ngClick($event , ngModel);ngNode($event , ngModel)"></i-button>
+      </div>
+      <i-treenode display="{{display}}" ng-click="ngClick($event)" ng-add="ngAdd()" ng-edit="ngEdit()" ng-delete="ngDelete()" ng-show="openTree" ng-model="ngModel" nodes="v_nodes"></i-treenode>
+    </li>
+  </ul>
+</div>

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

@@ -0,0 +1,5 @@
+<form class="mb-3">
+    <input  class="hidden" type="file" name="file" />
+    <i-button type="{{type}}" fa="fas fa-upload" ngClick="ngClick()" url="{{ngModel}}" label="{{label}}"> </i-button>
+    <progress class="row"></progress>
+</form>

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

@@ -0,0 +1,64 @@
+<div class="row i-date2">
+  <div class="control">
+    <label> {{label}} </label>
+    <div class="row">
+      <div class="col1 center" ng-click="setDay()">
+        <i class="fa fa-calendar-day"></i>
+      </div>
+      <div class="col2 day">
+        <div class="dropdown">
+          <div class="control">
+            <input class="full-width text dropdown-text {{css}}" ng-disabled="disabled" v="{{v}}" readonly ng-model="model.day_name" />
+          </div>
+
+          <div class="dropdown-content">
+            <div class="row padding">
+              <input class="full-width search" ng-model="d_search" />
+              <br />
+            </div>
+
+            <div class="row padding dropdown-item" ng-repeat="d in days1| filter : d_search">
+              <p class="center" ng-click="updateDate({day : d})">{{d.name}}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col5 month">
+        <div class="dropdown">
+          <div class="control">
+            <input class="full-width text dropdown-text {{css}}" ng-disabled="disabled" v="{{v}}" readonly ng-model="model.month_name" />
+          </div>
+
+          <div class="dropdown-content">
+            <div class="row padding">
+              <input class="full-width search" ng-model="m_search" />
+              <br />
+            </div>
+
+            <div class="row padding dropdown-item" ng-repeat="m in monthes1 | filter : m_search">
+              <p class="center" ng-click="updateDate({month : m})">{{m.name}}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col4 year">
+        <div class="dropdown">
+          <div class="control">
+            <input class="full-width text dropdown-text {{css}}" ng-disabled="disabled" v="{{v}}" readonly ng-model="model.year_name" />
+          </div>
+
+          <div class="dropdown-content">
+            <div class="row padding">
+              <input class="full-width search" ng-model="y_search" />
+              <br />
+            </div>
+
+            <div class="row padding dropdown-item" ng-repeat="y in years1 | filter : y_search">
+              <p class="center" ng-click="updateDate({year : y})">{{y.name}}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>