isite 1.14.97 → 2021.11.23

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 (47) hide show
  1. package/README.md +486 -475
  2. package/apps/client-side/app.js +28 -1
  3. package/apps/client-side/site_files/css/btn.css +98 -0
  4. package/apps/client-side/site_files/css/checkbox.css +12 -7
  5. package/apps/client-side/site_files/css/dropdown.css +61 -0
  6. package/apps/client-side/site_files/css/effect.css +283 -280
  7. package/apps/client-side/site_files/css/font-awesome.css +4615 -3
  8. package/apps/client-side/site_files/css/font-awesome.min.css +5 -0
  9. package/apps/client-side/site_files/css/font-cairo.css +14 -0
  10. package/apps/client-side/site_files/css/font-droid.css +19 -0
  11. package/apps/client-side/site_files/css/fonts.css +6 -34
  12. package/apps/client-side/site_files/css/form.css +5 -100
  13. package/apps/client-side/site_files/css/modal.css +184 -164
  14. package/apps/client-side/site_files/css/tabs.css +3 -3
  15. package/apps/client-side/site_files/css/theme.css +1 -1
  16. package/apps/client-side/site_files/css/theme_dark.css +1 -1
  17. package/apps/client-side/site_files/css/theme_paper.css +175 -151
  18. package/apps/client-side/site_files/html/sub/i-date2.content.html +64 -0
  19. package/apps/client-side/site_files/html/sub/i-list.content.html +31 -0
  20. package/apps/client-side/site_files/html/sub/i-list2.content.html +22 -0
  21. package/apps/client-side/site_files/js/directive.js +1570 -1650
  22. package/apps/client-side/site_files/js/directive.min.js +2 -2
  23. package/apps/client-side/site_files/js/site.js +49 -15
  24. package/apps/client-side/site_files/js/site.min.js +1 -1
  25. package/apps/client-side/site_files/webfonts/fa-brands-400.eot +0 -0
  26. package/apps/client-side/site_files/webfonts/fa-brands-400.svg +3717 -0
  27. package/apps/client-side/site_files/webfonts/fa-brands-400.ttf +0 -0
  28. package/apps/client-side/site_files/webfonts/fa-brands-400.woff +0 -0
  29. package/apps/client-side/site_files/webfonts/fa-brands-400.woff2 +0 -0
  30. package/apps/client-side/site_files/webfonts/fa-regular-400.eot +0 -0
  31. package/apps/client-side/site_files/webfonts/fa-regular-400.svg +801 -0
  32. package/apps/client-side/site_files/webfonts/fa-regular-400.ttf +0 -0
  33. package/apps/client-side/site_files/webfonts/fa-regular-400.woff +0 -0
  34. package/apps/client-side/site_files/webfonts/fa-regular-400.woff2 +0 -0
  35. package/apps/client-side/site_files/webfonts/fa-solid-900.eot +0 -0
  36. package/apps/client-side/site_files/webfonts/fa-solid-900.svg +5034 -0
  37. package/apps/client-side/site_files/webfonts/fa-solid-900.ttf +0 -0
  38. package/apps/client-side/site_files/webfonts/fa-solid-900.woff +0 -0
  39. package/apps/client-side/site_files/webfonts/fa-solid-900.woff2 +0 -0
  40. package/apps/ui-print/site_files/js/index.js +2 -2
  41. package/isite_files/html/browser.html +1 -1
  42. package/lib/fsm.js +389 -346
  43. package/lib/parser.js +33 -9
  44. package/lib/routing.js +26 -7
  45. package/object-options/index.js +1 -1
  46. package/object-options/lib/fn.js +1 -1
  47. package/package.json +1 -1
package/apps/client-side/site_files/css/modal.css CHANGED
@@ -1,224 +1,244 @@
1
1
  .modal {
2
- display: none;
3
- position: fixed;
4
- z-index: 999999;
5
- padding-top: 20px;
6
- padding-bottom: 20px;
7
- left: 0;
8
- top: 0;
9
- width: 100%;
10
- height: 100%;
11
- background-color: var(--modal-background);
2
+ display: none;
3
+ position: fixed;
4
+ z-index: 999999;
5
+ padding-top: 20px;
6
+ padding-bottom: 20px;
7
+ left: 0;
8
+ top: 0;
9
+ width: 100%;
10
+ height: 100%;
11
+ background-color: var(--modal-background);
12
+ overflow: auto;
12
13
  }
