Hugging Face's logo

Spaces:
digpas
/
tele
Running

App Files Community
digpas commited on
Commit
c241325
·
verified ·
1 Parent(s): dffcebc

Нужна дополнительная страница "Панель администратора" - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +143 -3
index.html CHANGED
@@ -1,3 +1,143 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
@@ -49,9 +189,9 @@
49
  <h1 class="text-2xl font-bold">Опрос удовлетворенности клиентов</h1>
50
  </div>
51
  <div class="hidden md:block">
52
- <button class="bg-white text-indigo-700 px-4 py-2 rounded-lg font-medium hover:bg-opacity-90 transition">
53
  <i class="fas fa-sign-in-alt mr-2"></i>Панель администратора
54
- </button>
55
  </div>
56
  </div>
57
  </div>
@@ -360,5 +500,5 @@
360
  });
361
  });
362
  </script>
363
- <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=digpas/tele" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
364
  </html>
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Admin Panel - Phone Survey System</title>
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <style>
11
+ .gradient-bg {
12
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
13
+ }
14
+ .sidebar {
15
+ transition: all 0.3s ease;
16
+ }
17
+ .sidebar-item:hover {
18
+ background-color: rgba(255, 255, 255, 0.1);
19
+ }
20
+ </style>
21
+ </head>
22
+ <body class="bg-gray-100 font-sans">
23
+ <div class="min-h-screen flex">
24
+ <!-- Sidebar -->
25
+ <div class="sidebar w-64 gradient-bg text-white p-4">
26
+ <div class="flex items-center space-x-2 mb-8">
27
+ <i class="fas fa-user-shield text-2xl"></i>
28
+ <h1 class="text-xl font-bold">Админ панель</h1>
29
+ </div>
30
+
31
+ <nav class="space-y-2">
32
+ <a href="#" class="sidebar-item flex items-center space-x-2 p-2 rounded-lg bg-white bg-opacity-10">
33
+ <i class="fas fa-chart-line"></i>
34
+ <span>Статистика</span>
35
+ </a>
36
+ <a href="#" class="sidebar-item flex items-center space-x-2 p-2 rounded-lg">
37
+ <i class="fas fa-users"></i>
38
+ <span>Клиенты</span>
39
+ </a>
40
+ <a href="#" class="sidebar-item flex items-center space-x-2 p-2 rounded-lg">
41
+ <i class="fas fa-poll"></i>
42
+ <span>Опросы</span>
43
+ </a>
44
+ <a href="#" class="sidebar-item flex items-center space-x-2 p-2 rounded-lg">
45
+ <i class="fas fa-cog"></i>
46
+ <span>Настройки</span>
47
+ </a>
48
+ <a href="index.html" class="sidebar-item flex items-center space-x-2 p-2 rounded-lg">
49
+ <i class="fas fa-arrow-left"></i>
50
+ <span>На главную</span>
51
+ </a>
52
+ </nav>
53
+ </div>
54
+
55
+ <!-- Main Content -->
56
+ <div class="flex-1 p-8">
57
+ <div class="bg-white rounded-xl shadow-md p-6">
58
+ <h2 class="text-2xl font-bold text-gray-800 mb-6">Статистика опросов</h2>
59
+
60
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
61
+ <div class="bg-blue-50 p-4 rounded-lg">
62
+ <h3 class="text-gray-600 mb-2">Всего опросов</h3>
63
+ <p class="text-3xl font-bold text-blue-600">1,248</p>
64
+ </div>
65
+ <div class="bg-green-50 p-4 rounded-lg">
66
+ <h3 class="text-gray-600 mb-2">Средний рейтинг</h3>
67
+ <p class="text-3xl font-bold text-green-600">4.4</p>
68
+ </div>
69
+ <div class="bg-purple-50 p-4 rounded-lg">
70
+ <h3 class="text-gray-600 mb-2">Активные опросы</h3>
71
+ <p class="text-3xl font-bold text-purple-600">3</p>
72
+ </div>
73
+ </div>
74
+
75
+ <div class="mb-8">
76
+ <h3 class="text-lg font-semibold text-gray-700 mb-4">Последние ответы</h3>
77
+ <div class="overflow-x-auto">
78
+ <table class="min-w-full bg-white">
79
+ <thead>
80
+ <tr class="bg-gray-100">
81
+ <th class="py-2 px-4 text-left">ID</th>
82
+ <th class="py-2 px-4 text-left">Клиент</th>
83
+ <th class="py-2 px-4 text-left">Оценка</th>
84
+ <th class="py-2 px-4 text-left">Дата</th>
85
+ </tr>
86
+ </thead>
87
+ <tbody>
88
+ <tr class="border-b">
89
+ <td class="py-2 px-4">#1245</td>
90
+ <td class="py-2 px-4">Иван Петров</td>
91
+ <td class="py-2 px-4">
92
+ <span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs">5</span>
93
+ </td>
94
+ <td class="py-2 px-4">15.06.2023</td>
95
+ </tr>
96
+ <tr class="border-b">
97
+ <td class="py-2 px-4">#1244</td>
98
+ <td class="py-2 px-4">Мария Сидорова</td>
99
+ <td class="py-2 px-4">
100
+ <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs">4</span>
101
+ </td>
102
+ <td class="py-2 px-4">15.06.2023</td>
103
+ </tr>
104
+ <tr class="border-b">
105
+ <td class="py-2 px-4">#1243</td>
106
+ <td class="py-2 px-4">Алексей Иванов</td>
107
+ <td class="py-2 px-4">
108
+ <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded-full text-xs">3</span>
109
+ </td>
110
+ <td class="py-2 px-4">14.06.2023</td>
111
+ </tr>
112
+ </tbody>
113
+ </table>
114
+ </div>
115
+ </div>
116
+
117
+ <div>
118
+ <h3 class="text-lg font-semibold text-gray-700 mb-4">Создать новый опрос</h3>
119
+ <div class="bg-gray-50 p-4 rounded-lg">
120
+ <form>
121
+ <div class="mb-4">
122
+ <label class="block text-gray-700 mb-2">Название опроса</label>
123
+ <input type="text" class="w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500">
124
+ </div>
125
+ <div class="mb-4">
126
+ <label class="block text-gray-700 mb-2">Вопрос</label>
127
+ <textarea class="w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500" rows="3"></textarea>
128
+ </div>
129
+ <button type="submit" class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition">
130
+ Создать опрос
131
+ </button>
132
+ </form>
133
+ </div>
134
+ </div>
135
+ </div>
136
+ </div>
137
+ </div>
138
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=digpas/tele" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
139
+ </html>
140
+
141
  <!DOCTYPE html>
142
  <html lang="en">
143
  <head>
 
189
  <h1 class="text-2xl font-bold">Опрос удовлетворенности клиентов</h1>
190
  </div>
191
  <div class="hidden md:block">
192
+ <a href="admin.html" class="bg-white text-indigo-700 px-4 py-2 rounded-lg font-medium hover:bg-opacity-90 transition">
193
  <i class="fas fa-sign-in-alt mr-2"></i>Панель администратора
194
+ </a>
195
  </div>
196
  </div>
197
  </div>
 
500
  });
501
  });
502
  </script>
503
+ </body>
504
  </html>