isite 2024.8.14 → 2024.8.16

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.
Files changed (24) hide show
  1. package/README.md +1 -1
  2. package/apps/client-side/site_files/css/bootstrap5-addon.css +11 -8
  3. package/apps/client-side/site_files/css/dropdown.css +12 -8
  4. package/apps/client-side/site_files/css/effect.css +18 -2
  5. package/apps/client-side/site_files/css/form.css +8 -2
  6. package/apps/client-side/site_files/css/images.css +2 -37
  7. package/apps/client-side/site_files/css/theme_paper.css +182 -182
  8. package/apps/client-side/site_files/html/directive/i-image.html +1 -1
  9. package/apps/client-side/site_files/html/directive/i-list.html +1 -1
  10. package/apps/client-side/site_files/html/directive-core/i-date.html +6 -50
  11. package/apps/client-side/site_files/js/bootstrap-5-addon.js +3 -0
  12. package/apps/client-side/site_files/js/bootstrap-5-directive.js +18 -7
  13. package/apps/client-side/site_files/js/directive.js +25 -33
  14. package/apps/client-side/site_files/js/site.js +31 -28
  15. package/apps/client-side/site_files/js/site.min.js +1 -1
  16. package/lib/collection.js +19 -16
  17. package/lib/mongodb.js +10 -4
  18. package/lib/parser.js +1 -0
  19. package/lib/security.js +3 -0
  20. package/lib/session.js +3 -0
  21. package/lib/words.js +2 -0
  22. package/lib/wsClient.js +6 -6
  23. package/object-options/lib/fn.js +8 -0
  24. package/package.json +1 -1
