Hugging Face's logo

Spaces:
DMTuit
/
psy4
Sleeping

App Files Community
DmitrMakeev commited on
Commit
2633a11
·
verified ·
1 Parent(s): 9ea2cd4

Update biz_v.html

Browse files
Files changed (1) hide show
  1. biz_v.html +177 -179
biz_v.html CHANGED
@@ -6,176 +6,179 @@
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
- display: block;
129
- position: relative;
130
- padding-left: 35px;
131
- margin-bottom: 12px;
132
- cursor: pointer;
133
- font-size: 16px;
134
- -webkit-user-select: none;
135
- -moz-user-select: none;
136
- -ms-user-select: none;
137
- user-select: none;
138
- }
139
- .container-checkbox input {
140
- position: absolute;
141
- opacity: 0;
142
- cursor: pointer;
143
- height: 0;
144
- width: 0;
145
- }
146
- .checkmark {
147
- position: absolute;
148
- top: 0;
149
- left: 0;
150
- height: 25px;
151
- width: 25px;
152
- background-color: #eee;
153
- }
154
- .container-checkbox:hover input ~ .checkmark {
155
- background-color: #ccc;
156
- }
157
- .container-checkbox input:checked ~ .checkmark {
158
- background-color: #4CAF50;
159
- }
160
- .checkmark:after {
161
- content: "";
162
- position: absolute;
163
- display: none;
164
- }
165
- .container-checkbox input:checked ~ .checkmark:after {
166
- display: block;
167
- }
168
- .container-checkbox .checkmark:after {
169
- left: 9px;
170
- top: 5px;
171
- width: 5px;
172
- height: 10px;
173
- border: solid white;
174
- border-width: 0 3px 3px 0;
175
- -webkit-transform: rotate(45deg);
176
- -ms-transform: rotate(45deg);
177
- transform: rotate(45deg);
178
- }
 
 
 
179
  </style>
180
  </head>
181
  <body>
@@ -212,13 +215,8 @@ button:hover {
212
  <input type="text" id="tokenInput" placeholder="Введите токен">
213
  </div>
214
  <div class="form-group">
215
- <label for="dateSelect">Выбор даты:</label>
216
- <select id="dateSelect">
217
- <option value="2021-01-01T00:00:00">2021-01-01</option>
218
- <option value="2022-01-01T00:00:00">2022-01-01</option>
219
- <option value="2023-01-01T00:00:00">2023-01-01</option>
220
- <option value="2024-01-01T00:00:00">2024-01-01</option>
221
- </select>
222
  </div>
223
  <div class="form-group">
224
  <label for="typeSelect">Выбор формата вебинара:</label>
@@ -229,7 +227,7 @@ button:hover {
229
  </div>
230
  <button id="sendRequestButton">Получи��ь список комнат Бизон 365</button>
231
  <div id="dropdown-container"></div>
232
- <button id="sendGetRequestButton">Обновить базу пользователей WhatCRM</button>
233
  </div>
234
  </div>
235
 
@@ -295,7 +293,7 @@ button:hover {
295
  if (requestButtonClicked) return;
296
  requestButtonClicked = true;
297
  const token = document.getElementById('tokenInput').value;
298
- const minDate = document.getElementById('dateSelect').value;
299
  const type = document.getElementById('typeSelect').value;
300
  const url = '/send_request';
301
  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
+ .block h2 {
109
+ text-align: center;
110
+ }
111
+ /* Custom Checkbox Styles */
112
+ .container-checkbox {
113
+ color: #000000;
114
+ display: block;
115
+ position: relative;
116
+ padding-left: 35px;
117
+ margin-bottom: 12px;
118
+ cursor: pointer;
119
+ font-size: 16px;
120
+ -webkit-user-select: none;
121
+ -moz-user-select: none;
122
+ -ms-user-select: none;
123
+ user-select: none;
124
+ }
125
+ .container-checkbox input {
126
+ position: absolute;
127
+ opacity: 0;
128
+ cursor: pointer;
129
+ height: 0;
130
+ width: 0;
131
+ }
132
+ .checkmark {
133
+ position: absolute;
134
+ top: 0;
135
+ left: 0;
136
+ height: 25px;
137
+ width: 25px;
138
+ background-color: #eee;
139
+ }
140
+ .container-checkbox:hover input ~ .checkmark {
141
+ background-color: #ccc;
142
+ }
143
+ .container-checkbox input:checked ~ .checkmark {
144
+ background-color: #4CAF50;
145
+ }
146
+ .checkmark:after {
147
+ content: "";
148
+ position: absolute;
149
+ display: none;
150
+ }
151
+ .container-checkbox input:checked ~ .checkmark:after {
152
+ display: block;
153
+ }
154
+ .container-checkbox .checkmark:after {
155
+ left: 9px;
156
+ top: 5px;
157
+ width: 5px;
158
+ height: 10px;
159
+ border: solid white;
160
+ border-width: 0 3px 3px 0;
161
+ -webkit-transform: rotate(45deg);
162
+ -ms-transform: rotate(45deg);
163
+ transform: rotate(45deg);
164
+ }
165
+ /* Стили для input[type="date"] */
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
  </style>
183
  </head>
184
  <body>
 
215
  <input type="text" id="tokenInput" placeholder="Введите токен">
216
  </div>
217
  <div class="form-group">
218
+ <label for="dateInput">Крайняя дата выборки комнат:</label>
219
+ <input type="date" id="dateInput">
 
 
 
 
 
220
  </div>
221
  <div class="form-group">
222
  <label for="typeSelect">Выбор формата вебинара:</label>
 
227
  </div>
228
  <button id="sendRequestButton">Получи��ь список комнат Бизон 365</button>
229
  <div id="dropdown-container"></div>
230
+ <button id="sendGetRequestButton">Обновить базу WhatsMasterGRM</button>
231
  </div>
232
  </div>
233
 
 
293
  if (requestButtonClicked) return;
294
  requestButtonClicked = true;
295
  const token = document.getElementById('tokenInput').value;
296
+ const minDate = document.getElementById('dateInput').value;
297
  const type = document.getElementById('typeSelect').value;
298
  const url = '/send_request';
299
  fetch(url, {