isite 2021.11.17 → 2021.11.23

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

@@ -1,153 +1,177 @@
 :root {
-  --theme-color: #3f51b5;
-  --theme-color2: #2f8033;
-  --font-family: Droid , Cairo, sans-serif, Tahoma, serif;
-  --font-weight: normal;
-  --font-size: 14px;
-  --line-height: 1.5;
-  --float: left;
-  --direction: ltr;
-  --text-align: left;
-  --color: #030303;
-  --background-color: #ffffff;
-  --box-shadow-color: #272727;
-  --border: 1px solid #353535;
-  --zoom: 90%;
-  --user-select: none;
-
-  --body-background: #ffffff;
-  --body-margin-top: 70px;
-  --body-margin-bottom: 300px;
-
-  --h-font-weight: normal;
-
-  --navbar-color: #fff;
-  --navbar-span-color: #fff;
-  --navbar-background-color: var(--theme-color);
-  --navbar-box-shadow-color: #272727;
-  --navbar-li-border-radius: 15px;
-  --navbar-li-border: none;
-
-  --tabs-color: #fff;
-  --tabs-background-color: var(--theme-color);
-  --tabs-background-color2: var(--theme-color);
-  --tabs-header-width: 20%;
-  --tabs-content-width: 80%;
-  --tabs-header-link-color: #000000;
-  --tabs-header-link-color2: #ffffff;
-  --tabs-header-link-background: none;
-  --tabs-header-link-border: none;
-  --tabs-header-link-border-bottom: 1px solid rgba(211, 211, 211, 0.91);
-  --tabs-header-link-radius: 0px;
-  --tab-animation-name: animateleft;
-  --tab-animation-duration: 1s;
-
-  --treeview-color: #000000;
-  --treeview-color2: #ffffff;
-  --treeview-background-color: none;
-  --treeview-border-color: #000000;
-  --treeview-background-color2: #404040;
-  --treeview-display-color: #0000ff;
-
-  --form-color: #000000;
-  --form-background-color: none;
-  --label-font-size: var(--font-size);
-  --label-font-weight: bold;
-  --label-text-align: var(--text-align);
-
-  --input-color: #0000ff;
-  --input-background-color: #ffffff;
-  --input-height: 35px;
-  --input-padding: 6px 12px;
-  --input-font-size: 16px;
-  --input-font-wight: normal;
-  --input-border-radius: 0px;
-  --input-border-width: 0 0 1px;
-  --input-border-color: rgba(211, 211, 211, 0.91);
-  --input-focus-border-width: 0 0 2px;
-  --input-focus-border-color: blue;
-
-  --textarea-border-width: 1px;
-  --select-appearance: none;
-  --select-font-size: var(--input-font-size);
-  --select-color: #ffffff;
-  --select-height: 35px;
-
-  --btn-color: #ffffff;
-  --btn-background-color: var(--theme-color);
-  --btn-add-color: #ffffff;
-  --btn-add-background-color: #118011;
-  --btn-update-color: #ffffff;
-  --btn-update-background-color: #117380;
-  --btn-save-color: #ffffff;
-  --btn-save-background-color: #117380;
-  --btn-delete-color: #ffffff;
-  --btn-delete-background-color: #801117;
-  --btn-view-color: #ffffff;
-  --btn-view-background-color: #451180;
-  --btn-exit-color: #ffffff;
-  --btn-exit-background-color: #811e1e;
-  --btn-search-color: #ffffff;
-  --btn-search-background-color: #243688;
-  --btn-print-color: #ffffff;
-  --btn-print-background-color: #000000;
-  --btn-export-color: #000000;
-  --btn-export-background-color: #ffffff;
-  --btn-sgin-color: #000000;
-  --btn-sgin-background-color: #ffffff;
-  --btn-box-shadow-color: #272727;
-  --btn-border-radius: 5px;
-
-  --i-image-border: 2px dashed var(--theme-color);
-  --i-image-view-border: 2px solid var(--theme-color);
-
-  --fieldset-border: 2px solid #292929;
-  --fieldset-background: none;
-  --legend-color: #000000;
-  --legend-text-shadow: none;
-  --legend-font-size: 18px;
-  --legend-font-weight: bold;
-  --legend-border: none;
-
-  --modal-background: #ffffff;
-  --modal-content-background: #ffffff;
-  --modal-content-border: 3px solid var(--theme-color);
-  --modal-color: #fff;
-  --modal-animation-name: animateleft;
-  --modal-animation-duration: 0.4s;
-  --modal-header-color: #fff;
-  --modal-footer-color: #fff;
-  --modal-header-background-color: var(--theme-color);
-  --modal-footer-background-color: #ffffff;
-  --modal-box-shadow-color: #272727;
-
-  --table-color: #030303;
-  --table-background-color: #ffffff;
-  --table-border: 1px solid #bbb;
-  --table-hover-background-color: yellow;
-  --table-th-color: #fff;
-
-  --help-height: 110px;
-  --help-border: 1px solid #272727;
-  --help-border-radius: 0px;
-  --help-background-color: #3f51b5;
-  --help-opacity: 1;
-  --help-content-color: #ffffff;
-
-  --main-menu-item-padding: 5px;
-  --main-menu-item-border: 3px solid var(--theme-color);
-  --main-menu-item-border-radius: 15px;
-  --main-menu-item-background-color: #fff;
-  --main-menu-h2-color: #000;
-  --main-menu-p-color: #000;
-
-  --scrollbar-background-color: var(--theme-color);
-  --scrollbar-color: #fff;
-  --scrollbar-box-shadow-color: #fff;
-}
-
-i-checkbox .selector.un-selected {
-  background: #787d72;
-  border: 1px solid #000;
-  color: #fff;
+    
+    --theme-color: #317cb9;
+    --theme-color2: #2f8033;
+    --theme-color3: #3f51b5;
+    --font-family: Droid, Cairo, sans-serif, Tahoma, serif;
+    --font-weight: normal;
+    --font-size: 14px;
+    --line-height: 1.5;
+    --float: left;
+    --direction: ltr;
+    --text-align: left;
+    --color: #030303;
+    --background-color: #ffffff;
+    --box-shadow-color: #272727;
+    --border: 1px solid #353535;
+    --zoom: 90%;
+    --user-select: none;
+
+    --body-background: #ffffff;
+    --body-margin-top: 70px;
+    --body-margin-bottom: 300px;
+
+    --h-font-weight: normal;
+
+    --navbar-color: #fff;
+    --navbar-span-color: #fff;
+    --navbar-background-color: var(--theme-color);
+    --navbar-box-shadow-color: #272727;
+    --navbar-li-border-radius: 15px;
+    --navbar-li-border: none;
+
+    --tabs-color: #fff;
+    --tabs-background-color: var(--theme-color);
+    --tabs-background-color2: var(--theme-color);
+    --tabs-header-width: 20%;
+    --tabs-content-width: 80%;
+
+    --tabs-header-link-font-size: 18px;
+    --tabs-header-link-font-weight: 700;
+    --tabs-header-link-color: #272727;
+    --tabs-header-link-color2: #ffffff;
+    --tabs-header-link-background: none;
+    --tabs-header-link-border: none;
+    --tabs-header-link-border-bottom: 1px solid var(--theme-color);
+    --tabs-header-link-radius: 0px;
+
+    --tab-animation-name: animateleft;
+    --tab-animation-duration: 1s;
+
+    --treeview-color: #000000;
+    --treeview-color2: #ffffff;
+    --treeview-background-color: none;
+    --treeview-border-color: #000000;
+    --treeview-background-color2: #404040;
+    --treeview-display-color: #0000ff;
+
+    --form-color: #000000;
+    --form-background-color: none;
+    --label-color : #000;
+    --label-font-size: 16px;
+    --label-font-weight: normal;
+    --label-text-align: var(--text-align);
+
+    --input-color: #0000ff;
+    --input-background-color: #ffffff;
+    --input-height: 35px;
+    --input-padding: 6px 12px;
+    --input-font-size: 14px;
+    --input-font-wight: normal;
+    --input-border-radius: 0px;
+    --input-border-width: 0 0 1px;
+    --input-border-color: rgba(211, 211, 211, 0.91);
+    --input-focus-border-width: 0 0 2px;
+    --input-focus-border-color: var(--theme-color);
+
+    --dropdown-color : green;
+    --dropdown-background : #fff;
+    --dropdown-font-size : 14px;
+    --dropdown-color2 : #000;
+    --dropdown-font-size2 : 12px;
+
+    --textarea-border-width: 1px;
+    --select-appearance: none;
+    --select-font-size: var(--input-font-size);
+    --select-color: #ffffff;
+    --select-height: 35px;
+
+    --btn-color: #000;
+    --btn-background: #ffffff;
+    --btn-box-shadow: none;
+    --btn-box-shadow-color: #272727;
+    --btn-border-radius: 5px;
+    --btn-border: 1px solid #ddd;
+
+    --btn-display: inline-block;
+    --btn-cursor: pointer;
+    --btn-min-width: 90px;
+    --btn-min-height: 36px;
+    --btn-font-weight: 400;
+
+    --btn-text-decoration: none;
+    --btn-text-align: center;
+    --btn-vertical-align: middle;
+    --btn-margin: 10px;
+    --btn-padding: 7px 9px;
+    --btn-font-size: 14px;
+    --btn-user-select: none;
+
+    --btn-add-color: #000;
+    --btn-add-background-color: #ffffff;
+    --btn-update-color: #000;
+    --btn-update-background-color: #ffffff;
+    --btn-save-color: #000;
+    --btn-save-background-color: #ffffff;
+    --btn-delete-color: #000;
+    --btn-delete-background-color: #ffffff;
+    --btn-view-color: #000;
+    --btn-view-background-color: #ffffff;
+    --btn-exit-color: #000;
+    --btn-exit-background-color: #ffffff;
+    --btn-search-color: #000;
+    --btn-search-background-color: #ffffff;
+    --btn-print-color: #000;
+    --btn-print-background-color: #ffffff;
+    --btn-export-color: #000000;
+    --btn-export-background-color: #ffffff;
+    --btn-sgin-color: #000000;
+    --btn-sgin-background-color: #ffffff;
+
+    --i-image-border: 2px dashed var(--theme-color);
+    --i-image-view-border: 2px solid var(--theme-color);
+
+    --fieldset-border: 1px solid var(--theme-color);
+    --fieldset-background: none;
+    --legend-color: var(--theme-color);
+    --legend-text-shadow: none;
+    --legend-font-size: 18px;
+    --legend-font-weight: bold;
+    --legend-border: none;
+
+    --modal-background: var(--theme-color);
+    --modal-content-background: #ffffff;
+    --modal-content-border: 3px solid var(--theme-color);
+    --modal-color: #fff;
+    --modal-animation-name: animateleft;
+    --modal-animation-duration: 0.4s;
+    --modal-header-color: #fff;
+    --modal-footer-color: #fff;
+    --modal-header-background-color: var(--theme-color);
+    --modal-footer-background-color: #ffffff;
+    --modal-box-shadow-color: #272727;
+
+    --table-color: #030303;
+    --table-background-color: #ffffff;
+    --table-border: 1px solid #bbb;
+    --table-hover-background-color: #eee;
+    --table-th-color: #fff;
+
+    --help-height: 110px;
+    --help-border: 1px solid #272727;
+    --help-border-radius: 0px;
+    --help-background-color: #3f51b5;
+    --help-opacity: 1;
+    --help-content-color: #ffffff;
+
+    --main-menu-item-padding: 5px;
+    --main-menu-item-border: 3px solid var(--theme-color);
+    --main-menu-item-border-radius: 15px;
+    --main-menu-item-background-color: #fff;
+    --main-menu-h2-color: #000;
+    --main-menu-p-color: #000;
+
+    --scrollbar-background-color: var(--theme-color);
+    --scrollbar-color: #fff;
+    --scrollbar-box-shadow-color: #fff;
 }