package/README.md CHANGED
@@ -959,7 +959,7 @@ site.on('mongodb after delete many' , (result)=>{
959
959
  site.mongodb.deleteOne({
960
960
  dbName: 'company',
961
961
  collectionName: 'employess',
962
- where:{_id: new site.mongodb.ObjectID('df54fdt8h3n48ykd136vg')}
962
+ where:{_id: new site.mongodb.ObjectId('df54fdt8h3n48ykd136vg')}
963
963
  }, function (err, result) {
964
964
  if (err) {
965
965
  site.log(err.message)
package/apps/client-side/site_files/css/bootstrap5-addon.css CHANGED
@@ -41,6 +41,9 @@ body {
41
41
  float: right;
42
42
  margin-right: -1.5em;
43
43
  }
44
+ a {
45
+ word-wrap: break-word;
46
+ }
44
47
  .form-label {
45
48
  margin-bottom: 0.5rem;
46
49
  margin-left: 5px;
@@ -62,11 +65,12 @@ fieldset {
62
65
  margin: var(--fieldset-margin);
63
66
  background: var(--fieldset-background);
64
67
  border: var(--fieldset-border);
65
- border-radius: 10px;
68
+ border-radius: var(--fieldset-border-radius);
66
69
  max-width: 98% !important;
67
70
  }
68
71
 
69
72
  fieldset legend {
73
+ display: contents;
70
74
  color: var(--legend-color);
71
75
  font-size: var(--legend-font-size);
72
76
  text-shadow: var(--legend-text-shadow);
@@ -81,13 +85,13 @@ fieldset legend {
81
85
  .AR fieldset legend {
82
86
  float: right;
83
87
  }
84
- legend::after {
85
- content: ' : ';
86
- }
87
88
  .border {
88
89
  border: 1px solid #ced4da !important;
89
90
  border-radius: 0.375rem;
90
91
  }
92
+ i-control {
93
+ display: block;
94
+ }
91
95
  i-textarea {
92
96
  margin: 0px;
93
97
  }
@@ -195,10 +199,9 @@ i-datetime input {
195
199
  .dropdown-content {
196
200
  display: none;
197
201
  position: absolute;
198
- top: 30px !important;
202
+ top: 75px !important;
199
203
  background-color: #ffffff;
200
204
  width: 100%;
201
- box-shadow: 0px 20px 16px 16px rgb(0 0 0);
202
205
  z-index: 999;
203
206
  max-height: 75vh;
204
207
  min-height: 20%;
@@ -206,8 +209,8 @@ i-datetime input {
206
209
  margin: 0;
207
210
  scroll-behavior: auto;
208
211
  overflow: auto;
209
- border: 5px solid #6b6868;
210
- transition: all 0.2s ease;
212
+ border: 1px solid var(--theme-color);
213
+ border-radius: 10px;
211
214
  }
212
215
  .v-tabs .nav-link {
213
216
  color: #aaa !important;
package/apps/client-side/site_files/css/dropdown.css CHANGED
@@ -9,23 +9,26 @@
9
9
  .dropdown-content {
10
10
  display: none;
11
11
  position: absolute;
12
- top: 40px;
12
+ top: 75px !important;
13
13
  background-color: #ffffff;
14
14
  width: 100%;
15
- box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
16
15
  z-index: 999;
17
- max-height: 50vh;
16
+ max-height: 75vh;
17
+ min-height: 20%;
18
18
  padding: 0px;
19
+ margin: 0;
19
20
  scroll-behavior: auto;
20
21
  overflow: auto;
21
- border: 1px solid var(--theme-color);
22
+ border: 3px solid var(--theme-color);
23
+ border-radius: 10px;
24
+ box-shadow: 1px 1px 8px 2px #000;
22
25
  }
23
26
 
24
27
  .dropdown .dropdown-search {
25
28
  padding: 5px;
26
29
  position: sticky;
27
30
  top: 0;
28
- background: #eee;
31
+ background: var(--theme-color);
29
32
  }
30
33
  .dropdown .dropdown-search i-control2 {
31
34
  display: inline-block;
@@ -40,7 +43,7 @@
40
43
  }
41
44
  /* Links inside the dropdown */
42
45
  .dropdown-content p {
43
- color: black;
46
+ color: var(--color);
44
47
  background-color: #ffffff;
45
48
  padding: 12px 16px;
46
49
  text-decoration: none;
@@ -49,7 +52,8 @@
49
52
 
50
53
  /* Change color of dropdown links on hover */
51
54
  .dropdown-content .dropdown-item:hover {
52
- background-color: #bbbbbb;
55
+ background-color: #7c7c7c;
56
+ --color: #ffffff;
53
57
  }
54
58
 
55
59
  /* Show the dropdown menu on hover
@@ -70,12 +74,12 @@ i-list .dropdown-item {
70
74
  .dropdown-item p {
71
75
  color: var(--color);
72
76
  font-size: 16px;
73
- font-weight: bold;
74
77
  background: transparent;
75
78
  text-align: center;
76
79
  padding: 0;
77
80
  }
78
81
  .ar .dropdown-item p,
82
+ .rtl .dropdown-item p,
79
83
  .AR .dropdown-item p {
80
84
  text-align: right;
81
85
  }
package/apps/client-side/site_files/css/effect.css CHANGED
@@ -110,8 +110,8 @@
110
110
  justify-content: center;
111
111
  }
112
112
  .center {
113
- margin: 0 auto ;
114
- text-align: center ;
113
+ margin: 0 auto;
114
+ text-align: center;
115
115
  }
116
116
  .center,
117
117
  .center p,
@@ -369,3 +369,19 @@
369
369
  white-space: pre-line !important;
370
370
  }
371
371
  }
372
+
373
+ .zoom {
374
+ transition: transform 0.5s;
375
+ position: fixed;
376
+ top: 0;
377
+ left: 0;
378
+ right: 0;
379
+ border: 0;
380
+ width: 100% !important;
381
+ height: 100% !important;
382
+ object-fit: contain;
383
+ z-index: 99999999;
384
+ background: #000;
385
+ padding: 0;
386
+ margin: 0;
387
+ }
package/apps/client-side/site_files/css/form.css CHANGED
@@ -140,6 +140,8 @@ fieldset {
140
140
  margin: var(--fieldset-margin);
141
141
  background: var(--fieldset-background);
142
142
  border: var(--fieldset-border);
143
+ border-radius: var(--fieldset-border-radius);
144
+ max-width: 98% !important;
143
145
  }
144
146
 
145
147
  fieldset legend {
@@ -179,9 +181,13 @@ fieldset legend {
179
181
  font-size: 16px;
180
182
  color: #000;
181
183
  }
182
- .i-date2 .fa {
183
- font-size: 18px;
184
+ .i-date2 label {
185
+ display: none;
186
+ }
187
+ .i-date2 .fa-calendar-day {
188
+ font-size: 35px;
184
189
  cursor: pointer;
190
+ color: var(--theme-color);
185
191
  }
186
192
  i-file {
187
193
  display: block;
package/apps/client-side/site_files/css/images.css CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  .image {
3
2
  width: 400px;
4
3
  height: 300px;
@@ -14,11 +13,11 @@ i-image {
14
13
  border-radius: 5px;
15
14
  padding: 5px;
16
15
  }
17
- i-image div{
16
+ i-image div {
18
17
  width: 100%;
19
18
  height: 100%;
20
19
  }
21
- i-image button i{
20
+ i-image button i {
22
21
  width: 100%;
23
22
  }
24
23
  i-image.logo {
@@ -53,12 +52,6 @@ i-image.img32 {
53
52
  min-height: 32px !important;
54
53
  padding: 1px !important;
55
54
  }
56
- i-image.img32 img {
57
- width: 30px !important;
58
- height: 30px !important;
59
- min-width: 30px !important;
60
- min-height: 30px !important;
61
- }
62
55
 
63
56
  i-image.img48 {
64
57
  width: 48px !important;
@@ -67,12 +60,6 @@ i-image.img48 {
67
60
  min-height: 48px !important;
68
61
  padding: 2px !important;
69
62
  }
70
- i-image.img48 img {
71
- width: 44px !important;
72
- height: 44px !important;
73
- min-width: 44px !important;
74
- min-height: 44px !important;
75
- }
76
63
 
77
64
  i-image.img64 {
78
65
  width: 64px !important;
@@ -81,12 +68,6 @@ i-image.img64 {
81
68
  min-height: 64px !important;
82
69
  padding: 2px !important;
83
70
  }
84
- i-image.img64 img {
85
- width: 60px !important;
86
- height: 60px !important;
87
- min-width: 60px !important;
88
- min-height: 60px !important;
89
- }
90
71
 
91
72
  i-image.img128 {
92
73
  width: 128px !important;
@@ -95,12 +76,6 @@ i-image.img128 {
95
76
  min-height: 128px !important;
96
77
  padding: 3px !important;
97
78
  }
98
- i-image.img128 img {
99
- width: 120px !important;
100
- height: 120px !important;
101
- min-width: 120px !important;
102
- min-height: 120px !important;
103
- }
104
79
 
105
80
  i-image.img256 {
106
81
  width: 256px !important;
@@ -109,12 +84,6 @@ i-image.img256 {
109
84
  min-height: 256px !important;
110
85
  padding: 3px !important;
111
86
  }
112
- i-image.img256 img {
113
- width: 200px !important;
114
- height: 200px !important;
115
- min-width: 200px !important;
116
- min-height: 200px !important;
117
- }
118
87
 
119
88
  i-image.hover img:hover {
120
89
  transform: scale(1.1);
@@ -126,7 +95,3 @@ i-image[view] {
126
95
  i-image[view] i-button {
127
96
  display: none;
128
97
  }
129
- i-image[view] img {
130
- background-image: none;
131
- background-color: transparent;
132
- }
package/apps/client-side/site_files/css/theme_paper.css CHANGED
@@ -1,184 +1,184 @@
1
1
  :root {
2
-
3
- --theme-color: #317cb9;
4
- --theme-color2: #2f8033;
5
- --theme-color3: #3f51b5;
6
- --font-family: Arabic, English , sans-serif, Tahoma, serif;
7
- --bs-body-font-family : Arabic, English , sans-serif, Tahoma, serif;
8
- --font-weight: normal;
9
- --font-size: 14px;
10
- --line-height: 1.5;
11
- --float: left;
12
- --direction: ltr;
13
- --text-align: left;
14
- --color: #030303;
15
- --background-color: #ffffff;
16
- --box-shadow-color: #272727;
17
- --border: 1px solid #353535;
18
- --zoom: 90%;
19
- --user-select: none;
20
-
21
- --body-background: #ffffff;
22
- --body-margin-top: 70px;
23
- --body-margin-bottom: 300px;
24
-
25
- --h-font-weight: normal;
26
-
27
- --navbar-color: #fff;
28
- --navbar-span-color: #fff;
29
- --navbar-background-color: var(--theme-color);
30
- --navbar-box-shadow-color: #272727;
31
- --navbar-li-border-radius: 15px;
32
- --navbar-li-border: none;
33
-
34
- --tabs-color: #fff;
35
- --tabs-background-color: var(--theme-color);
36
- --tabs-background-color2: var(--theme-color);
37
- --tabs-header-width: 20%;
38
- --tabs-content-width: 80%;
39
-
40
- --tabs-header-link-font-size: 18px;
41
- --tabs-header-link-font-weight: 700;
42
- --tabs-header-link-color: #272727;
43
- --tabs-header-link-color2: #ffffff;
44
- --tabs-header-link-background: none;
45
- --tabs-header-link-border: none;
46
- --tabs-header-link-border-bottom: 1px solid var(--theme-color);
47
- --tabs-header-link-radius: 0px;
48
-
49
- --tab-animation-name: animateleft;
50
- --tab-animation-duration: 1s;
51
-
52
- --treeview-color: #000000;
53
- --treeview-color2: #ffffff;
54
- --treeview-background-color: none;
55
- --treeview-border-color: #000000;
56
- --treeview-background-color2: #404040;
57
- --treeview-display-color: #0000ff;
58
-
59
- --form-color: #000000;
60
- --form-background-color: none;
61
-
62
- --label-color : #000;
63
- --label-font-size: 16px;
64
- --label-font-weight: normal;
65
- --label-text-align: var(--text-align);
66
- --label-background : none;
67
-
68
- --input-color: #0000ff;
69
- --input-background-color: #ffffff;
70
- --input-height: 35px;
71
- --input-padding: 6px 12px;
72
- --input-font-size: 14px;
73
- --input-font-wight: normal;
74
- --input-border-radius: 0px;
75
- --input-border-width: 0 0 1px;
76
- --input-border-color: rgba(211, 211, 211, 0.91);
77
- --input-focus-border-width: 0 0 2px;
78
- --input-focus-border-color: var(--theme-color);
79
-
80
- --dropdown-color : green;
81
- --dropdown-background : #fff;
82
- --dropdown-font-size : 14px;
83
- --dropdown-color2 : #000;
84
- --dropdown-font-size2 : 12px;
85
-
86
- --textarea-border-width: 1px;
87
- --select-appearance: none;
88
- --select-font-size: var(--input-font-size);
89
- --select-color: #ffffff;
90
- --select-height: 35px;
91
-
92
- --btn-color: #000;
93
- --btn-background: #ffffff;
94
- --btn-box-shadow: none;
95
- --btn-box-shadow-color: #272727;
96
- --btn-border-radius: 5px;
97
- --btn-border: 1px solid #ddd;
98
-
99
- --btn-display: inline-block;
100
- --btn-cursor: pointer;
101
- --btn-min-width: 90px;
102
- --btn-min-height: 36px;
103
- --btn-font-weight: 400;
104
-
105
- --btn-text-decoration: none;
106
- --btn-text-align: center;
107
- --btn-vertical-align: middle;
108
- --btn-margin: 10px;
109
- --btn-padding: 7px 9px;
110
- --btn-font-size: 14px;
111
- --btn-user-select: none;
112
-
113
- --btn-add-color: #000;
114
- --btn-add-background-color: #ffffff;
115
- --btn-update-color: #000;
116
- --btn-update-background-color: #ffffff;
117
- --btn-save-color: #000;
118
- --btn-save-background-color: #ffffff;
119
- --btn-delete-color: #000;
120
- --btn-delete-background-color: #ffffff;
121
- --btn-view-color: #000;
122
- --btn-view-background-color: #ffffff;
123
- --btn-exit-color: #000;
124
- --btn-exit-background-color: #ffffff;
125
- --btn-search-color: #000;
126
- --btn-search-background-color: #ffffff;
127
- --btn-print-color: #000;
128
- --btn-print-background-color: #ffffff;
129
- --btn-export-color: #000000;
130
- --btn-export-background-color: #ffffff;
131
- --btn-sgin-color: #000000;
132
- --btn-sgin-background-color: #ffffff;
133
-
134
- --i-image-border: 3px dashed var(--theme-color);
135
- --i-image-view-border: 2px solid var(--theme-color);
136
-
137
- --fieldset-border: 1px solid var(--theme-color);
138
- --fieldset-background: none;
139
- --fieldset-margin : 10px;
140
- --fieldset-padding : 5px;
141
- --legend-color: var(--theme-color);
142
- --legend-text-shadow: none;
143
- --legend-font-size: 18px;
144
- --legend-font-weight: bold;
145
- --legend-border: none;
146
-
147
- --modal-background: var(--theme-color);
148
- --modal-content-background: #ffffff;
149
- --modal-content-border: 3px solid var(--theme-color);
150
- --modal-color: #000;
151
- --modal-animation-name: animateleft;
152
- --modal-animation-duration: 0.4s;
153
- --modal-header-color: #fff;
154
- --modal-footer-color: #fff;
155
- --modal-header-background-color: var(--theme-color);
156
- --modal-footer-background-color: #ffffff;
157
- --modal-box-shadow-color: #272727;
158
-
159
- --table-color: #030303;
160
- --table-background-color: #ffffff;
161
- --table-border: 1px solid #bbb;
162
- --table-hover-background-color: #eee;
163
- --table-th-color: #fff;
164
-
165
- --help-height: 110px;
166
- --help-border: 1px solid #272727;
167
- --help-border-radius: 0px;
168
- --help-background-color: #3f51b5;
169
- --help-opacity: 1;
170
- --help-content-color: #ffffff;
171
-
172
- --main-menu-item-padding: 5px;
173
- --main-menu-item-border: 3px solid var(--theme-color);
174
- --main-menu-item-border-radius: 15px;
175
- --main-menu-item-background-color: #fff;
176
- --main-menu-h2-color: #000;
177
- --main-menu-p-color: #000;
178
-
179
- --scrollbar-width : 10px;
180
- --scrollbar-color: #ffeb3b;
181
- --scrollbar-outline:1px solid var(--scrollbar-color);
182
- --scrollbar-background-color: #272727;
183
- --scrollbar-box-shadow: inset 0 0 6px #4caf50;
2
+ --theme-color: #317cb9;
3
+ --theme-color2: #2f8033;
4
+ --theme-color3: #3f51b5;
5
+ --font-family: Arabic, English, sans-serif, Tahoma, serif;
6
+ --bs-body-font-family: Arabic, English, sans-serif, Tahoma, serif;
7
+ --font-weight: normal;
8
+ --font-size: 14px;
9
+ --line-height: 1.5;
10
+ --float: left;
11
+ --direction: ltr;
12
+ --text-align: left;
13
+ --color: #030303;
14
+ --background-color: #ffffff;
15
+ --box-shadow-color: #272727;
16
+ --border: 1px solid #353535;
17
+ --zoom: 90%;
18
+ --user-select: none;
19
+
20
+ --body-background: #ffffff;
21
+ --body-margin-top: 70px;
22
+ --body-margin-bottom: 300px;
23
+
24
+ --h-font-weight: normal;
25
+
26
+ --navbar-color: #fff;
27
+ --navbar-span-color: #fff;
28
+ --navbar-background-color: var(--theme-color);
29
+ --navbar-box-shadow-color: #272727;
30
+ --navbar-li-border-radius: 15px;
31
+ --navbar-li-border: none;
32
+
33
+ --tabs-color: #fff;
34
+ --tabs-background-color: var(--theme-color);
35
+ --tabs-background-color2: var(--theme-color);
36
+ --tabs-header-width: 20%;
37
+ --tabs-content-width: 80%;
38
+
39
+ --tabs-header-link-font-size: 18px;
40
+ --tabs-header-link-font-weight: 700;
41
+ --tabs-header-link-color: #272727;
42
+ --tabs-header-link-color2: #ffffff;
43
+ --tabs-header-link-background: none;
44
+ --tabs-header-link-border: none;
45
+ --tabs-header-link-border-bottom: 1px solid var(--theme-color);
46
+ --tabs-header-link-radius: 0px;
47
+
48
+ --tab-animation-name: animateleft;
49
+ --tab-animation-duration: 1s;
50
+
51
+ --treeview-color: #000000;
52
+ --treeview-color2: #ffffff;
53
+ --treeview-background-color: none;
54
+ --treeview-border-color: #000000;
55
+ --treeview-background-color2: #404040;
56
+ --treeview-display-color: #0000ff;
57
+
58
+ --form-color: #000000;
59
+ --form-background-color: none;
60
+
61
+ --label-color: #000;
62
+ --label-font-size: 16px;
63
+ --label-font-weight: normal;
64
+ --label-text-align: var(--text-align);
65
+ --label-background: none;
66
+
67
+ --input-color: #0000ff;
68
+ --input-background-color: #ffffff;
69
+ --input-height: 35px;
70
+ --input-padding: 6px 12px;
71
+ --input-font-size: 14px;
72
+ --input-font-wight: normal;
73
+ --input-border-radius: 0px;
74
+ --input-border-width: 0 0 1px;
75
+ --input-border-color: rgba(211, 211, 211, 0.91);
76
+ --input-focus-border-width: 0 0 2px;
77
+ --input-focus-border-color: var(--theme-color);
78
+
79
+ --dropdown-color: green;
80
+ --dropdown-background: #fff;
81
+ --dropdown-font-size: 14px;
82
+ --dropdown-color2: #000;
83
+ --dropdown-font-size2: 12px;
84
+
85
+ --textarea-border-width: 1px;
86
+ --select-appearance: none;
87
+ --select-font-size: var(--input-font-size);
88
+ --select-color: #ffffff;
89
+ --select-height: 35px;
90
+
91
+ --btn-color: #000;
92
+ --btn-background: #ffffff;
93
+ --btn-box-shadow: none;
94
+ --btn-box-shadow-color: #272727;
95
+ --btn-border-radius: 5px;
96
+ --btn-border: 1px solid #ddd;
97
+
98
+ --btn-display: inline-block;
99
+ --btn-cursor: pointer;
100
+ --btn-min-width: 90px;
101
+ --btn-min-height: 36px;
102
+ --btn-font-weight: 400;
103
+
104
+ --btn-text-decoration: none;
105
+ --btn-text-align: center;
106
+ --btn-vertical-align: middle;
107
+ --btn-margin: 10px;
108
+ --btn-padding: 7px 9px;
109
+ --btn-font-size: 14px;
110
+ --btn-user-select: none;
111
+
112
+ --btn-add-color: #000;
113
+ --btn-add-background-color: #ffffff;
114
+ --btn-update-color: #000;
115
+ --btn-update-background-color: #ffffff;
116
+ --btn-save-color: #000;
117
+ --btn-save-background-color: #ffffff;
118
+ --btn-delete-color: #000;
119
+ --btn-delete-background-color: #ffffff;
120
+ --btn-view-color: #000;
121
+ --btn-view-background-color: #ffffff;
122
+ --btn-exit-color: #000;
123
+ --btn-exit-background-color: #ffffff;
124
+ --btn-search-color: #000;
125
+ --btn-search-background-color: #ffffff;
126
+ --btn-print-color: #000;
127
+ --btn-print-background-color: #ffffff;
128
+ --btn-export-color: #000000;
129
+ --btn-export-background-color: #ffffff;
130
+ --btn-sgin-color: #000000;
131
+ --btn-sgin-background-color: #ffffff;
132
+
133
+ --i-image-border: 3px dashed var(--theme-color);
134
+ --i-image-view-border: 2px solid var(--theme-color);
135
+
136
+ --fieldset-border: none;
137
+ --fieldset-border-radius : 10px;
138
+ --fieldset-background: #e9ecef;
139
+ --fieldset-margin: 10px;
140
+ --fieldset-padding: 5px;
141
+ --legend-color: #5a5a5a;
142
+ --legend-text-shadow: none;
143
+ --legend-font-size: 24px;
144
+ --legend-font-weight: bold;
145
+ --legend-border: none;
146
+
147
+ --modal-background: var(--theme-color);
148
+ --modal-content-background: #ffffff;
149
+ --modal-content-border: 3px solid var(--theme-color);
150
+ --modal-color: #000;
151
+ --modal-animation-name: animateleft;
152
+ --modal-animation-duration: 0.4s;
153
+ --modal-header-color: #fff;
154
+ --modal-footer-color: #fff;
155
+ --modal-header-background-color: var(--theme-color);
156
+ --modal-footer-background-color: #ffffff;
157
+ --modal-box-shadow-color: #272727;
158
+
159
+ --table-color: #030303;
160
+ --table-background-color: #ffffff;
161
+ --table-border: 1px solid #bbb;
162
+ --table-hover-background-color: #eee;
163
+ --table-th-color: #fff;
164
+
165
+ --help-height: 110px;
166
+ --help-border: 1px solid #272727;
167
+ --help-border-radius: 0px;
168
+ --help-background-color: #3f51b5;
169
+ --help-opacity: 1;
170
+ --help-content-color: #ffffff;
171
+
172
+ --main-menu-item-padding: 5px;
173
+ --main-menu-item-border: 3px solid var(--theme-color);
174
+ --main-menu-item-border-radius: 15px;
175
+ --main-menu-item-background-color: #fff;
176
+ --main-menu-h2-color: #000;
177
+ --main-menu-p-color: #000;
178
+
179
+ --scrollbar-width: 10px;
180
+ --scrollbar-color: #ffeb3b;
181
+ --scrollbar-outline: 1px solid var(--scrollbar-color);
182
+ --scrollbar-background-color: #272727;
183
+ --scrollbar-box-shadow: inset 0 0 6px #4caf50;
184
184
  }
package/apps/client-side/site_files/html/directive/i-image.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <div class="text-center pointer" ng-click="upload()">
2
2
  <input class="hidden" type="file" name="fileToUpload" accept="{{accept}}" />
3
3
  <div class="center">
4
- <img ng-src="{{ngModel.url}}" ngClick="ngClick()" onerror="this.src='/images/no.jpg'" />
4
+ <img onclick="site.zoomElement(this)" ng-src="{{ngModel.url}}" ngClick="ngClick()" onerror="this.src='/images/no.jpg'" />
5
5
  <i-button type="upload" ng-click="upload()"></i-button>
6
6
  <i-button type="delete" ng-click="delete()"></i-button>
7
7
  </div>
package/apps/client-side/site_files/html/directive/i-list.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <div class="dropdown i-list">
2
2
  <div class="mb-3 {{class2}}">
3
3
  <label class="form-label"> <span class="red bold"> {{requird}} </span> {{label}} </label>
4
- <input class="full-width text dropdown-text form-control {{css}}" v="{{v}}" readonly ng-model="ngModel.$display" />
4
+ <input ng-focus="focus()" class="full-width text dropdown-text form-control {{css}}" v="{{v}}" readonly ng-model="ngModel.$display" />
5
5
  </div>
6
6
 
7
7
  <div class="dropdown-content">