isite 2023.1.4 → 2023.1.6

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.
@@ -73,6 +73,31 @@ module.exports = function (site) {
73
73
  ],
74
74
  });
75
75
 
76
+ site.get({
77
+ name: ['/x-js/sa.js'],
78
+ public: true,
79
+ parser: 'js',
80
+ path: [
81
+ __dirname + '/site_files/js/first.js',
82
+ __dirname + '/site_files/js/jquery.js',
83
+ __dirname + '/site_files/js/mustache.js',
84
+ __dirname + '/site_files/js/base64.js',
85
+ __dirname + '/site_files/js/site.js',
86
+ __dirname + '/site_files/js/dom-to-image.js',
87
+ __dirname + '/site_files/js/barcode.js',
88
+ __dirname + '/site_files/js/qrcode.js',
89
+ __dirname + '/site_files/js/angular.min.js',
90
+ __dirname + '/site_files/js/app.js',
91
+ __dirname + '/site_files/js/directive-core.js',
92
+ __dirname + '/site_files/js/bootstrap-5-directive.js',
93
+ __dirname + '/site_files/js/last.js',
94
+ __dirname + '/site_files/js/bootstrap5.js',
95
+ __dirname + '/site_files/js/bootstrap-5-addon.js',
96
+ __dirname + '/site_files/js/WebShareEditor.js',
97
+ __dirname + '/site_files/js/xlsx.js',
98
+ ],
99
+ });
100
+
76
101
 