13
14
 
14
15
  .modal-content {
15
- border: var(---modal-content-border);
16
- position: relative;
17
- color: var(--modal-color);
18
- background-color: var(--modal-content-background);
19
- margin: auto;
20
- padding: 0;
21
- width: 90%;
22
- max-height: 100vh;
23
- box-shadow: 0 4px 8px 0 var(--modal-box-shadow-color), 0 6px 20px 0 var(--modal-box-shadow-color);
24
- -webkit-animation-name: var(--modal-animation-name);
25
- -webkit-animation-duration: var(--modal-animation-duration);
26
- animation-name: var(--modal-animation-name);
27
- animation-duration: var(--modal-animation-duration);
16
+ border: var(---modal-content-border);
17
+ position: relative;
18
+ color: var(--modal-color);
19
+ background-color: var(--modal-content-background);
20
+ margin: auto;
21
+ padding: 0;
22
+ width: 90%;
23
+ box-shadow: 0 4px 8px 0 var(--modal-box-shadow-color), 0 6px 20px 0 var(--modal-box-shadow-color);
24
+ -webkit-animation-name: var(--modal-animation-name);
25
+ -webkit-animation-duration: var(--modal-animation-duration);
26
+ animation-name: var(--modal-animation-name);
27
+ animation-duration: var(--modal-animation-duration);
28
28
  }
29
29
 
