Hugging Face's logo

Spaces:
DMTuit
/
psy4
Sleeping

App Files Community
DmitrMakeev commited on
Commit
fa88ec7
·
verified ·
1 Parent(s): 6677655

Update biz_v.html

Browse files
Files changed (1) hide show
  1. biz_v.html +225 -268
biz_v.html CHANGED
@@ -1,4 +1,4 @@
1
- <<!DOCTYPE html>
2
  <html lang="ru">
3
  <head>
4
  <meta charset="UTF-8">
@@ -7,268 +7,230 @@
7
  <link rel="stylesheet" href="styles.css">
8
  <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
9
  </head>
10
- <style>
11
  body {
12
- font-family: Arial, sans-serif;
13
- text-align: center;
14
- background-color: #f0f0f0;
15
- margin: 0;
16
- padding: 0;
17
- }
18
-
19
- h1 {
20
- background-color: #4CAF50;
21
- color: white;
22
- padding: 20px;
23
- margin: 0;
24
- border-bottom: 2px solid #388E3C;
25
- font-size: 28px;
26
- text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
27
- }
28
-
29
- .container {
30
- display: flex;
31
- justify-content: space-around;
32
- margin-top: 20px;
33
- }
34
-
35
- .block {
36
- width: 45%;
37
- text-align: center;
38
- background-color: white;
39
- padding: 20px;
40
- border-radius: 10px;
41
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
42
- }
43
-
44
- .form-group {
45
- margin: 20px 0;
46
- }
47
-
48
- .form-group label {
49
- display: block;
50
- margin-bottom: 8px;
51
- font-size: 16px;
52
- }
53
-
54
- .form-group input,
55
- .form-group select {
56
- width: 100%;
57
- padding: 12px;
58
- font-size: 16px;
59
- border: 1px solid #ccc;
60
- border-radius: 5px;
61
- box-sizing: border-box;
62
- }
63
-
64
- button {
65
- display: block;
66
- margin: 20px auto;
67
- color: white;
68
- background-color: #4CAF50;
69
- border: none;
70
- cursor: pointer;
71
- padding: 12px 24px;
72
- font-size: 16px;
73
- border-radius: 5px;
74
- transition: background-color 0.3s ease;
75
- }
76
-
77
- button:hover {
78
- background-color: #388E3C;
79
- }
80
-
81
- .input-row {
82
- display: flex;
83
- justify-content: center;
84
- gap: 10px;
85
- margin-top: 20px;
86
- }
87
-
88
- .input-row input[type="file"] {
89
- padding: 10px;
90
- font-size: 16px;
91
- border: 1px solid #ccc;
92
- border-radius: 5px;
93
- }
94
-
95
- .input-row input[type="checkbox"] {
96
- margin-top: 5px;
97
- }
98
-
99
- .input-row label {
100
- display: flex;
101
- align-items: center;
102
- color: #000000;
103
- font-size: 16px;
104
- }
105
-
106
- #uploadButton {
107
- color: white;
108
- background-color: #4CAF50;
109
- border: none;
110
- cursor: pointer;
111
- padding: 10px 20px;
112
- font-size: 16px;
113
- border-radius: 5px;
114
- margin-top: 20px;
115
- display: block;
116
- margin-left: auto;
117
- margin-right: auto;
118
- }
119
-
120
- #uploadButton:hover {
121
- background-color: #388E3C;
122
- }
123
-
124
- .block h2 {
125
- text-align: center;
126
- }
127
-
128
- /* Custom Checkbox Styles */
129
- .container-checkbox {
130
- color: #000000;
131
- display: block;
132
- position: relative;
133
- padding-left: 35px;
134
- margin-bottom: 12px;
135
- cursor: pointer;
136
- font-size: 16px;
137
- -webkit-user-select: none;
138
- -moz-user-select: none;
139
- -ms-user-select: none;
140
- user-select: none;
141
- }
142
-
143
- .container-checkbox input {
144
- position: absolute;
145
- opacity: 0;
146
- cursor: pointer;
147
- height: 0;
148
- width: 0;
149
- }
150
-
151
- .checkmark {
152
- position: absolute;
153
- top: 0;
154
- left: 0;
155
- height: 25px;
156
- width: 25px;
157
- background-color: #eee;
158
- }
159
-
160
- .container-checkbox:hover input ~ .checkmark {
161
- background-color: #ccc;
162
- }
163
-
164
- .container-checkbox input:checked ~ .checkmark {
165
- background-color: #4CAF50;
166
- }
167
-
168
- .checkmark:after {
169
- content: "";
170
- position: absolute;
171
- display: none;
172
- }
173
-
174
- .container-checkbox input:checked ~ .checkmark:after {
175
- display: block;
176
- }
177
-
178
- .container-checkbox .checkmark:after {
179
- left: 9px;
180
- top: 5px;
181
- width: 5px;
182
- height: 10px;
183
- border: solid white;
184
- border-width: 0 3px 3px 0;
185
- -webkit-transform: rotate(45deg);
186
- -ms-transform: rotate(45deg);
187
- transform: rotate(45deg);
188
- }
189
-
190
- input[type="date"] {
191
- background-color: #4CAF50;
192
- color: white;
193
- padding: 12px;
194
- font-size: 16px;
195
- border: none;
196
- border-radius: 5px;
197
- width: 100%;
198
- box-sizing: border-box;
199
- }
200
-
201
- ::-webkit-calendar-picker-indicator {
202
- background-color: white;
203
- padding: 5px;
204
- cursor: pointer;
205
- border-radius: 3px;
206
- }
207
-
208
- #dropdown {
209
- width: 100%;
210
- padding: 12px;
211
- font-size: 16px;
212
- border: 1px solid #ccc;
213
- border-radius: 5px;
214
- box-sizing: border-box;
215
- margin-bottom: 20px;
216
- }
217
-
218
- #uploadButtonJson {
219
- color: white;
220
- background-color: #4CAF50;
221
- border: none;
222
- cursor: pointer;
223
- padding: 10px 20px;
224
- font-size: 16px;
225
- border-radius: 5px;
226
- margin-top: 20px;
227
- display: block;
228
- margin-left: auto;
229
- margin-right: auto;
230
- }
231
-
232
- #uploadButtonJson:hover {
233
- background-color: #388E3C;
234
- }
235
-
236
- .block form#uploadFormJson {
237
- margin-top: 20px;
238
- }
239
-
240
- .block form#uploadFormJson label {
241
- display: flex;
242
- align-items: center;
243
- margin-bottom: 10px;
244
- font-size: 16px;
245
- color: #000000;
246
- }
247
-
248
- .block form#uploadFormJson input[type="file"] {
249
- padding: 10px;
250
- font-size: 16px;
251
- border: 1px solid #ccc;
252
- border-radius: 5px;
253
- margin-right: 10px;
254
- }
255
-
256
- #message {
257
- margin-top: 20px;
258
- padding: 10px;
259
- border: 1px solid #ccc;
260
- border-radius: 5px;
261
- background-color: #fff;
262
- color: #4CAF50;
263
- text-align: center;
264
- }
265
-
266
-
267
-
268
-
269
-
270
-
271
- </style>
272
  <body>