77
102
  site.get({
78
103
  name: '/x-css',
@@ -81,7 +81,7 @@ i-checkbox {
81
81
  padding-left: 20px !important;
82
82
  padding-right: 20px !important;
83
83
  }
84
- i-checkbox label{
84
+ i-checkbox label {
85
85
  cursor: pointer;
86
86
  max-width: 100%;
87
87
  white-space: pre-line;
@@ -99,6 +99,7 @@ i-button {
99
99
  }
100
100
  i-button button {
101
101
  margin: 5px;
102
+ padding: 7px 9px;
102
103
  }
103
104
  i-button.default button {
104
105
  margin: 3px;
@@ -110,13 +111,14 @@ i-file {
110
111
  display: block;
111
112
  padding: 10px !important;
112
113
  border: 1px dashed var(--theme-color);
113
- margin: 10px;
114
+ margin: 1% !important;
114
115
  height: fit-content;
116
+ width: 98% !important;
115
117
  }
116
118
  i-file button {
117
119
  max-width: 100px;
118
120
  }
119
- i-upload{
121
+ i-upload {
120
122
  display: inline-block;
121
123
  }
122
124
  i-date .fa {
@@ -21,6 +21,12 @@
21
21
  border: 1px solid var(--theme-color);
22
22
  }
23
23
 
24
+ .dropdown .dropdown-search{
25
+ padding: 5%;
26
+ position: sticky;
27
+ top: 0;
28
+ background: #ffffff;
29
+ }
24
30
  /* Links inside the dropdown */
25
31
  .dropdown-content p {
26
32
  color: black;
@@ -1,116 +1,116 @@
1
1
  form {
2
- display: block;
3
- width: 100%;
4
- margin: 0 auto;
5
- padding: 5px;
6
- color: var(--form-color);
7
- background-color: var(--form-background-color);
2
+ display: block;
3
+ width: 100%;
4
+ margin: 0 auto;
5
+ padding: 5px;
6
+ color: var(--form-color);
7
+ background-color: var(--form-background-color);
8
8
  }
9
9
 
10
10
  .control {
11
- display: block;
12
- width: 100%;
13
- margin: 0 auto;
14
- padding: 5px;
15
- margin-bottom: 10px;
11
+ display: block;
12
+ width: 100%;
13
+ margin: 0 auto;
14
+ padding: 5px;
15
+ margin-bottom: 10px;
16
16
  }
17
17
 
18
18
  form label,
19
19
  form span,
20
20
  form p {
21
- color: var(--form-color);
21
+ color: var(--form-color);
22
22
  }
23
23
  p {
24
- word-break: break-word;
24
+ word-break: break-word;
25
25
  }
26
26
  label {
27
- font-weight: var(--label-font-weight);
28
- color: var(--label-color);
29
- font-size: var(--label-font-size);
30
- margin: 5px;
31
- margin-bottom: 10px !important;
32
- word-break: break-all;
27
+ font-weight: var(--label-font-weight);
28
+ color: var(--label-color);
29
+ font-size: var(--label-font-size);
30
+ margin: 5px;
31
+ margin-bottom: 10px !important;
32
+ word-break: break-all;
33
33
  }
34
34
 
35
35
  label span {
36
- color: var(--form-color);
36
+ color: var(--form-color);
37
37
  }
38
38
 
39
39
  textarea {
40
- overflow-x: hidden;
40
+ overflow-x: hidden;
41
41
  }
42
42
 
43
43
  input,
44
44
  select,
45
45
  textarea {
46
- width: inherit;
47
- text-align: var(--text-align);
48
- font-family: var(--font-family);
49
- height: var(--input-height);
50
- min-height: var(--input-height);
51
- line-height: var(--line-height);
52
- padding: var(--input-padding);
53
- font-size: var(--input-font-size);
54
- font-weight: var(--input-font-wight);
55
- color: var(--input-color);
56
- background-color: var(--input-background-color);
57
- background-image: none;
58
- -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
59
- -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
60
- transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
61
- border-radius: var(--input-border-radius);
62
- border-width: var(--input-border-width);
63
- border-color: var(--input-border-color);
64
- border-style: solid;
65
- outline: none;
66
- scrollbar-arrow-color: var(--input-color);
67
- -ms-scrollbar-arrow-color: var(--input-color);
46
+ width: inherit;
47
+ text-align: var(--text-align);
48
+ font-family: var(--font-family);
49
+ height: var(--input-height);
50
+ min-height: var(--input-height);
51
+ line-height: var(--line-height);
52
+ padding: var(--input-padding);
53
+ font-size: var(--input-font-size);
54
+ font-weight: var(--input-font-wight);
55
+ color: var(--input-color);
56
+ background-color: var(--input-background-color);
57
+ background-image: none;
58
+ -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
59
+ -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
60
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
61
+ border-radius: var(--input-border-radius);
62
+ border-width: var(--input-border-width);
63
+ border-color: var(--input-border-color);
64
+ border-style: solid;
65
+ outline: none;
66
+ scrollbar-arrow-color: var(--input-color);
67
+ -ms-scrollbar-arrow-color: var(--input-color);
68
68
  }
69
69
 
70
70
  select {
71
- font-size: var(--select-font-size);
72
- height: var(--select-height);
73
- scrollbar-arrow-color: var(--select-color);
74
- -ms-scrollbar-arrow-color: var(--select-color);
75
- appearance: var(--select-appearance);
76
- -webkit-appearance: var(--select-appearance);
77
- -moz-appearance: var(--select-appearance);
78
- -ms-progress-appearance: var(--select-appearance);
71
+ font-size: var(--select-font-size);
72
+ height: var(--select-height);
73
+ scrollbar-arrow-color: var(--select-color);
74
+ -ms-scrollbar-arrow-color: var(--select-color);
75
+ appearance: var(--select-appearance);
76
+ -webkit-appearance: var(--select-appearance);
77
+ -moz-appearance: var(--select-appearance);
78
+ -ms-progress-appearance: var(--select-appearance);
79
79
  }
80
80
 
81
81
  textarea {
82
- border-width: var(--textarea-border-width);
82
+ border-width: var(--textarea-border-width);
83
83
  }
84
84
 
85
85
  input[type='checkbox'],
86
86
  input[type='radio'] {
87
- -webkit-box-shadow: none;
88
- box-shadow: none;
87
+ -webkit-box-shadow: none;
88
+ box-shadow: none;
89
89
  }
90
90
 
91
91
  input[type='file'] {
92
- padding: 3px;
92
+ padding: 3px;
93
93
  }
94
94
 
95
95
  input[type='date'],
96
96
  input[type='datetime'],
97
97
  input[type='datetime-local'] {
98
- padding: 5px;
98
+ padding: 5px;
99
99
  }
100
100
 
101
101
  input[type='number'],
102
102
  input[type='date'] {
103
- text-align: center;
103
+ text-align: center;
104
104
  }
105
105
 
106
106
  .control textarea {
107
- display: block;
108
- width: 100%;
109
- height: 100px;
107
+ display: block;
108
+ width: 100%;
109
+ height: 100px;
110
110
  }
111
111
 
112
112
  .control label {
113
- text-align: var(--label-text-align);
113
+ text-align: var(--label-text-align);
114
114
  }
115
115
 
116
116
  .control input[type='text'],
@@ -124,62 +124,73 @@ input[type='date'] {
124
124
  .control textarea,
125
125
  .control label,
126
126
  .control select {
127
- display: block;
128
- width: 100%;
127
+ display: block;
128
+ width: 100%;
129
129
  }
130
130
 
131
131
  input:focus,
132
132
  select:focus,
133
133
  textarea:focus {
134
- border-width: var(--input-focus-border-width);
135
- border-color: var(--input-focus-border-color);
134
+ border-width: var(--input-focus-border-width);
135
+ border-color: var(--input-focus-border-color);
136
136
  }
137
137
 
138
138
  fieldset {
139
- padding: var(--fieldset-padding) ;
140
- margin: var(--fieldset-margin) ;
141
- background: var(--fieldset-background);
142
- border: var(--fieldset-border);
139
+ padding: var(--fieldset-padding);
140
+ margin: var(--fieldset-margin);
141
+ background: var(--fieldset-background);
142
+ border: var(--fieldset-border);
143
143
  }
144
144
 
145
145
  fieldset legend {
146
- color: var(--legend-color);
147
- font-size: var(--legend-font-size);
148
- text-shadow: var(--legend-text-shadow);
149
- font-weight: var(--legend-font-weight);
150
- background: var(--fieldset-background);
151
- border: var(--legend-border);
146
+ color: var(--legend-color);
147
+ font-size: var(--legend-font-size);
148
+ text-shadow: var(--legend-text-shadow);
149
+ font-weight: var(--legend-font-weight);
150
+ background: var(--fieldset-background);
151
+ border: var(--legend-border);
152
152
  }
153
153
 
154
154
  .files {
155
- border: 2px dashed var(--modal-header-background-color);
156
- padding: 5px;
155
+ border: 2px dashed var(--modal-header-background-color);
156
+ padding: 5px;
157
157
  }
158
158
 
159
159
  .files span {
160
- font-size: 14px;
161
- color: var(--color);
162
- vertical-align: super;
160
+ font-size: 14px;
161
+ color: var(--color);
162
+ vertical-align: super;
163
163
  }
164
164
 
165
165
  .i-date .day select {
166
- border-bottom-color: green;
166
+ border-bottom-color: green;
167
167
  }
168
168
 
169
169
  .i-date .month select {
170
- border-bottom-color: blue;
170
+ border-bottom-color: blue;
171
171
  }
172
172
 
173
173
  .i-date .year select {
174
- border-bottom-color: #000000;
174
+ border-bottom-color: #000000;
175
175
  }
176
176
 
177
177
  .i-time .space {
178
- margin-top: 10px;
179
- font-size: 16px;
180
- color: #000;
178
+ margin-top: 10px;
179
+ font-size: 16px;
180
+ color: #000;
181
181
  }
182
182
  .i-date2 .fa {
183
- font-size: 18px;
184
- cursor: pointer;
183
+ font-size: 18px;
184
+ cursor: pointer;
185
+ }
186
+ i-file {
187
+ display: block;
188
+ padding: 10px !important;
189
+ border: 1px dashed var(--theme-color);
190
+ margin: 1% !important;
191
+ height: fit-content;
192
+ width: 98% !important;
193
+ }
194
+ i-file button {
195
+ max-width: 100px;
185
196
  }
@@ -80,10 +80,10 @@ i-image.img128 {
80
80
  padding: 3px !important;
81
81
  }
82
82
  i-image.img128 img {
83
- width: 122px !important;
84
- height: 122px !important;
85
- min-width: 122px !important;
86
- min-height: 122px !important;
83
+ width: 120px !important;
84
+ height: 120px !important;
85
+ min-width: 120px !important;
86
+ min-height: 120px !important;
87
87
  }
88
88
 
89
89
  i-image.img256 {
@@ -94,10 +94,10 @@ i-image.img256 {
94
94
  padding: 3px !important;
95
95
  }
96
96
  i-image.img256 img {
97
- width: 250px !important;
98
- height: 250px !important;
99
- min-width: 250px !important;
100
- min-height: 250px !important;
97
+ width: 245px !important;
98
+ height: 245px !important;
99
+ min-width: 245px !important;
100
+ min-height: 245px !important;
101
101
  }
102
102
 
103
103
  i-image.hover img:hover {
@@ -68,9 +68,9 @@ h3 {
68
68
 
69
69
  .container {
70
70
  display: block !important;
71
- width: 100% !important;
71
+ width: 98% !important;
72
72
  margin: 0 auto !important;
73
- padding: 10px !important;
73
+ padding: 1% !important;
74
74
  }
75
75
 
76
76
  .row,
@@ -230,6 +230,10 @@ h3 {
230
230
  max-width: 100vw !important;
231
231
  margin: 0 !important;
232
232
  }
233
+ .row,
234
+ .row10 {
235
+ width: 96% !important;
236
+ }
233
237
  .col1,
234
238
  .col2,
235
239
  .col3,
@@ -254,6 +258,10 @@ h3 {
254
258
 
255
259
  /* Small devices (landscape phones, 576px and down) */
256
260
  @media (max-width: 575px) {
261
+ .row,
262
+ .row10 {
263
+ width: 96% !important;
264
+ }
257
265
  .col1,
258
266
  .col2,
259
267
  .col3,
@@ -274,6 +282,10 @@ h3 {
274
282
 
275
283
  /* Medium devices (tablets, 768px and down) */
276
284
  @media (max-width: 768px) {
285
+ .row,
286
+ .row10 {
287
+ width: 96% !important;
288
+ }
277
289
  .col1,
278
290
  .col2,
279
291
  .col3,
@@ -1,142 +1,143 @@
1
1
  .print-only {
2
- visibility: collapse;
2
+ visibility: collapse;
3
3
  }
4
4
 
5
5
  .page-a4 {
6
- display: inline-block;
7
- height: 297mm !important;
8
- width: 210mm !important;
9
- padding: 2mm !important;
10
- margin: 0mm !important;
11
- background: white !important;
12
- color: #000 !important;
13
- page-break-before: always !important;
14
- page-break-after: always !important;
15
- page-break-inside: avoid !important;
6
+ display: inline-block;
7
+ height: 297mm !important;
8
+ width: 210mm !important;
9
+ padding: 2mm !important;
10
+ margin: 0mm !important;
11
+ background: white !important;
12
+ color: #000 !important;
13
+ page-break-before: always !important;
14
+ page-break-after: always !important;
15
+ page-break-inside: avoid !important;
16
16
  }
17
17
  .width-15-mm {
18
- min-width: 15mm !important;
19
- width: 15mm !important;
20
- white-space: normal;
21
- max-width: 15mm !important;
18
+ min-width: 15mm !important;
19
+ width: 15mm !important;
20
+ white-space: normal;
21
+ max-width: 15mm !important;
22
22
  }
23
23
  .width-30-mm {
24
- min-width: 30mm !important;
25
- width: 30mm !important;
26
- white-space: normal;
27
- max-width: 30mm !important;
24
+ min-width: 30mm !important;
25
+ width: 30mm !important;
26
+ white-space: normal;
27
+ max-width: 30mm !important;
28
28
  }
29
29
  .width-60-mm {
30
- min-width: 60mm !important;
31
- width: 60mm !important;
32
- white-space: normal;
33
- max-width: 60mm !important;
30
+ min-width: 60mm !important;
31
+ width: 60mm !important;
32
+ white-space: normal;
33
+ max-width: 60mm !important;
34
34
  }
35
35
  .width-90-mm {
36
- min-width: 90mm !important;
37
- width: 90mm !important;
38
- white-space: normal;
39
- max-width: 90mm !important;
36
+ min-width: 90mm !important;
37
+ width: 90mm !important;
38
+ white-space: normal;
39
+ max-width: 90mm !important;
40
40
  }
41
41
 
42
42
  .page-width-a4 {
43
- padding: 2mm;
44
- margin: 0mm;
43
+ padding: 2mm;
44
+ margin: 0mm;
45
45
  }
46
46
 
47
47
  body.a4 {
48
- background: white;
49
- color: #000;
48
+ background: white;
49
+ color: #000;
50
50
  }
51
51
  body.a4 {
52
- height: 297mm;
52
+ height: 297mm;
53
53
  }
54
54
  body.print-mode {
55
- padding: 0px !important;
56
- margin: 2mm !important;
55
+ padding: 0px !important;
56
+ margin: 2mm !important;
57
57
  }
58
58
  body.print-mode .hide {
59
- visibility: visible;
59
+ visibility: visible;
60
60
  }
61
61
  body.print-mode .not-print,
62
62
  body.print-mode .dont-print {
63
- display: none;
63
+ display: none;
64
64
  }
65
65
  body.print-mode .print-only {
66
- visibility: visible;
66
+ visibility: visible;
67
67
  }
68
68
  body.print-mode .table {
69
- table-layout: fixed;
70
- border-collapse: collapse;
71
- border: 1px solid black;
72
- font-size: 8pt;
73
- page-break-inside: avoid;
69
+ table-layout: fixed;
70
+ border-collapse: collapse;
71
+ border: 1px solid black;
72
+ font-size: 8pt;
73
+ page-break-inside: avoid;
74
74
  }
75
75
  body.print-mode .table.wide {
76
- min-width: 206mm !important;
77
- width: 206mm !important;
76
+ min-width: 206mm !important;
77
+ width: 206mm !important;
78
78
  }
79
79
  body.print-mode .table th {
80
- color: #000 !important;
81
- background: #fff !important;
82
- border-collapse: collapse;
80
+ color: #000 !important;
81
+ background: #fff !important;
82
+ border-collapse: collapse;
83
83
  }
84
84
  body.print-mode .table td {
85
- color: #000 !important;
86
- background: #fff !important;
87
- border-collapse: collapse;
85
+ color: #000 !important;
86
+ background: #fff !important;
87
+ border-collapse: collapse;
88
88
  }
89
89
  body.print-mode input,
90
90
  body.print-mode textarea {
91
- font-size: 8pt;
91
+ font-size: 8pt;
92
92
  }
93
93
  body.print-mode .small {
94
- font-size: 6pt;
94
+ font-size: 6pt;
95
95
  }
96
96
 
97
97
  .page {
98
+ page-break-before: always;
99
+ page-break-after: always;
100
+ page-break-inside: avoid !important;
101
+ }
102
+ @media print {
103
+ :root {
104
+ --legend-color: #000;
105
+ --legend-text-shadow: none;
106
+ }
107
+ html,
108
+ body,
109
+ .page {
110
+ margin: 0 !important;
111
+ padding: 0 !important;
112
+ }
113
+ .page {
98
114
  page-break-before: always;
99
115
  page-break-after: always;
100
116
  page-break-inside: avoid !important;
101
- }
102
- @media print {
103
- :root {
104
- --legend-color: #000;
105
- --legend-text-shadow: none;
106
- }
107
- html,
108
- body,
109
- .page {
110
- margin: 0;
111
- }
112
- .page {
113
- page-break-before: always;
114
- page-break-after: always;
115
- page-break-inside: avoid !important;
116
- }
117
+ }
117
118
 
118
- .print-break {
119
- page-break-after: always;
120
- }
119
+ .print-break {
120
+ page-break-after: always;
121
+ }
121
122
 
122
- .print-start {
123
- page-break-before: always;
124
- }
123
+ .print-start {
124
+ page-break-before: always;
125
+ }
125
126
 
126
- .print-content {
127
- page-break-inside: avoid;
128
- }
127
+ .print-content {
128
+ page-break-inside: avoid;
129
+ }
129
130
 
130
- a {
131
- font-weight: bolder;
132
- text-decoration: none;
133
- }
131
+ a {
132
+ font-weight: bolder;
133
+ text-decoration: none;
134
+ }
134
135
 
135
- a[href^='http']:after {
136
- content: ' [ ' attr(href) ' ] ';
137
- }
136
+ a[href^='http']:after {
137
+ content: ' [ ' attr(href) ' ] ';
138
+ }
138
139
 
139
- a[href^='#']:after {
140
- content: '';
141
- }
140
+ a[href^='#']:after {
141
+ content: '';
142
+ }
142
143
  }
@@ -65,10 +65,6 @@
65
65
  min-width: 300px !important;
66
66
  }
67
67
 
68
- .table tr i-list input.text {
69
- min-width: 300px !important;
70
- }
71
-
72
68
  .grid {
73
69
  width: 95vw;
74
70
  max-height: 500px;