Hugging Face's logo

Spaces:
DMTuit
/
psy4
Sleeping

App Files Community
DmitrMakeev commited on
Commit
a8e7d23
•
1 Parent(s): bff098a

Update biz_v.html

Browse files
Files changed (1) hide show
  1. biz_v.html +191 -187
biz_v.html CHANGED
@@ -6,185 +6,194 @@
6
  <title>API Request</title>
7
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
8
  <style>
9
- body {
10
- font-family: Arial, sans-serif;
11
- text-align: center;
12
- background-color: #f0f0f0;
13
- margin: 0;
14
- padding: 0;
15
- }
16
- h1 {
17
- background-color: #4CAF50;
18
- color: white;
19
- padding: 20px;
20
- margin: 0;
21
- border-bottom: 2px solid #388E3C;
22
- font-size: 28px;
23
- text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
24
- }
25
- .container {
26
- display: flex;
27
- justify-content: space-around;
28
- margin-top: 20px;
29
- }
30
- .block {
31
- width: 45%;
32
- text-align: left;
33
- background-color: white;
34
- padding: 20px;
35
- border-radius: 10px;
36
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
37
- }
38
- .form-group {
39
- margin: 20px 0;
40
- }
41
- .form-group label {
42
- display: block;
43
- margin-bottom: 8px;
44
- font-size: 16px;
45
- }
46
- .form-group input,
47
- .form-group select {
48
- width: 100%;
49
- padding: 12px;
50
- font-size: 16px;
51
- border: 1px solid #ccc;
52
- border-radius: 5px;
53
- box-sizing: border-box;
54
- }
55
- button {
56
- display: block;
57
- margin: 20px auto;
58
- color: white;
59
- background-color: #4CAF50;
60
- border: none;
61
- cursor: pointer;
62
- padding: 12px 24px;
63
- font-size: 16px;
64
- border-radius: 5px;
65
- transition: background-color 0.3s ease;
66
- }
67
- button:hover {
68
- background-color: #388E3C;
69
- }
70
- .input-row {
71
- display: flex;
72
- justify-content: center;
73
- gap: 10px;
74
- margin-top: 20px;
75
- }
76
- .input-row input[type="file"] {
77
- padding: 10px;
78
- font-size: 16px;
79
- border: 1px solid #ccc;
80
- border-radius: 5px;
81
- }
82
- .input-row input[type="checkbox"] {
83
- margin-top: 5px;
84
- }
85
- .input-row label {
86
- display: flex;
87
- align-items: center;
88
- color: #4CAF50;
89
- font-size: 16px;
90
- }
91
- #uploadButton {
92
- color: white;
93
- background-color: #4CAF50;
94
- border: none;
95
- cursor: pointer;
96
- padding: 10px 20px;
97
- font-size: 16px;
98
- border-radius: 5px;
99
- margin-top: 20px;
100
- display: block;
101
- margin-left: auto;
102
- margin-right: auto;
103
- }
104
- #uploadButton:hover {
105
- background-color: #388E3C;
106
- }
107
- /* Стили для выпадающего списка */
108
- #dropdown-container select {
109
- width: 100%;
110
- padding: 12px;
111
- font-size: 16px;
112
- border: 1px solid #ccc;
113
- border-radius: 5px;
114
- box-sizing: border-box;
115
- background-color: white;
116
- appearance: none; /* Убираем стандартные стили браузера */
117
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');
118
- background-repeat: no-repeat;
119
- background-position: right 10px center;
120
- background-size: 16px;
121
- }
122
- /* Центрирование заголовков блоков */
123
- .block h2 {
124
- text-align: center;
125
- }
126
-
127
- /* Custom Checkbox Styles */
128
- .container-checkbox {
129
- color: #000000;
130
- display: block;
131
- position: relative;
132
- padding-left: 35px;
133
- margin-bottom: 12px;
134
- cursor: pointer;
135
- font-size: 16px;
136
- -webkit-user-select: none;
137
- -moz-user-select: none;
138
- -ms-user-select: none;
139
- user-select: none;
140
- }
141
-
142
- .container-checkbox input {
143
- position: absolute;
144
- opacity: 0;
145
- cursor: pointer;
146
- height: 0;
147
- width: 0;
148
- }
149
-
150
- .checkmark {
151
- position: absolute;
152
- top: 0;
153
- left: 0;
154
- height: 25px;
155
- width: 25px;
156
- background-color: #eee;
157
- }
158
-
159
- .container-checkbox:hover input ~ .checkmark {
160
- background-color: #ccc;
161
- }
162
-
163
- .container-checkbox input:checked ~ .checkmark {
164
- background-color: #4CAF50;
165
- }
166
-
167
- .checkmark:after {
168
- content: "";
169
- position: absolute;
170
- display: none;
171
- }
172
-
173
- .container-checkbox input:checked ~ .checkmark:after {
174
- display: block;
175
- }
176
-
177
- .container-checkbox .checkmark:after {
178
- left: 9px;
179
- top: 5px;
180
- width: 5px;
181
- height: 10px;
182
- border: solid white;
183
- border-width: 0 3px 3px 0;
184
- -webkit-transform: rotate(45deg);
185
- -ms-transform: rotate(45deg);
186
- transform: rotate(45deg);
187
- }
 
 
 
 
 
 
 
 
 
