isite 2022.5.8 → 2022.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,149 +1,149 @@
1
1
  :root {
2
- --theme-color: #283e4a;
3
- --theme-color2: #2f8033;
4
- --font-family: Droid, Cairo, sans-serif, Tahoma, serif;
5
- --font-weight: normal;
6
- --font-size: 14px;
7
- --line-height: 1.4;
8
- --float: left;
9
- --direction: ltr;
10
- --text-align: left;
11
- --color: #ffffff;
12
- --background-color: #607d8b;
13
- --box-shadow-color: #272727;
14
- --border: 1px solid #353535;
15
- --zoom: 90%;
16
- --user-select: text;
17
-
18
- --body-background: #607d8b;
19
- --body-margin-top: 70px;
20
- --body-margin-bottom: 200px;
21
-
22
- --h-font-weight: normal;
23
-
24
- --navbar-color: #fff;
25
- --navbar-span-color: #ffffff;
26
- --navbar-background-color: #283e4a;
27
- --navbar-box-shadow-color: #272727;
28
- --navbar-li-border-radius: 8px;
29
- --navbar-li-border: none;
30
-
31
- --tabs-color: #fff;
32
- --tabs-background-color: #283e4a;
33
- --tabs-background-color2: rgb(60, 85, 97);
34
- --tabs-header-width: 20%;
35
- --tabs-content-width: 80%;
36
- --tabs-header-link-color: #ffffff;
37
- --tabs-header-link-color2: #ffffff;
38
- --tabs-header-link-background: none;
39
- --tabs-header-link-border: none;
40
- --tabs-header-link-border-bottom: none;
41
- --tabs-header-link-radius: 4px;
42
- --tab-animation-name: animatetabs;
43
- --tab-animation-duration: 0.5s;
44
-
45
- --treeview-color: #ffffff;
46
- --treeview-color2: #ffffff;
47
- --treeview-background-color: none;
48
- --treeview-border-color: #000000;
49
- --treeview-background-color2: rgb(60, 85, 97);
50
- --treeview-display-color: #0000ff;
51
-
52
- --form-color: #ffffff;
53
- --form-background-color: none;
54
- --label-font-size: 12px;
55
- --label-font-weight: bold;
56
- --label-text-align: center;
57
-
58
- --input-color: #ffeb3b;
59
- --input-background-color: #3c5d6f;
60
- --input-height: 33px;
61
- --input-padding: 6px 12px;
62
- --input-font-size: 14px;
63
- --input-font-wight: bold;
64
- --input-border-radius: 4px;
65
- --input-border-width: 1px;
66
- --input-border-color: #272727;
67
- --input-focus-border-width: 2px;
68
- --input-focus-border-color: var(--input-color);
69
-
70
- --textarea-border-width: 1px;
71
- --select-appearance: menulist;
72
- --select-font-size: 14px;
73
- --select-color: #000000;
74
- --select-height: 33px;
75
-
76
- --btn-color: #ffffff;
77
- --btn-background: #283e4a;
78
- --btn-add-color: #ffffff;
79
- --btn-add-background-color: #118011;
80
- --btn-update-color: #ffffff;
81
- --btn-update-background-color: #117380;
82
- --btn-save-color: #ffffff;
83
- --btn-save-background-color: #117380;
84
- --btn-delete-color: #ffffff;
85
- --btn-delete-background-color: #801117;
86
- --btn-view-color: #ffffff;
87
- --btn-view-background-color: #451180;
88
- --btn-exit-color: #ffffff;
89
- --btn-exit-background-color: #811e1e;
90
- --btn-search-color: #ffffff;
91
- --btn-search-background-color: #243688;
92
- --btn-print-color: #ffffff;
93
- --btn-print-background-color: #000000;
94
- --btn-export-color: #000000;
95
- --btn-export-background-color: #ffffff;
96
- --btn-sgin-color: #283e4a;
97
- --btn-sgin-background-color: #ffffff;
98
- --btn-box-shadow-color: #272727;
99
- --btn-border-radius: 5px;
100
-
101
- --i-image-border: 2px dashed var(--modal-header-background-color);
102
- --i-image-view-border: 2px solid var(--modal-header-background-color);
103
-
104
- --fieldset-border: 2px solid #283e4a;
105
- --fieldset-background: none;
106
- --fieldset-margin : 10px;
107
- --fieldset-padding : 5px;
108
- --legend-color: #fff;
109
- --legend-text-shadow: none;
110
- --legend-font-size: 16px;
111
- --legend-font-weight: bold;
112
- --legend-border: none;
113
-
114
- --modal-background: rgba(0, 0, 0, 0.6);
115
- --modal-content-background: #607d8b;
116
- --modal-content-border: none;
117
- --modal-color: #000;
118
- --modal-animation-name: animatetop;
119
- --modal-animation-duration: 0.4s;
120
- --modal-header-color: #000000;
121
- --modal-footer-color: #000000;
122
- --modal-header-background-color: #283e4a;
123
- --modal-footer-background-color: #bbb;
124
- --modal-box-shadow-color: #000000;
125
-
126
- --table-color: #030303;
127
- --table-background-color: #ffffff;
128
- --table-border: 1px solid #bbb;
129
- --table-hover-background-color: yellow;
130
- --table-th-color: #fff;
131
-
132
- --help-height: 110px;
133
- --help-border: none;
134
- --help-border-radius: 10px;
135
- --help-background-color: #283e4a;
136
- --help-opacity: 1;
137
- --help-content-color: #ffffff;
138
-
139
- --main-menu-item-padding: 2px;
140
- --main-menu-item-border: 1px solid #ddd;
141
- --main-menu-item-border-radius: 0px;
142
- --main-menu-item-background-color: #283e4a;
143
- --main-menu-h2-color: #ffffff;
144
- --main-menu-p-color: #ffffff;
145
-
146
- --scrollbar-background-color: #272727;
147
- --scrollbar-color: #ffeb3b;
148
- --scrollbar-box-shadow-color: #4caf50;
2
+ --theme-color: #283e4a;
3
+ --theme-color2: #2f8033;
4
+ --font-family: Arabic, sans-serif, Tahoma, serif;
5
+ --font-weight: normal;
6
+ --font-size: 14px;
7
+ --line-height: 1.4;
8
+ --float: left;
9
+ --direction: ltr;
10
+ --text-align: left;
11
+ --color: #ffffff;
12
+ --background-color: #607d8b;
13
+ --box-shadow-color: #272727;
14
+ --border: 1px solid #353535;
15
+ --zoom: 90%;
16
+ --user-select: text;
17
+
18
+ --body-background: #607d8b;
19
+ --body-margin-top: 70px;
20
+ --body-margin-bottom: 200px;
21
+
22
+ --h-font-weight: normal;
23
+
24
+ --navbar-color: #fff;
25
+ --navbar-span-color: #ffffff;
26
+ --navbar-background-color: #283e4a;
27
+ --navbar-box-shadow-color: #272727;
28
+ --navbar-li-border-radius: 8px;
29
+ --navbar-li-border: none;
30
+
31
+ --tabs-color: #fff;
32
+ --tabs-background-color: #283e4a;
33
+ --tabs-background-color2: rgb(60, 85, 97);
34
+ --tabs-header-width: 20%;
35
+ --tabs-content-width: 80%;
36
+ --tabs-header-link-color: #ffffff;
37
+ --tabs-header-link-color2: #ffffff;
38
+ --tabs-header-link-background: none;
39
+ --tabs-header-link-border: none;
40
+ --tabs-header-link-border-bottom: none;
41
+ --tabs-header-link-radius: 4px;
42
+ --tab-animation-name: animatetabs;
43
+ --tab-animation-duration: 0.5s;
44
+
45
+ --treeview-color: #ffffff;
46
+ --treeview-color2: #ffffff;
47
+ --treeview-background-color: none;
48
+ --treeview-border-color: #000000;
49
+ --treeview-background-color2: rgb(60, 85, 97);
50
+ --treeview-display-color: #0000ff;
51
+
52
+ --form-color: #ffffff;
53
+ --form-background-color: none;
54
+ --label-font-size: 12px;
55
+ --label-font-weight: bold;
56
+ --label-text-align: center;
57
+
58
+ --input-color: #ffeb3b;
59
+ --input-background-color: #3c5d6f;
60
+ --input-height: 33px;
61
+ --input-padding: 6px 12px;
62
+ --input-font-size: 14px;
63
+ --input-font-wight: bold;
64
+ --input-border-radius: 4px;
65
+ --input-border-width: 1px;
66
+ --input-border-color: #272727;
67
+ --input-focus-border-width: 2px;
68
+ --input-focus-border-color: var(--input-color);
69
+
70
+ --textarea-border-width: 1px;
71
+ --select-appearance: menulist;
72
+ --select-font-size: 14px;
73
+ --select-color: #000000;
74
+ --select-height: 33px;
75
+
76
+ --btn-color: #ffffff;
77
+ --btn-background: #283e4a;
78
+ --btn-add-color: #ffffff;
79
+ --btn-add-background-color: #118011;
80
+ --btn-update-color: #ffffff;
81
+ --btn-update-background-color: #117380;
82
+ --btn-save-color: #ffffff;
83
+ --btn-save-background-color: #117380;
84
+ --btn-delete-color: #ffffff;
85
+ --btn-delete-background-color: #801117;
86
+ --btn-view-color: #ffffff;
87
+ --btn-view-background-color: #451180;
88
+ --btn-exit-color: #ffffff;
89
+ --btn-exit-background-color: #811e1e;
90
+ --btn-search-color: #ffffff;
91
+ --btn-search-background-color: #243688;
92
+ --btn-print-color: #ffffff;
93
+ --btn-print-background-color: #000000;
94
+ --btn-export-color: #000000;
95
+ --btn-export-background-color: #ffffff;
96
+ --btn-sgin-color: #283e4a;
97
+ --btn-sgin-background-color: #ffffff;
98
+ --btn-box-shadow-color: #272727;
99
+ --btn-border-radius: 5px;
100
+
101
+ --i-image-border: 2px dashed var(--modal-header-background-color);
102
+ --i-image-view-border: 2px solid var(--modal-header-background-color);
103
+
104
+ --fieldset-border: 2px solid #283e4a;
105
+ --fieldset-background: none;
106
+ --fieldset-margin: 10px;
107
+ --fieldset-padding: 5px;
108
+ --legend-color: #fff;
109
+ --legend-text-shadow: none;
110
+ --legend-font-size: 16px;
111
+ --legend-font-weight: bold;
112
+ --legend-border: none;
113
+
114
+ --modal-background: rgba(0, 0, 0, 0.6);
115
+ --modal-content-background: #607d8b;
116
+ --modal-content-border: none;
117
+ --modal-color: #000;
118
+ --modal-animation-name: animatetop;
119
+ --modal-animation-duration: 0.4s;
120
+ --modal-header-color: #000000;
121
+ --modal-footer-color: #000000;
122
+ --modal-header-background-color: #283e4a;
123
+ --modal-footer-background-color: #bbb;
124
+ --modal-box-shadow-color: #000000;
125
+
126
+ --table-color: #030303;
127
+ --table-background-color: #ffffff;
128
+ --table-border: 1px solid #bbb;
129
+ --table-hover-background-color: yellow;
130
+ --table-th-color: #fff;
131
+
132
+ --help-height: 110px;
133
+ --help-border: none;
134
+ --help-border-radius: 10px;
135
+ --help-background-color: #283e4a;
136
+ --help-opacity: 1;
137
+ --help-content-color: #ffffff;
138
+
139
+ --main-menu-item-padding: 2px;
140
+ --main-menu-item-border: 1px solid #ddd;
141
+ --main-menu-item-border-radius: 0px;
142
+ --main-menu-item-background-color: #283e4a;
143
+ --main-menu-h2-color: #ffffff;
144
+ --main-menu-p-color: #ffffff;
145
+
146
+ --scrollbar-background-color: #272727;
147
+ --scrollbar-color: #ffeb3b;
148
+ --scrollbar-box-shadow-color: #4caf50;
149
149
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  --theme-color: #151515;
4
4
  --theme-color2: #2f8033;
5
- --font-family: Droid , Cairo, sans-serif, Tahoma, serif;
5
+ --font-family: Arabic, sans-serif, Tahoma, serif;
6
6
  --font-weight: normal;
7
7
  --font-size: 14px;
8
8
  --line-height: 1.5;
@@ -3,7 +3,7 @@
3
3
  --theme-color: #317cb9;
4
4
  --theme-color2: #2f8033;
5
5
  --theme-color3: #3f51b5;
6
- --font-family: Droid, Cairo, sans-serif, Tahoma, serif;
6
+ --font-family: Arabic, sans-serif, Tahoma, serif;
7
7
  --font-weight: normal;
8
8
  --font-size: 14px;
9
9
  --line-height: 1.5;
@@ -0,0 +1,19 @@
1
+ <div class="row">
2
+ <label class="col"> {{label}} </label>
3
+ <button ng-hide="ngModel" class="btn btn-primary col">
4
+ <i class="fas fa-upload"></i>
5
+ </button>
6
+ <div class="row">
7
+ <input class="hidden" type="file" name="fileToUpload" />
8
+ <div class="progress row">
9
+ <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>
10
+ </div>
11
+ </div>
12
+
13
+ <div class="view" ng-show="ngModel">
14
+ <a class="link" href="{{ngModel.url}}"> {{ngModel.name}} </a> <span class="blue"> [ size {{ngModel.size / 1000}} kb ] </span>
15
+ <button class="btn btn-danger" ng-click="ngModel = null">
16
+ <i class="fas fa-times"></i>
17
+ </button>
18
+ </div>
19
+ </div>
@@ -1,12 +1,12 @@
1
1
  <div class="dropdown i-list" >
2
2
  <div class="control">
3
3
  <label> {{label}} </label>
4
- <input ng-focus="focus()" class="full-width text dropdown-text {{css}}" ng-disabled="disabled" v="{{v}}" readonly ng-model="ngModel.$display" />
4
+ <input ng-focus="focus()" class="full-width text dropdown-text form-control {{css}}" ng-disabled="disabled" v="{{v}}" readonly ng-model="ngModel.$display" />
5
5
  </div>
6
6
 
7
7
  <div class="dropdown-content">
8
8
  <div class="row padding" ng-show="showSearch">
9
- <input class="full-width search" ng-model="ngSearch" />
9
+ <input class="full-width search form-control" ng-model="ngSearch" />
10
10
  <br />
11
11
  </div>
12
12
 
@@ -0,0 +1,18 @@
1
+ site.vTab = function (name) {
2
+ if (!name) {
3
+ return false;
4
+ }
5
+ document.querySelectorAll('.v-tabs .nav-link').forEach((el) => {
6
+ el.classList.remove('active');
7
+ });
8
+ document.querySelectorAll('.v-contents .tab-pane').forEach((el) => {
9
+ el.classList.remove('active');
10
+ el.classList.remove('show');
11
+ el.classList.add('none');
12
+ });
13
+ document.querySelectorAll(`.v-tabs #${name}-tab , .v-contents #${name}-content`).forEach((el) => {
14
+ el.classList.add('active');
15
+ el.classList.add('show');
16
+ el.classList.remove('none');
17
+ });
18
+ };