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.
Files changed (21) hide show
  1. package/apps/client-side/app.js +255 -204
  2. package/apps/client-side/site_files/css/bootstrap5-addon.css +89 -0
  3. package/apps/client-side/site_files/css/bootstrap5.css +4 -4
  4. package/apps/client-side/site_files/css/font-cairo.css +2 -2
  5. package/apps/client-side/site_files/css/font-droid.css +2 -2
  6. package/apps/client-side/site_files/css/images.css +36 -38
  7. package/apps/client-side/site_files/css/layout.css +135 -92
  8. package/apps/client-side/site_files/css/theme.css +147 -147
  9. package/apps/client-side/site_files/css/theme_dark.css +1 -1
  10. package/apps/client-side/site_files/css/theme_paper.css +1 -1
  11. package/apps/client-side/site_files/html/sub/i-file.content.html +19 -0
  12. package/apps/client-side/site_files/html/sub/i-list2.content.html +2 -2
  13. package/apps/client-side/site_files/js/bootstrap-5-addon.js +18 -0
  14. package/apps/client-side/site_files/js/bootstrap-5-directive.js +1837 -0
  15. package/apps/client-side/site_files/js/bootstrap5.js +3 -4
  16. package/apps/client-side/site_files/js/directive-core.js +180 -0
  17. package/apps/client-side/site_files/js/site.js +17 -27
  18. package/lib/fsm.js +1 -1
  19. package/lib/mongodb.js +649 -646
  20. package/lib/routing.js +1184 -1187
  21. package/package.json +1 -1
package/apps/client-side/site_files/css/font-cairo.css CHANGED
@@ -1,12 +1,12 @@
1
1
  @font-face {
2
- font-family: 'Cairo';
2
+ font-family: 'Arabic';
3
3
  font-style: normal;
4
4
  font-weight: normal;
5
5
  src: url(/x-fonts/Cairo-Regular.ttf);
6
6
  font-display: swap;
7
7
  }