188
  </style>
189
  </head>
190
  <body>
@@ -221,13 +230,8 @@ button:hover {
221
  <input type="text" id="tokenInput" placeholder="Введите токен">
222
  </div>
223
  <div class="form-group">
224
- <label for="dateSelect">Крайняя дата выборки комнат:</label>
225
- <select id="dateSelect">
226
- <option value="2021-01-01T00:00:00">2021-01-01</option>
227
- <option value="2022-01-01T00:00:00">2022-01-01</option>
228
- <option value="2023-01-01T00:00:00">2023-01-01</option>
229
- <option value="2024-01-01T00:00:00">2024-01-01</option>
230
- </select>
231
  </div>
232
  <div class="form-group">
233
  <label for="typeSelect">Выбор формата вебинара:</label>
@@ -304,7 +308,7 @@ button:hover {
304
  if (requestButtonClicked) return;
305
  requestButtonClicked = true;
306
  const token = document.getElementById('tokenInput').value;
307
- const minDate = document.getElementById('dateSelect').value;
308
  const type = document.getElementById('typeSelect').value;
309
  const url = '/send_request';
310
  fetch(url, {
 
6
  <title>API Request</title>
7
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
8
  <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ text-align: center;
12
+ background-color: #f0f0f0;
13
+ margin: 0;
14
+ padding: 0;
15
+ }
16
+ h1 {
17
+ background-color: #4CAF50;
18
+ color: white;
19
+ padding: 20px;
20
+ margin: 0;
21
+ border-bottom: 2px solid #388E3C;
22
+ font-size: 28px;
23
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
24
+ }
25
+ .container {
26
+ display: flex;
27
+ justify-content: space-around;
28
+ margin-top: 20px;
29
+ }
30
+ .block {
31
+ width: 45%;
32
+ text-align: left;
33
+ background-color: white;
34
+ padding: 20px;
35
+ border-radius: 10px;
36
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
37
+ }
38
+ .form-group {
39
+ margin: 20px 0;
40
+ }
41
+ .form-group label {
42
+ display: block;
43
+ margin-bottom: 8px;
44
+ font-size: 16px;
45
+ }
46
+ .form-group input,
47
+ .form-group select {
48
+ width: 100%;
49
+ padding: 12px;
50
+ font-size: 16px;
51
+ border: 1px solid #ccc;
52
+ border-radius: 5px;
53
+ box-sizing: border-box;
54
+ }
55
+ button {
56
+ display: block;
57
+ margin: 20px auto;
58
+ color: white;
59
+ background-color: #4CAF50;
60
+ border: none;
61
+ cursor: pointer;
62
+ padding: 12px 24px;
63
+ font-size: 16px;
64
+ border-radius: 5px;
65
+ transition: background-color 0.3s ease;
66
+ }
67
+ button:hover {
68
+ background-color: #388E3C;
69
+ }
70
+ .input-row {
71
+ display: flex;
72
+ justify-content: center;
73
+ gap: 10px;
74
+ margin-top: 20px;
75
+ }
76
+ .input-row input[type="file"] {
77
+ padding: 10px;
78
+ font-size: 16px;
79
+ border: 1px solid #ccc;
80
+ border-radius: 5px;
81
+ }
82
+ .input-row input[type="checkbox"] {
83
+ margin-top: 5px;
84
+ }
85
+ .input-row label {
86
+ display: flex;
87
+ align-items: center;
88
+ color: #4CAF50;
89
+ font-size: 16px;
90
+ }
91
+ #uploadButton {
92
+ color: white;
93
+ background-color: #4CAF50;
94
+ border: none;
95
+ cursor: pointer;
96
+ padding: 10px 20px;
97
+ font-size: 16px;
98
+ border-radius: 5px;
99
+ margin-top: 20px;
100
+ display: block;
101
+ margin-left: auto;
102
+ margin-right: auto;
103
+ }
104
+ #uploadButton:hover {
105
+ background-color: #388E3C;
106
+ }
107
+ /* Стили для выпадающего списка */
108
+ #dropdown-container select {
109
+ width: 100%;
110
+ padding: 12px;
111
+ font-size: 16px;
112
+ border: 1px solid #ccc;
113
+ border-radius: 5px;
114
+ box-sizing: border-box;
115
+ background-color: white;
116
+ appearance: none; /* Убираем стандартные стили браузера */
117
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');
118
+ background-repeat: no-repeat;
119
+ background-position: right 10px center;
120
+ background-size: 16px;
121
+ }
122
+ /* Центрирование заголовков блоков */
123
+ .block h2 {
124
+ text-align: center;
125
+ }
126
+ /* Custom Checkbox Styles */
127
+ .container-checkbox {
128
+ color: #000000;
129
+ display: block;
130
+ position: relative;
131
+ padding-left: 35px;
132
+ margin-bottom: 12px;
133
+ cursor: pointer;
134
+ font-size: 16px;
135
+ -webkit-user-select: none;
136
+ -moz-user-select: none;
137
+ -ms-user-select: none;
138
+ user-select: none;
139
+ }
140
+ .container-checkbox input {
141
+ position: absolute;
142
+ opacity: 0;
143
+ cursor: pointer;
144
+ height: 0;
145
+ width: 0;
146
+ }
147
+ .checkmark {
148
+ position: absolute;
149
+ top: 0;
150
+ left: 0;
151
+ height: 25px;
152
+ width: 25px;
153
+ background-color: #eee;
154
+ }
155
+ .container-checkbox:hover input ~ .checkmark {
156
+ background-color: #ccc;
157
+ }
158
+ .container-checkbox input:checked ~ .checkmark {
159
+ background-color: #4CAF50;
160
+ }
161
+ .checkmark:after {
162
+ content: "";
163
+ position: absolute;
164
+ display: none;
165
+ }
166
+ .container-checkbox input:checked ~ .checkmark:after {
167
+ display: block;
168
+ }
169
+ .container-checkbox .checkmark:after {
170
+ left: 9px;
171
+ top: 5px;
172
+ width: 5px;
173
+ height: 10px;
174
+ border: solid white;
175
+ border-width: 0 3px 3px 0;
176
+ -webkit-transform: rotate(45deg);
177
+ -ms-transform: rotate(45deg);
178
+ transform: rotate(45deg);
179
+ }
180
+ /* Стили для input[type="date"] */
181
+ input[type="date"] {
182
+ background-color: #4CAF50;
183
+ color: white;
184
+ padding: 12px;
185
+ font-size: 16px;
186
+ border: none;
187
+ border-radius: 5px;
188
+ width: 100%;
189
+ box-sizing: border-box;
190
+ }
191
+ ::-webkit-calendar-picker-indicator {
192
+ background-color: white;
193
+ padding: 5px;
194
+ cursor: pointer;
195
+ border-radius: 3px;
196
+ }
197
  </style>
198
  </head>
199
  <body>
 
230
  <input type="text" id="tokenInput" placeholder="Введите токен">
231
  </div>
232
  <div class="form-group">
233
+ <label for="dateInput">Крайняя дата выборки комнат:</label>
234
+ <input type="date" id="dateInput">
 
 
 
 
 
235
  </div>
236
  <div class="form-group">
237
  <label for="typeSelect">Выбор формата вебинара:</label>
 
308
  if (requestButtonClicked) return;
309
  requestButtonClicked = true;
310
  const token = document.getElementById('tokenInput').value;
311
+ const minDate = document.getElementById('dateInput').value;
312
  const type = document.getElementById('typeSelect').value;
313
  const url = '/send_request';
314
  fetch(url, {