273
  <h1>WhatsMasterGRM - Принудительное обновление базы</h1>
274
 
@@ -345,7 +307,6 @@ input[type="date"] {
345
  showNotification('Произошла ошибка при загрузке файла.', true);
346
  });
347
  });
348
-
349
  document.getElementById('uploadFormJson').addEventListener('submit', function(event) {
350
  event.preventDefault();
351
  var formData = new FormData(event.target);
@@ -361,7 +322,6 @@ input[type="date"] {
361
  showNotification("Произошла ошибка: " + error, true);
362
  });
363
  });
364
-
365
  document.getElementById('sendRequestButton').addEventListener('click', function() {
366
  const token = document.getElementById('tokenInput').value;
367
  const minDate = document.getElementById('dateInput').value;
@@ -384,7 +344,6 @@ input[type="date"] {
384
  showNotification('Произошла ошибка при получении списка комнат.', true);
385
  });
386
  });
387
-
388
  function createDropdown(data) {
389
  const container = document.getElementById('dropdown-container');
390
  container.innerHTML = '';
@@ -403,7 +362,6 @@ input[type="date"] {
403
  sendGetRequestButton.removeEventListener('click', handleGetRequest);
404
  sendGetRequestButton.addEventListener('click', handleGetRequest);
405
  }
406
-
407
  function handleGetRequest() {
408
  const selectedValue = document.getElementById('dropdown').value;
409
  const token = document.getElementById('tokenInput').value;
@@ -420,7 +378,6 @@ input[type="date"] {
420
  showNotification('Произошла ошибка при обновлении базы.', true);
421
  });
422
  }