package/apps/client-side/site_files/html/sub/i-date2.content.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>

package/apps/client-side/site_files/html/sub/i-list.content.html

@@ -0,0 +1,31 @@
+<div class="control">
+    <label> {{label}} </label>
+    <input class="full-width text {{css}}" ng-disabled="disabled" v="{{v}}" readonly />
+    <input type="hidden" ng-model="ngModel.$display" />
+    <div class="popup">
+        <div ng-show="showSearch" class="row search-box">
+            <div class="col1">
+                <div class="pointer icon-close" ng-click="hide()">
+                    <i class="fa fa-times center"></i>
+                </div>
+            </div>
+            <div class="col10">
+                <input ng-disabled="disabled" class="full-width search" ng-model="ngSearch" />
+            </div>
+            <div class="col1">
+                <div class="center pointer icon-search" ng-click="ngAdd()">
+                    <i class="fa {{fa_add}} center"></i>
+                </div>
+            </div>
+        </div>
+        <item ng-repeat="item in items | filter:{ $display : ngSearch}" ng-click="updateModel(item)"> {{getValue(item)}} <small class="left"> {{getValue2(item)}} </small> </item>
+        <br />
+        <div class="row">
+            <div class="col4"></div>
+            <div class="col4 center bg-red padding pointer" ng-click="updateModel({})">
+                <i class="fa fa-trash white" aria-hidden="true"></i>
+            </div>
+            <div class="col4"></div>
+        </div>
+    </div>
+</div>

package/apps/client-side/site_files/html/sub/i-list2.content.html

@@ -0,0 +1,22 @@
+<div class="dropdown i-list" >
+    <div class="control">
+        <label> {{label}} </label>
+        <input ng-focus="focus()" class="full-width text dropdown-text {{css}}" ng-disabled="disabled" v="{{v}}" readonly ng-model="ngModel.$display" />
+    </div>
+
+    <div class="dropdown-content">
+        <div class="row padding" ng-show="showSearch">
+            <input class="full-width search" ng-model="ngSearch" />
+            <br />
+        </div>
+
+        <div class="row padding dropdown-item center" ng-repeat="item in items | filter:{ $display : ngSearch}" ng-click="updateModel(item)">
+            <p>{{getValue(item)}}</p>
+            <small> {{getValue2(item)}} </small>
+        </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>