isite 2022.9.19 → 2022.9.22

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

@@ -1,199 +1,199 @@
 .modal {
-    display: none;
-    position: fixed;
-    z-index: 999999;
-    padding-top: 20px;
-    padding-bottom: 20px;
-    left: 0;
-    top: 0;
-    right: 0;
-    width: 100% !important;
-    height: 100% !important;
-    max-width: 100% !important;
-    background-color: var(--modal-background) !important;
-    overflow: auto;
+  display: none;
+  position: fixed;
+  z-index: 999999;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  left: 0;
+  top: 0;
+  right: 0;
+  width: 100% !important;
+  height: 100% !important;
+  max-width: 100% !important;
+  background-color: var(--modal-background) !important;
+  overflow: auto;
 }
 
 .modal-content {
-    border: var(---modal-content-border);
-    position: relative;
-    color: var(--modal-color);
-    background-color: var(--modal-content-background);
-    margin: auto;
-    padding: 0;
-    width: 90vw;
-    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);
-    animation-name: var(--modal-animation-name);
-    animation-duration: var(--modal-animation-duration);
+  border: var(---modal-content-border);
+  position: relative;
+  color: var(--modal-color);
+  background-color: var(--modal-content-background);
+  margin: auto;
+  padding: 0;
+  width: 90vw;
+  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);
+  animation-name: var(--modal-animation-name);
+  animation-duration: var(--modal-animation-duration);
 }
 
 .modal.small .modal-content,
 .modal-content.small {
-    width: 50%;
+  width: 50%;
 }
 
 .modal-header {
-    padding: 8px 16px;
-    background-color: var(--modal-header-background-color);
-    color: var(--modal-header-color);
+  padding: 8px 16px;
+  background-color: var(--modal-header-background-color);
+  color: var(--modal-header-color);
 }
 
 .modal-body {
-    display: contents;
-    color: var(--modal-color);
-    overflow: visible;
+  display: contents;
+  color: var(--modal-color);
+  overflow: visible;
 }
 
 .modal-footer {
-    padding: 2px 16px;
-    color: var(--modal-footer-color);
+  padding: 2px 16px;
+  color: var(--modal-footer-color);
 }
 
 @-webkit-keyframes animatetop {
-    from {
-        top: -300px;
-        opacity: 0;
-    }
-    to {
-        top: 0;
-        opacity: 1;
-    }
+  from {
+    top: -300px;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
 }
 
 @keyframes animatetop {
-    from {
-        top: -300px;
-        opacity: 0;
-    }
-    to {
-        top: 0;
-        opacity: 1;
-    }
+  from {
+    top: -300px;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
 }
 
 @-webkit-keyframes animatebottom {
-    from {
-        top: 1000px;
-        opacity: 0;
-    }
-    to {
-        top: 0;
-        opacity: 1;
-    }
+  from {
+    top: 1000px;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
 }
 
 @keyframes animatebottom {
-    from {
-        top: 1000px;
-        opacity: 0;
-    }
-    to {
-        top: 0;
-        opacity: 1;
-    }
+  from {
+    top: 1000px;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
 }
 
 @-webkit-keyframes animateleft {
-    from {
-        left: -300px;
-        opacity: 0;
-    }
-    to {
-        left: 0;
-        opacity: 1;
-    }
+  from {
+    left: -300px;
+    opacity: 0;
+  }
+  to {
+    left: 0;
+    opacity: 1;
+  }
 }
 
 @keyframes animateleft {
-    from {
-        left: -300px;
-        opacity: 0;
-    }
-    to {
-        left: 0;
-        opacity: 1;
-    }
+  from {
+    left: -300px;
+    opacity: 0;
+  }
+  to {
+    left: 0;
+    opacity: 1;
+  }
 }
 
 @-webkit-keyframes animateopacity {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes animateopacity {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .modal-header .close {
-    color: var(--modal-color);
-    float: right;
-    font-size: 26px;
-    margin-top: -10px;
-    font-weight: bold;
+  color: var(--modal-color);
+  float: right;
+  font-size: 26px;
+  margin-top: -10px;
+  font-weight: bold;
 }
 
 .modal-header .close:hover,
 .modal-header .close:focus {
-    color: rgb(221, 17, 17);
-    text-decoration: none;
-    cursor: pointer;
+  color: rgb(221, 17, 17);
+  text-decoration: none;
+  cursor: pointer;
 }
 .modal-header h2 {
-    font-size: 16px;
-    text-align: center;
-    padding: 0px;
-    margin: 0px;
-    color: #ffffff;
-    font-weight: bold;
+  font-size: 16px;
+  text-align: center;
+  padding: 0px;
+  margin: 0 auto;
+  color: #ffffff;
+  font-weight: bold;
 }
 
 .popup {
-    overflow: auto;
-    display: block;
-    padding: 5px;
-    box-shadow: 1px 1px 10px 1px #000;
-    z-index: 4000;
-    max-height: 250px;
-    position: fixed;
-    background: var(--modal-content-background);
-    min-width: 250px;
-    -webkit-animation-name: animatepopup;
-    -webkit-animation-duration: 0.5s;
-    animation-name: animatepopup;
-    animation-duration: 0.5s;
+  overflow: auto;
+  display: block;
+  padding: 5px;
+  box-shadow: 1px 1px 10px 1px #000;
+  z-index: 4000;
+  max-height: 250px;
+  position: fixed;
+  background: var(--modal-content-background);
+  min-width: 250px;
+  -webkit-animation-name: animatepopup;
+  -webkit-animation-duration: 0.5s;
+  animation-name: animatepopup;
+  animation-duration: 0.5s;
 }
 
 .popup item {
-    display: block;
-    padding: 5px;
-    color: var(--input-color);
-    font-weight: bold;
-    cursor: pointer;
+  display: block;
+  padding: 5px;
+  color: var(--input-color);
+  font-weight: bold;
+  cursor: pointer;
 }
 
 .popup item:hover {
-    background: var(--theme-color);
-    color: #ffffff;
+  background: var(--theme-color);
+  color: #ffffff;
 }
 
 .popup .search-box {
-    background-color: var(--modal-header-background-color);
-    border: var(--border);
-    overflow: hidden;
-    position: relative;
-    width: 100%;
+  background-color: var(--modal-header-background-color);
+  border: var(--border);
+  overflow: hidden;
+  position: relative;
+  width: 100%;
 }
 .popup .search-box .icon-close {
   height: 100%;
@@ -202,7 +202,7 @@
   background: red;
 }
 
-.popup .search-box .icon-close i{
+.popup .search-box .icon-close i {
   height: 100%;
   position: absolute;
   left: 35%;
@@ -216,7 +216,7 @@
   position: absolute;
   background: red;
 }
-.popup .search-box .icon-search i{
+.popup .search-box .icon-search i {
   height: 100%;
   position: absolute;
   left: 35%;
@@ -225,30 +225,29 @@
   background: green;
 }
 
-
 @-webkit-keyframes animatepopup {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes animatepopup {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 /* Mobile */
 @media screen and (max-width: 480px) {
-    .modal.small .modal-content,
-    .modal-content.small {
-        width: 90vw;
-    }
-  
+  .modal.small .modal-content,
+  .modal-content.small {
+    width: 95vw;
+    margin: 2vw !important;
   }
+}

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

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

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

@@ -143,7 +143,9 @@
   --main-menu-h2-color: #ffffff;
   --main-menu-p-color: #ffffff;
 
-  --scrollbar-background-color: #272727;
+  --scrollbar-width : 10px;
   --scrollbar-color: #ffeb3b;
-  --scrollbar-box-shadow-color: #4caf50;
+  --scrollbar-outline:1px solid var(--scrollbar-color);
+  --scrollbar-background-color: #272727;
+  --scrollbar-box-shadow: inset 0 0 6px #4caf50;
 }

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

@@ -173,7 +173,9 @@
     --main-menu-h2-color: #000;
     --main-menu-p-color: #000;
 
-    --scrollbar-background-color: #272727;
+    --scrollbar-width : 10px;
     --scrollbar-color: #ffeb3b;
-    --scrollbar-box-shadow-color: #4caf50;
+    --scrollbar-outline:1px solid var(--scrollbar-color);
+    --scrollbar-background-color: #272727;
+    --scrollbar-box-shadow: inset 0 0 6px #4caf50;
 }

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

@@ -6,6 +6,18 @@
     -moz-user-select: none;
     -ms-user-select: none;
 }
+.treeview .main-node{
+    display: block;
+}
+.treeview .main-node > i{
+    display: inline-block;
+}
+.treeview .main-node > h2{
+    display: inline-block;
+}
+.treeview .main-node > i-button{
+    display: inline-block;
+}
 
 .treeview i-treenode ul{
     transition: all linear .3s;
@@ -18,6 +30,7 @@
 
 .treeview .actions {
     display: inline-block;
+    width: auto;
 }
 
 .treeview ul {
@@ -49,10 +62,12 @@
     font-size: 14px;
     font-weight: bold;
     cursor: pointer;
-    padding: 5px;
+    padding: 10px 10px;
     border-radius: 5px;
     transition: all ease-out .2s;
-    -webkit-transition:all ease-out .2s;
+    -webkit-transition: all ease-out .2s;
+    display: inline-block;
+    width: auto;
 }
 
 .treenode li span.text:hover {
@@ -63,6 +78,4 @@
 .treenode li .selected {
     background: var(--treeview-background-color2);
     color: var(--treeview-color2);
-    border-radius: 5px;
-    padding: 5px;
 }

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

@@ -1,4 +1,4 @@
-<button class="btn {{class}}" type="button" ng-click="click()" ng-disabled="busy">
+<button class="btn {{class}} {{class2}}" 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>

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

@@ -7,13 +7,13 @@
   </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>
+      <i-list label="{{dayTitle}}" 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>
+      <i-list label="{{monthTitle}}" 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>
+      <i-list label="{{yearTitle}}" v="{{v}}" items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
     </div>
 
     <div class="col2">

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

@@ -8,20 +8,20 @@
   </div>
   <div class="row dashed padding margin" ng-show="editOnly">
     <div class="col2">
-      <i-list label="Day"  items="days" ng-model="model.selectedDay"></i-list>
+      <i-list label="{{dayTitle}}"  items="days" ng-model="model.selectedDay"></i-list>
     </div>
     <div class="col3">
-      <i-list label="Month"  items="monthes" ng-model="model.selectedMonth"></i-list>
+      <i-list label="{{monthTitle}}"  items="monthes" ng-model="model.selectedMonth"></i-list>
     </div>
     <div class="col3">
-      <i-list label="Year"  items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
+      <i-list label="{{yearTitle}}"  items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
     </div>
 
     <div class="col2">
-      <i-list label="Hour"  items="hours" ng-model="model.selectedHour"></i-list>
+      <i-list label="{{hourTitle}}"  items="hours" ng-model="model.selectedHour"></i-list>
     </div>
     <div class="col2">
-      <i-list label="Minute"  items="minutes" ng-model="model.selectedMinute"></i-list>
+      <i-list label="{{minuteTitle}}"  items="minutes" ng-model="model.selectedMinute"></i-list>
     </div>
     <div class="row">
       <br />

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

@@ -1,10 +1,10 @@
 <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">
+      <div class="row" ng-dblclick="$event.preventDefault();$event.stopPropagation();node.$actions = !0;source.$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 ng-show="node.nodes.length == 0">
+          <i class="fas 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>

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

@@ -1,13 +1,8 @@
 <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 class="main-node">
+    <i class="fas fa-sitemap"></i>
+    <h2 class="title">{{label}} <small class="display"> [ {{ngModel.v_display}} ] </small></h2>
+    <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-model="ngModel" nodes="v_nodes"></i-treenode>
 </div>