30
- .modal.small .modal-content,.modal-content.small{
31
- width: 50%;
30
+ .modal.small .modal-content,
31
+ .modal-content.small {
32
+ width: 50%;
32
33
  }
33
34
 
34
35
  .modal-header {
35
- padding: 8px 16px;
36
- background-color: var(--modal-header-background-color);
37
- color: var(--modal-header-color);
36
+ padding: 8px 16px;
37
+ background-color: var(--modal-header-background-color);
38
+ color: var(--modal-header-color);
38
39
  }
39
40
 
40
41
  .modal-body {
41
- padding: 2px 16px;
42
- color: var(--modal-color);
43
- overflow-y: auto;
44
- max-height: 85vh;
42
+ display: contents;
43
+ padding: 2px 16px;
44
+ color: var(--modal-color);
45
+ overflow: overlay;
46
+ max-height: 85vh;
45
47
  }
46
48
 
47
49
  .modal-footer {
48
- padding: 2px 16px;
49
- color: var(--modal-footer-color);
50
+ padding: 2px 16px;
51
+ color: var(--modal-footer-color);
50
52
  }
51
53
 
52
54
  @-webkit-keyframes animatetop {
53
- from {
54
- top: -300px;
55
- opacity: 0;
56
- }
57
- to {
58
- top: 0;
59
- opacity: 1;
60
- }
55
+ from {
56
+ top: -300px;
57
+ opacity: 0;
58
+ }
59
+ to {
60
+ top: 0;
61
+ opacity: 1;
62
+ }
61
63
  }
62
64
 
63
65
  @keyframes animatetop {
64
- from {
65
- top: -300px;
66
- opacity: 0;
67
- }
68
- to {
69
- top: 0;
70
- opacity: 1;
71
- }
66
+ from {
67
+ top: -300px;
68
+ opacity: 0;
69
+ }
70
+ to {
71
+ top: 0;
72
+ opacity: 1;
73
+ }
72
74
  }
73
75
 
74
76
  @-webkit-keyframes animatebottom {
75
- from {
76
- top: 1000px;
77
- opacity: 0;
78
- }
79
- to {
80
- top: 0;
81
- opacity: 1;
82
- }
77
+ from {
78
+ top: 1000px;
79
+ opacity: 0;
80
+ }
81
+ to {
82
+ top: 0;
83
+ opacity: 1;
84
+ }
83
85
  }
84
86
 
85
87
  @keyframes animatebottom {
86
- from {
87
- top: 1000px;
88
- opacity: 0;
89
- }
90
- to {
91
- top: 0;
92
- opacity: 1;
93
- }
88
+ from {
89
+ top: 1000px;
90
+ opacity: 0;
91
+ }
92
+ to {
93
+ top: 0;
94
+ opacity: 1;
95
+ }
94
96
  }
95
97
 
96
98
  @-webkit-keyframes animateleft {
97
- from {
98
- left: -300px;
99
- opacity: 0;
100
- }
101
- to {
102
- left: 0;
103
- opacity: 1;
104
- }
99
+ from {
100
+ left: -300px;
101
+ opacity: 0;
102
+ }
103
+ to {
104
+ left: 0;
105
+ opacity: 1;
106
+ }
105
107
  }
106
108
 
107
109
  @keyframes animateleft {
108
- from {
109
- left: -300px;
110
- opacity: 0;
111
- }
112
- to {
113
- left: 0;
114
- opacity: 1;
115
- }
110
+ from {
111
+ left: -300px;
112
+ opacity: 0;
113
+ }
114
+ to {
115
+ left: 0;
116
+ opacity: 1;
117
+ }
116
118
  }
117
119
 
118
-
119
-
120
120
  @-webkit-keyframes animateopacity {
121
- from {
122
- opacity: 0;
123
- }
124
- to {
125
- opacity: 1;
126
- }
121
+ from {
122
+ opacity: 0;
123
+ }
124
+ to {
125
+ opacity: 1;
126
+ }
127
127
  }
128
128
 
129
129
  @keyframes animateopacity {
130
- from {
131
- opacity: 0;
132
- }
133
- to {
134
- opacity: 1;
135
- }
130
+ from {
131
+ opacity: 0;
132
+ }
133
+ to {
134
+ opacity: 1;
135
+ }
136
136
  }
137
137
 
138
138
  .modal-header .close {
139
- color: var(--modal-color);
140
- float: right;
141
- font-size: 26px;
142
- margin-top: -10px;
143
- font-weight: bold;
139
+ color: var(--modal-color);
140
+ float: right;
141
+ font-size: 26px;
142
+ margin-top: -10px;
143
+ font-weight: bold;
144
144
  }
145
145
 
146
146
  .modal-header .close:hover,
147
147
  .modal-header .close:focus {
148
- color: rgb(221, 17, 17);
149
- text-decoration: none;
150
- cursor: pointer;
148
+ color: rgb(221, 17, 17);
149
+ text-decoration: none;
150
+ cursor: pointer;
151
151
  }
152
152
  .modal-header h2 {
153
- font-size: 16px;
154
- text-align: center;
155
- padding: 0px;
156
- margin: 0px;
157
- color: #ffffff;
158
- font-weight: bold;
159
- }
160
-
161
-
162
-
163
- .popup{
164
- overflow: auto;
165
- display: block;
166
- padding: 5px;
167
- box-shadow: 1px 1px 10px 1px #000;
168
- z-index: 4000;
169
- max-height: 250px;
170
- position: fixed;
171
- background: var(--modal-content-background);
172
- min-width: 250px;
173
- -webkit-animation-name: animatepopup;
174
- -webkit-animation-duration: .5s;
175
- animation-name: animatepopup;
176
- animation-duration: .5s;
177
- }
178
-
179
- .popup item{
180
- display: block;
181
- padding: 5px;
182
- color : var(--input-color);
183
- font-weight: bold;
184
- cursor: pointer;
153
+ font-size: 16px;
154
+ text-align: center;
155
+ padding: 0px;
156
+ margin: 0px;
157
+ color: #ffffff;
158
+ font-weight: bold;
159
+ }
160
+
161
+ .popup {
162
+ overflow: auto;
163
+ display: block;
164
+ padding: 5px;
165
+ box-shadow: 1px 1px 10px 1px #000;
166
+ z-index: 4000;
167
+ max-height: 250px;
168
+ position: fixed;
169
+ background: var(--modal-content-background);
170
+ min-width: 250px;
171
+ -webkit-animation-name: animatepopup;
172
+ -webkit-animation-duration: 0.5s;
173
+ animation-name: animatepopup;
174
+ animation-duration: 0.5s;
175
+ }
176
+
177
+ .popup item {
178
+ display: block;
179
+ padding: 5px;
180
+ color: var(--input-color);
181
+ font-weight: bold;
182
+ cursor: pointer;
183
+ }
184
+
185
+ .popup item:hover {
186
+ background: var(--theme-color);
187
+ color: #ffffff;
188
+ }
189
+
190
+ .popup .search-box {
191
+ background-color: var(--modal-header-background-color);
192
+ border: var(--border);
193
+ overflow: hidden;
194
+ position: relative;
195
+ width: 100%;
196
+ }
197
+ .popup .search-box .icon-close {
198
+ height: 100%;
199
+ width: inherit;
200
+ position: absolute;
201
+ background: red;
185
202
  }
186
203
 
187
- .popup item:hover{
188
- background : var(--theme-color);
189
- color : #ffffff;
204
+ .popup .search-box .icon-close i{
205
+ height: 100%;
206
+ position: absolute;
207
+ left: 35%;
208
+ top: 25%;
209
+ color: #ffffff;
190
210
  }
191
211
 
192
- .popup .search-box{
193
- background-color : var(--modal-header-background-color);
194
- border : var(--border);
212
+ .popup .search-box .icon-search {
213
+ height: 100%;
214
+ width: inherit;
215
+ position: absolute;
216
+ background: red;
195
217
  }
196
-
197
- .popup .search-box .fa-times , .popup .search-box .fa-search{
198
- vertical-align: text-bottom;
199
- font-size : 17px;
200
- color : var(--modal-color);
201
- text-shadow: 1px 1px 17px #030303;
218
+ .popup .search-box .icon-search i{
219
+ height: 100%;
220
+ position: absolute;
221
+ left: 35%;
222
+ top: 25%;
223
+ color: #ffffff;
224
+ background: green;
202
225
  }
203
226
 
204
- .popup .search-box .fa-times{
205
- color : #f44336;
206
- }
207
227
 
208
228
  @-webkit-keyframes animatepopup {
209
- from {
210
- opacity: 0;
211
- }
212
- to {
213
- opacity: 1;
214
- }
229
+ from {
230
+ opacity: 0;
231
+ }
232
+ to {
233
+ opacity: 1;
234
+ }
215
235
  }
216
236
 
217
237
  @keyframes animatepopup {
218
- from {
219
- opacity: 0;
220
- }
221
- to {
222
- opacity: 1;
223
- }
224
- }
238
+ from {
239
+ opacity: 0;
240
+ }
241
+ to {
242
+ opacity: 1;
243
+ }
244
+ }
package/apps/client-side/site_files/css/tabs.css CHANGED
@@ -30,8 +30,8 @@
30
30
  cursor: pointer;
31
31
  padding: 10px 12px;
32
32
  transition: 0.3s;
33
- font-size: 14px;
34
- font-weight: bold;
33
+ font-size: var(--tabs-header-link-font-size);
34
+ font-weight: var(--tabs-header-link-font-weight);
35
35
  color: var(--tabs-header-link-color);
36
36
  margin: 10px;
37
37
  display: block;
@@ -41,7 +41,6 @@
41
41
  .tabs .tabs-header .tab-link:hover {
42
42
  background-color: var(--tabs-background-color2);
43
43
  color: var(--tabs-header-link-color2);
44
- padding-right: 30px;
45
44
  }
46
45
 
47
46
  .tabs .tabs-header .tab-link.active {
@@ -58,6 +57,7 @@
58
57
  display: none;
59
58
  padding: 6px 12px;
60
59
  width: 100%;
60
+ overflow: visible;
61
61
  -webkit-animation-name: var( --tab-animation-name);
62
62
  -webkit-animation-duration: var( --tab-animation-duration);
63
63
  animation-name: var( --tab-animation-name);
package/apps/client-side/site_files/css/theme.css CHANGED
@@ -75,7 +75,7 @@
75
75
  --select-height : 33px;
76
76
 
77
77
  --btn-color: #ffffff;
78
- --btn-background-color: #283e4a;
78
+ --btn-background: #283e4a;
79
79
  --btn-add-color: #ffffff;
80
80
  --btn-add-background-color: #118011;
81
81
  --btn-update-color: #ffffff;
package/apps/client-side/site_files/css/theme_dark.css CHANGED
@@ -75,7 +75,7 @@
75
75
  --select-height: 35px;
76
76
 
77
77
  --btn-color: #ffffff;
78
- --btn-background-color: var(--theme-color);
78
+ --btn-background: var(--theme-color);
79
79
  --btn-add-color: #ffffff;
80
80
  --btn-add-background-color: #118011;
81
81
  --btn-update-color: #ffffff;