423
-
424
  function showNotification(message, isError = false) {
425
  const notyf = new Notyf({
426
  duration: 5000,
@@ -463,4 +420,4 @@ input[type="date"] {
463
  }
464
  </script>
465
  </body>
466
- </html>
 
1
+ <!DOCTYPE html>
2
  <html lang="ru">
3
  <head>
4
  <meta charset="UTF-8">
 
7
  <link rel="stylesheet" href="styles.css">
8
  <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
9
  </head>
10
+ <style>
11
  body {
12
+ font-family: Arial, sans-serif;
13
+ text-align: center;
14
+ background-color: #f0f0f0;
15
+ margin: 0;
16
+ padding: 0;
17
+ }
18
+ h1 {
19
+ background-color: #4CAF50;
20
+ color: white;
21
+ padding: 20px;
22
+ margin: 0;
23
+ border-bottom: 2px solid #388E3C;
24
+ font-size: 28px;
25
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
26
+ }
27
+ .container {
28
+ display: flex;
29
+ justify-content: space-around;
30
+ margin-top: 20px;
31
+ }
32
+ .block {
33
+ width: 45%;
34
+ text-align: center;
35
+ background-color: white;
36
+ padding: 20px;
37
+ border-radius: 10px;
38
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
39
+ }
40
+ .form-group {
41
+ margin: 20px 0;
42
+ }
43
+ .form-group label {
44
+ display: block;
45
+ margin-bottom: 8px;
46
+ font-size: 16px;
47
+ }
48
+ .form-group input,
49
+ .form-group select {
50
+ width: 100%;
51
+ padding: 12px;
52
+ font-size: 16px;
53
+ border: 1px solid #ccc;
54
+ border-radius: 5px;
55
+ box-sizing: border-box;
56
+ }
57
+ button {
58
+ display: block;
59
+ margin: 20px auto;
60
+ color: white;
61
+ background-color: #4CAF50;
62
+ border: none;
63
+ cursor: pointer;
64
+ padding: 12px 24px;
65
+ font-size: 16px;
66
+ border-radius: 5px;
67
+ transition: background-color 0.3s ease;
68
+ }
69
+ button:hover {
70
+ background-color: #388E3C;
71
+ }
72
+ .input-row {
73
+ display: flex;
74
+ justify-content: center;
75
+ gap: 10px;
76
+ margin-top: 20px;
77
+ }
78
+ .input-row input[type="file"] {
79
+ padding: 10px;
80
+ font-size: 16px;
81
+ border: 1px solid #ccc;
82
+ border-radius: 5px;
83
+ }
84
+ .input-row input[type="checkbox"] {
85
+ margin-top: 5px;
86
+ }
87
+ .input-row label {
88
+ display: flex;
89
+ align-items: center;
90
+ color: #000000;
91
+ font-size: 16px;
92
+ }
93
+ #uploadButton {
94
+ color: white;
95
+ background-color: #4CAF50;
96
+ border: none;
97
+ cursor: pointer;
98
+ padding: 10px 20px;
99
+ font-size: 16px;
100
+ border-radius: 5px;
101
+ margin-top: 20px;
102
+ display: block;
103
+ margin-left: auto;
104
+ margin-right: auto;
105
+ }
106
+ #uploadButton:hover {
107
+ background-color: #388E3C;
108
+ }
109
+ .block h2 {
110
+ text-align: center;
111
+ }
112
+ /* Custom Checkbox Styles */
113
+ .container-checkbox {
114
+ color: #000000;
115
+ display: block;
116
+ position: relative;
117
+ padding-left: 35px;
118
+ margin-bottom: 12px;
119
+ cursor: pointer;
120
+ font-size: 16px;
121
+ -webkit-user-select: none;
122
+ -moz-user-select: none;
123
+ -ms-user-select: none;
124
+ user-select: none;
125
+ }
126
+ .container-checkbox input {
127
+ position: absolute;
128
+ opacity: 0;
129
+ cursor: pointer;
130
+ height: 0;
131
+ width: 0;
132
+ }
133
+ .checkmark {
134
+ position: absolute;
135
+ top: 0;
136
+ left: 0;
137
+ height: 25px;
138
+ width: 25px;
139
+ background-color: #eee;
140
+ }
141
+ .container-checkbox:hover input ~ .checkmark {
142
+ background-color: #ccc;
143
+ }
144
+ .container-checkbox input:checked ~ .checkmark {
145
+ background-color: #4CAF50;
146
+ }
147
+ .checkmark:after {
148
+ content: "";
149
+ position: absolute;
150
+ display: none;
151
+ }
152
+ .container-checkbox input:checked ~ .checkmark:after {
153
+ display: block;
154
+ }
155
+ .container-checkbox .checkmark:after {
156
+ left: 9px;
157
+ top: 5px;
158
+ width: 5px;
159
+ height: 10px;
160
+ border: solid white;
161
+ border-width: 0 3px 3px 0;
162
+ -webkit-transform: rotate(45deg);
163
+ -ms-transform: rotate(45deg);
164
+ transform: rotate(45deg);
165
+ }
166
+ input[type="date"] {
167
+ background-color: #4CAF50;
168
+ color: white;
169
+ padding: 12px;
170
+ font-size: 16px;
171
+ border: none;
172
+ border-radius: 5px;
173
+ width: 100%;
174
+ box-sizing: border-box;
175
+ }
176
+ ::-webkit-calendar-picker-indicator {
177
+ background-color: white;
178
+ padding: 5px;
179
+ cursor: pointer;
180
+ border-radius: 3px;
181
+ }
182
+ #dropdown {
183
+ width: 100%;
184
+ padding: 12px;
185
+ font-size: 16px;
186
+ border: 1px solid #ccc;
187
+ border-radius: 5px;
188
+ box-sizing: border-box;
189
+ margin-bottom: 20px;
190
+ }
191
+ #uploadButtonJson {
192
+ color: white;
193
+ background-color: #4CAF50;
194
+ border: none;
195
+ cursor: pointer;
196
+ padding: 10px 20px;
197
+ font-size: 16px;
198
+ border-radius: 5px;
199
+ margin-top: 20px;
200
+ display: block;
201
+ margin-left: auto;
202
+ margin-right: auto;
203
+ }
204
+ #uploadButtonJson:hover {
205
+ background-color: #388E3C;
206
+ }
207
+ .block form#uploadFormJson {
208
+ margin-top: 20px;
209
+ }
210
+ .block form#uploadFormJson label {
211
+ display: flex;
212
+ align-items: center;
213
+ margin-bottom: 10px;
214
+ font-size: 16px;
215
+ color: #000000;
216
+ }
217
+ .block form#uploadFormJson input[type="file"] {
218
+ padding: 10px;
219
+ font-size: 16px;
220
+ border: 1px solid #ccc;
221
+ border-radius: 5px;
222
+ margin-right: 10px;
223
+ }
224
+ #message {
225
+ margin-top: 20px;
226
+ padding: 10px;
227
+ border: 1px solid #ccc;
228
+ border-radius: 5px;
229
+ background-color: #fff;
230
+ color: #4CAF50;
231
+ text-align: center;
232
+ }
233
+ </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
234
  <body>