8
8
  @font-face {
9
- font-family: 'Cairo';
9
+ font-family: 'Arabic';
10
10
  font-style: normal;
11
11
  font-weight: bold;
12
12
  src: url(/x-fonts/Cairo-Bold.ttf);
package/apps/client-side/site_files/css/font-droid.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @font-face {
2
- font-family: 'Droid';
2
+ font-family: 'Arabic';
3
3
  font-style: normal;
4
4
  font-weight: normal;
5
5
  src: url(/x-fonts/DroidKufi-Regular.eot);
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  @font-face {
12
- font-family: 'Droid';
12
+ font-family: 'Arabic';
13
13
  font-style: normal;
14
14
  font-weight: bold;
15
15
  src: url(/x-fonts/DroidKufi-Bold.eot);
package/apps/client-side/site_files/css/images.css CHANGED
@@ -1,52 +1,50 @@
1
- .image{
2
- width : 400px;
3
- height: 300px;
4
- border-radius: 10px;
1
+ .image {
2
+ width: 400px;
3
+ height: 300px;
4
+ border-radius: 10px;
5
5
  }
6
- .logo{
7
- width : 48px;
8
- height: 48px;
9
- border-radius: 5px;
6
+ .logo {
7
+ width: 48px;
8
+ height: 48px;
9
+ border-radius: 5px;
10
10
  }
11
11
 
12
-
13
-
14
-
15
-
16
-
17
- i-image img{
18
- width : 200px;
19
- height: 200px;
20
- border:var(--i-image-border);
21
- padding: 5px;
22
- transition: all .5s ease;
23
- -moz-transition: all .5s ease;
24
- -webkit-transition: all .5s ease;
25
- -ms-transition: all .5s ease;
12
+ i-image {
13
+ width: auto !important;
14
+ height: auto !important;
26
15
  }
27
-
28
- i-image.full img{
29
- width : 100%;
30
- height: auto;
31
- border:var(--i-image-border);
32
- padding: 5px;
16
+ i-image img {
17
+ width: 150px;
18
+ height: 150px;
19
+ transition: all 0.5s ease;
20
+ -moz-transition: all 0.5s ease;
21
+ -webkit-transition: all 0.5s ease;
22
+ -ms-transition: all 0.5s ease;
23
+ background-image: url('/images/no.jpg');
24
+ background-size: contain;
33
25
  }
34
26
 
35
- i-image.logo img{
36
- width : 48px;
37
- height: 48px;
27
+ i-image.full img {
28
+ width: 100%;
29
+ height: auto;
30
+ border: var(--i-image-border);
31
+ padding: 5px;
38
32
  }
39
33
 
40
- i-image.photo img{
41
- width : 200px;
42
- height: 200px;
34
+ i-image.logo img {
35
+ width: 48px;
36
+ height: 48px;
43
37
  }
44
38
 
45
- i-image.hover img:hover{
46
- transform: scale(1.1);
39
+ i-image.photo img {
40
+ width: 128px;
41
+ height: 128px;
47
42
  }
48
43
 
49
- i-image[view] img{
50
- border:var(--i-image-view-border);
44
+ i-image.hover img:hover {
45
+ transform: scale(1.1);
51
46
  }
52
47
 
48
+ i-image[view] img {
49
+ border: var(--i-image-view-border);
50
+ }
package/apps/client-side/site_files/css/layout.css CHANGED
@@ -1,32 +1,32 @@
1
1
  @charset "utf-8";
2
2
 
3
3
  * {
4
- box-sizing: border-box;
5
- margin: 0px;
6
- line-height: var(--line-height);
7
- min-height: 1px;
8
- text-align: var(--text-align);
9
- direction: var(--direction);
10
- max-width: 100%;
4
+ box-sizing: border-box;
5
+ margin: 0px;
6
+ line-height: var(--line-height);
7
+ min-height: 1px;
8
+ text-align: var(--text-align);
9
+ direction: var(--direction);
10
+ max-width: 100%;
11
11
  }
12
12
 
13
13
  html {
14
- background-color: var(--body-background);
14
+ background-color: var(--body-background);
15
15
  }
16
16
 
17
17
  body {
18
- font-family: var(--font-family);
19
- font-weight: var(--font-weight);
20
- font-size: var(--font-size);
21
- line-height: var(--line-height);
22
- margin-top: var(--body-margin-top);
23
- margin-bottom: var(--body-margin-bottom);
24
- color: var(--color);
25
- background: var(--body-background);
26
- zoom: var(--zoom);
27
- user-select: var(--user-select);
28
- -webkit-user-select: var(--user-select);
29
- -moz-user-select: var(--user-select);
18
+ font-family: var(--font-family);
19
+ font-weight: var(--font-weight);
20
+ font-size: var(--font-size);
21
+ line-height: var(--line-height);
22
+ margin-top: var(--body-margin-top);
23
+ margin-bottom: var(--body-margin-bottom);
24
+ color: var(--color);
25
+ background: var(--body-background);
26
+ zoom: var(--zoom);
27
+ user-select: var(--user-select);
28
+ -webkit-user-select: var(--user-select);
29
+ -moz-user-select: var(--user-select);
30
30
  }
31
31
 
32
32
  h1,
@@ -34,43 +34,43 @@ h2,
34
34
  h3,
35
35
  h4,
36
36
  h5 {
37
- font-family: var(--font-family);
38
- font-weight: var(--h-font-weight);
39
- line-height: var(--line-height);
37
+ font-family: var(--font-family);
38
+ font-weight: var(--h-font-weight);
39
+ line-height: var(--line-height);
40
40
  }
41
41
 
42
42
  .loaded {
43
- visibility: collapse;
43
+ visibility: collapse;
44
44
  }
45
45
 
46
46
  .hidden {
47
- display: none !important;
47
+ display: none !important;
48
48
  }
49
49
 
50
50
  .hide {
51
- visibility: collapse;
51
+ visibility: collapse;
52
52
  }
53
53
 
54
54
  .container {
55
- display: block !important;
56
- width: 100% !important;
57
- margin: 0 auto !important;
58
- padding: 10px !important;
55
+ display: block !important;
56
+ width: 100% !important;
57
+ margin: 0 auto !important;
58
+ padding: 10px !important;
59
59
  }
60
60
 
61
61
  .row,
62
62
  .row10 {
63
- display: inline-block;
64
- width: 100% !important;
65
- padding: 0px !important;
66
- margin: 0px !important;
63
+ display: inline-block;
64
+ width: 100% !important;
65
+ padding: 0px !important;
66
+ margin: 0px !important;
67
67
  }
68
68
 
69
69
  .row::after,
70
70
  .row10::after {
71
- content: '' !important;
72
- clear: both !important;
73
- display: table !important;
71
+ content: '' !important;
72
+ clear: both !important;
73
+ display: table !important;
74
74
  }
75
75
 
76
76
  .col1,
@@ -84,7 +84,12 @@ h5 {
84
84
  .col9,
85
85
  .col10,
86
86
  .col11,
87
- .col12,
87
+ .col12 {
88
+ vertical-align: top;
89
+ padding: 0px;
90
+ float: var(--float);
91
+ display: inline;
92
+ }
88
93
  .col-1,
89
94
  .col-2,
90
95
  .col-3,
@@ -97,142 +102,180 @@ h5 {
97
102
  .col-10,
98
103
  .col-11,
99
104
  .col-12 {
100
- vertical-align: top;
101
- margin: 0px;
102
- padding: 0px;
103
- float: var(--float);
104
- display: inline;
105
+ vertical-align: top;
106
+ padding: 0px;
107
+ margin: 0px;
108
+ float: var(--float);
109
+ display: inline;
105
110
  }
106
111
 
107
112
  .row .col1 {
108
- width: calc(1 / 12 * 100%);
113
+ width: calc(1 / 13 * 100%);
109
114
  }
110
115
 
111
116
  .row .col2 {
112
- width: calc(2 / 12 * 100%);
117
+ width: calc(2 / 13 * 100%);
113
118
  }
114
119
 
115
120
  .row .col3 {
116
- width: calc(3 / 12 * 100%);
121
+ width: calc(3 / 13 * 100%);
117
122
  }
118
123
 
119
124
  .row .col4 {
120
- width: calc(4 / 12 * 100%);
125
+ width: calc(4 / 13 * 100%);
121
126
  }
122
127
 
123
128
  .row .col5 {
124
- width: calc(5 / 12 * 100%);
129
+ width: calc(5 / 13 * 100%);
125
130
  }
126
131
 
127
132
  .row .col6 {
128
- width: calc(6 / 12 * 100%);
133
+ width: calc(6 / 13 * 100%);
129
134
  }
130
135
 
131
136
  .row .col7 {
132
- width: calc(7 / 12 * 100%);
137
+ width: calc(7 / 13 * 100%);
133
138
  }
134
139
 
135
140
  .row .col8 {
136
- width: calc(8 / 12 * 100%);
141
+ width: calc(8 / 13 * 100%);
137
142
  }
138
143
 
139
144
  .row .col9 {
140
- width: calc(9 / 12 * 100%);
145
+ width: calc(9 / 13 * 100%);
141
146
  }
142
147
 
143
148
  .row .col10 {
144
- width: calc(10 / 12 * 100%);
149
+ width: calc(10 / 13 * 100%);
145
150
  }
146
151
 
147
152
  .row .col11 {
148
- width: calc(11 / 12 * 100%);
153
+ width: calc(11 / 13 * 100%);
149
154
  }
150
155
 
151
156
  .row .col12 {
152
- width: calc(12 / 12 * 100%);
157
+ width: calc(12 / 13 * 100%);
153
158
  }
154
159
 
155
160
  .col-1 {
156
- width: calc(0.9 / 12 * 100%);
161
+ width: calc(0.9 / 13 * 100%);
157
162
  }
158
163
 
159
164
  .col-2 {
160
- width: calc(1.9 / 12 * 100%);
165
+ width: calc(1.9 / 13 * 100%);
161
166
  }
162
167
 
163
168
  .col-3 {
164
- width: calc(2.9 / 12 * 100%);
169
+ width: calc(2.9 / 13 * 100%);
165
170
  }
166
171
 
167
172
  .col-4 {
168
- width: calc(3.9 / 12 * 100%);
173
+ width: calc(3.9 / 13 * 100%);
169
174
  }
170
175
 
171
176
  .col-5 {
172
- width: calc(4.9 / 12 * 100%);
177
+ width: calc(4.9 / 13 * 100%);
173
178
  }
174
179
 
175
180
  .col-6 {
176
- width: calc(5.9 / 12 * 100%);
181
+ width: calc(5.9 / 13 * 100%);
177
182
  }
178
183
 
179
184
  .col-7 {
180
- width: calc(6.9 / 12 * 100%);
185
+ width: calc(6.9 / 13 * 100%);
181
186
  }
182
187
 
183
188
  .col-8 {
184
- width: calc(7.9 / 12 * 100%);
189
+ width: calc(7.9 / 13 * 100%);
185
190
  }
186
191
 
187
192
  .col-9 {
188
- width: calc(8.9 / 12 * 100%);
193
+ width: calc(8.9 / 13 * 100%);
189
194
  }
190
195
 
191
196
  .col-10 {
192
- width: calc(9.9 / 12 * 100%);
197
+ width: calc(9.9 / 13 * 100%);
193
198
  }
194
199
 
195
200
  .col-11 {
196
- width: calc(10.9 / 12 * 100%);
201
+ width: calc(10.9 / 13 * 100%);
197
202
  }
198
203
 
199
204
  .col-12 {
200
- width: calc(11.9 / 12 * 100%);
205
+ width: calc(11.9 / 13 * 100%);
201
206
  }
202
207
 
203
208
  .rtl {
204
- direction: rtl;
209
+ direction: rtl;
205
210
  }
206
211
 
207
212
  .ltr {
208
- direction: ltr;
209
- }
213
+ direction: ltr;
214
+ }
215
+
216
+ /* Small devices (landscape phones, 576px and down) */
217
+ @media (max-width: 575px) {
218
+ .col1,
219
+ .col2,
220
+ .col3,
221
+ .col4,
222
+ .col5,
223
+ .col6,
224
+ .col7,
225
+ .col8,
226
+ .col9 {
227
+ vertical-align: top;
228
+ width: calc(12 / 13 * 100%) !important;
229
+ }
210
230
 
211
- @media screen and (min-width: 768px
231
+ .desktop {
232
+ display: none !important;
233
+ }
234
+ }
212
235
 
213
- /*desktop*/) {
214
- .mobile {
215
- display: none !important;
216
- }
236
+ /* Medium devices (tablets, 768px and down) */
237
+ @media (max-width: 768px) {
238
+ .col1,
239
+ .col2,
240
+ .col3,
241
+ .col4,
242
+ .col5 {
243
+ vertical-align: top;
244
+ width: calc(12 / 13 * 100%) !important;
245
+ }
217
246
  }
218
247
 
219
- @media screen and (max-width: 768px
248
+ /* Large devices (desktops, 992px and down) */
249
+ @media (max-width: 992px) {
250
+ .col1,
251
+ .col2,
252
+ .col3,
253
+ .col4,
254
+ .col5 {
255
+ vertical-align: top;
256
+ width: calc(12 / 13 * 100%) !important;
257
+ }
258
+ .mobile {
259
+ display: none !important;
260
+ }
261
+ }
220
262
 
221
- /*mobile*/) {
222
- .col1,
223
- .col2,
224
- .col3,
225
- .col4,
226
- .col5,
227
- .col6,
228
- .col7,
229
- .col8,
230
- .col9 {
231
- vertical-align: top;
232
- width: calc(12 / 12 * 100%) !important;
233
- }
263
+ /* X-Large devices (large desktops, 1200px and down) */
264
+ @media (max-width: 1200px) {
265
+ .col1,
266
+ .col2,
267
+ .col3 {
268
+ vertical-align: top;
269
+ width: calc(12 / 13 * 100%) !important;
270
+ }
271
+ .mobile {
272
+ display: none !important;
273
+ }
274
+ }
234
275
 
235
- .desktop {
236
- display: none !important;
237
- }
276
+ /* XX-Large devices (larger desktops, 1400px and down) */
277
+ @media (max-width: 1400px) {
278
+ .mobile {
279
+ display: none !important;
280
+ }
238
281
  }