Hugging Face's logo

Spaces:
eg-art
/
up_fail
Running

App Files Community
DmitrMakeev commited on
Commit
1b02027
·
verified ·
1 Parent(s): 3571158

Update ns_info.html

Browse files
Files changed (1) hide show
  1. ns_info.html +100 -4
ns_info.html CHANGED
@@ -1,12 +1,77 @@
 
1
  <!DOCTYPE html>
2
  <html lang="ru">
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Получение информации о группе</title>
7
-
8
-
9
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
  </head>
11
  <body>
12
  <h1>Получение списка параметров группы</h1>
@@ -46,13 +111,44 @@
46
  if (data.error) {
47
  resultDiv.innerHTML = `<p style="color: red;">Ошибка: ${data.error}</p>`;
48
  } else {
49
- resultDiv.innerHTML = `<pre>${JSON.stringify(data, null, 2)}</pre>`;
50
  }
51
  })
52
  .catch(error => {
53
  resultDiv.innerHTML = `<p style="color: red;">Ошибка: ${error.message}</p>`;
54
  });
55
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
56
  });
57
  </script>
58
  </body>
 
1
+
2
  <!DOCTYPE html>
3
  <html lang="ru">
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
  <title>Получение информации о группе</title>
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
+ }
23
+ .input-row {
24
+ display: flex;
25
+ justify-content: center;
26
+ gap: 10px;
27
+ margin-top: 20px;
28
+ }
29
+ .input-row input, .input-row select {
30
+ padding: 10px;
31
+ font-size: 16px;
32
+ border: 1px solid #ccc;
33
+ border-radius: 5px;
34
+ }
35
+ #jsoneditor {
36
+ width: 50%;
37
+ height: 300px;
38
+ margin: 20px auto;
39
+ }
40
+ #addSector, #saveToClipboard {
41
+ color: white;
42
+ background-color: #4CAF50;
43
+ border: none;
44
+ cursor: pointer;
45
+ padding: 10px 20px;
46
+ font-size: 16px;
47
+ border-radius: 5px;
48
+ margin-top: 20px;
49
+ }
50
+ #addSector:hover, #saveToClipboard:hover {
51
+ background-color: #388E3C;
52
+ }
53
+ .jsoneditor-menu {
54
+ background-color: #4CAF50 !important;
55
+ border-bottom: 1px solid #388E3C !important;
56
+ }
57
+ .jsoneditor {
58
+ border: 1px #4CAF50 !important;
59
+ border-bottom: 2px solid #388E3C !important;
60
+ }
61
+ .result-table {
62
+ width: 50%;
63
+ margin: 20px auto;
64
+ border-collapse: collapse;
65
+ }
66
+ .result-table th, .result-table td {
67
+ border: 1px solid #ddd;
68
+ padding: 8px;
69
+ }
70
+ .result-table th {
71
+ background-color: #4CAF50;
72
+ color: white;
73
+ }
74
+ </style>
75
  </head>
76
  <body>
77
  <h1>Получение списка параметров группы</h1>
 
111
  if (data.error) {
112
  resultDiv.innerHTML = `<p style="color: red;">Ошибка: ${data.error}</p>`;
113
  } else {
114
+ displayResult(data);
115
  }
116
  })
117
  .catch(error => {
118
  resultDiv.innerHTML = `<p style="color: red;">Ошибка: ${error.message}</p>`;
119
  });
120
  });
121
+
122
+ function displayResult(data) {
123
+ let tableHTML = `
124
+ <table class="result-table">
125
+ <thead>
126
+ <tr>
127
+ <th>list_id</th>
128
+ <th>id_name</th>
129
+ <th>id_phone</th>
130
+ </tr>
131
+ </thead>
132
+ <tbody>
133
+ `;
134
+
135
+ data.forEach(item => {
136
+ tableHTML += `
137
+ <tr>
138
+ <td>${item.list_id}</td>
139
+ <td>${item.id_name}</td>
140
+ <td>${item.id_phone}</td>
141
+ </tr>
142
+ `;
143
+ });
144
+
145
+ tableHTML += `
146
+ </tbody>
147
+ </table>
148
+ `;
149
+
150
+ resultDiv.innerHTML = tableHTML;
151
+ }
152
  });
153
  </script>
154
  </body>