235
  <h1>WhatsMasterGRM - Принудительное обновление базы</h1>
236
 
 
307
  showNotification('Произошла ошибка при загрузке файла.', true);
308
  });
309
  });
 
310
  document.getElementById('uploadFormJson').addEventListener('submit', function(event) {
311
  event.preventDefault();
312
  var formData = new FormData(event.target);
 
322
  showNotification("Произошла ошибка: " + error, true);
323
  });
324
  });
 
325
  document.getElementById('sendRequestButton').addEventListener('click', function() {
326
  const token = document.getElementById('tokenInput').value;
327
  const minDate = document.getElementById('dateInput').value;
 
344
  showNotification('Произошла ошибка при получении списка комнат.', true);
345
  });
346
  });
 
347
  function createDropdown(data) {
348
  const container = document.getElementById('dropdown-container');
349
  container.innerHTML = '';
 
362
  sendGetRequestButton.removeEventListener('click', handleGetRequest);
363
  sendGetRequestButton.addEventListener('click', handleGetRequest);
364
  }
 
365
  function handleGetRequest() {
366
  const selectedValue = document.getElementById('dropdown').value;
367
  const token = document.getElementById('tokenInput').value;
 
378
  showNotification('Произошла ошибка при обновлении базы.', true);
379
  });
380
  }
 
381
  function showNotification(message, isError = false) {
382
  const notyf = new Notyf({
383
  duration: 5000,
 
420
  }
421
  </script>
422
  </body>
423
+ </html>