Hugging Face's logo

Spaces:
hotrung
/
chamcong
Running

App Files Community
hotrung commited on
Commit
5e11f50
·
verified ·
1 Parent(s): b5279a8

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +374 -19
  3. prompts.txt +8 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Chamcong
3
- emoji: 🏆
4
- colorFrom: green
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: chamcong
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,374 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="vi">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Chấm công tính lương</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .sidebar {
11
+ transition: all 0.3s;
12
+ }
13
+ .sidebar-collapsed {
14
+ width: 70px;
15
+ }
16
+ .sidebar-collapsed .sidebar-text {
17
+ display: none;
18
+ }
19
+ .sidebar-collapsed .logo-text {
20
+ display: none;
21
+ }
22
+ .sidebar-collapsed .nav-item {
23
+ justify-content: center;
24
+ }
25
+ .content {
26
+ transition: all 0.3s;
27
+ }
28
+ .content-expanded {
29
+ margin-left: 70px;
30
+ }
31
+ .calendar-day {
32
+ transition: all 0.2s;
33
+ }
34
+ .calendar-day:hover {
35
+ transform: scale(1.05);
36
+ }
37
+ .attendance-present {
38
+ background-color: #4ade80;
39
+ }
40
+ .attendance-absent {
41
+ background-color: #f87171;
42
+ }
43
+ .attendance-leave {
44
+ background-color: #60a5fa;
45
+ }
46
+ .attendance-late {
47
+ background-color: #fbbf24;
48
+ }
49
+ .header {
50
+ height: 64px;
51
+ }
52
+ .nav-item {
53
+ padding: 0.75rem 1.5rem;
54
+ }
55
+ .table-container {
56
+ overflow-x: auto;
57
+ width: 100%;
58
+ }
59
+ table {
60
+ min-width: 1200px;
61
+ }
62
+ .attendance-dropdown {
63
+ position: relative;
64
+ display: inline-block;
65
+ }
66
+ .attendance-dropdown-content {
67
+ display: none;
68
+ position: absolute;
69
+ background-color: #f9f9f9;
70
+ min-width: 160px;
71
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
72
+ z-index: 1;
73
+ border-radius: 4px;
74
+ }
75
+ .attendance-dropdown:hover .attendance-dropdown-content {
76
+ display: block;
77
+ }
78
+ .attendance-cell {
79
+ width: 30px;
80
+ height: 30px;
81
+ text-align: center;
82
+ vertical-align: middle;
83
+ cursor: pointer;
84
+ border-radius: 4px;
85
+ position: relative;
86
+ }
87
+ .attendance-cell:hover {
88
+ background-color: #f0f0f0;
89
+ }
90
+ .attendance-X { background-color: #4ade80; color: white; }
91
+ .attendance-N { background-color: #f87171; color: white; }
92
+ .attendance-H { background-color: #fbbf24; color: white; }
93
+ .attendance-P { background-color: #60a5fa; color: white; }
94
+ .attendance-L { background-color: #a78bfa; color: white; }
95
+ .attendance-O { background-color: #f472b6; color: white; }
96
+ .attendance-K { background-color: #94a3b8; color: white; }
97
+ .stat-item {
98
+ padding: 0.5rem 1rem;
99
+ border-radius: 0.5rem;
100
+ background-color: white;
101
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
102
+ }
103
+ .dropdown-option {
104
+ padding: 8px 16px;
105
+ cursor: pointer;
106
+ display: flex;
107
+ align-items: center;
108
+ }
109
+ .dropdown-option:hover {
110
+ background-color: #f1f1f1;
111
+ }
112
+ .dropdown-option-icon {
113
+ width: 24px;
114
+ height: 24px;
115
+ display: inline-flex;
116
+ align-items: center;
117
+ justify-content: center;
118
+ margin-right: 8px;
119
+ border-radius: 4px;
120
+ color: white;
121
+ }
122
+ .print-btn {
123
+ margin-left: auto;
124
+ margin-right: 20px;
125
+ }
126
+ </style>
127
+ </head>
128
+ <body class="bg-gray-100">
129
+ <div class="flex flex-col h-screen">
130
+ <!-- Header with navigation -->
131
+ <div class="header bg-indigo-800 text-white w-full fixed top-0 left-0 z-50 shadow-md flex items-center justify-between px-4">
132
+ <div class="flex items-center">
133
+ <i class="fas fa-chalkboard-teacher text-2xl mr-3"></i>
134
+ <span class="logo-text text-xl font-bold">Chấm công tính lương</span>
135
+ </div>
136
+
137
+ <!-- Navigation menu -->
138
+ <div class="flex items-center h-full">
139
+ <div class="nav-item flex items-center text-white hover:bg-indigo-700 cursor-pointer h-full">
140
+ <i class="fas fa-users mr-3"></i>
141
+ <span class="sidebar-text">Tổng hợp</span>
142
+ </div>
143
+ <div class="nav-item flex items-center text-white hover:bg-indigo-700 cursor-pointer active-nav-item h-full">
144
+ <i class="fas fa-calendar-check mr-3"></i>
145
+ <span class="sidebar-text">Chấm công</span>
146
+ </div>
147
+ <div class="nav-item flex items-center text-white hover:bg-indigo-700 cursor-pointer h-full">
148
+ <i class="fas fa-money-bill-wave mr-3"></i>
149
+ <span class="sidebar-text">Tính lương</span>
150
+ </div>
151
+ <button class="print-btn bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 flex items-center ml-4">
152
+ <i class="fas fa-print mr-2"></i>
153
+ <span>In phiếu lương</span>
154
+ </button>
155
+ </div>
156
+ </div>
157
+
158
+ <!-- Main content -->
159
+ <div class="content flex-1 mt-16 p-6" id="content">
160
+ <!-- Compact statistics -->
161
+ <div class="flex flex-wrap gap-2 mb-6">
162
+ <div class="stat-item flex items-center text-sm">
163
+ <span class="text-gray-500 mr-2">Tổng GV/NV:</span>
164
+ <span class="font-bold">42</span>
165
+ </div>
166
+ <div class="stat-item flex items-center text-sm">
167
+ <span class="text-gray-500 mr-2">Đi làm hôm nay:</span>
168
+ <span class="font-bold">38</span>
169
+ </div>
170
+ <div class="stat-item flex items-center text-sm">
171
+ <span class="text-gray-500 mr-2">Tổng lương tháng:</span>
172
+ <span class="font-bold">324,450,000đ</span>
173
+ </div>
174
+ <div class="stat-item flex items-center text-sm">
175
+ <span class="text-gray-500 mr-2">Đi muộn hôm nay:</span>
176
+ <span class="font-bold">2</span>
177
+ </div>
178
+ </div>
179
+
180
+ <!-- Attendance calendar and teacher list -->
181
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
182
+ <div class="p-6 border-b border-gray-200">
183
+ <div class="flex justify-between items-center">
184
+ <h2 class="text-xl font-semibold">Chấm công tháng 11/2023</h2>
185
+ <div class="flex items-center space-x-4">
186
+ <div class="flex items-center">
187
+ <select class="p-2 border border-gray-300 rounded">
188
+ <option>Tháng 11</option>
189
+ <option>Tháng 10</option>
190
+ <option>Tháng 9</option>
191
+ </select>
192
+ </div>
193
+ <div class="flex items-center">
194
+ <select class="p-2 border border-gray-300 rounded">
195
+ <option>2023</option>
196
+ <option>2022</option>
197
+ <option>2021</option>
198
+ </select>
199
+ </div>
200
+ <button class="bg-indigo-600 text-white px-4 py-2 rounded hover:bg-indigo-700">Lưu</button>
201
+ </div>
202
+ </div>
203
+ </div>
204
+
205
+ <div class="table-container">
206
+ <table class="min-w-full divide-y divide-gray-200">
207
+ <thead class="bg-gray-50">
208
+ <tr>
209
+ <th class="px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">STT</th>
210
+ <th class="px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Họ và tên</th>
211
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">1</th>
212
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">2</th>
213
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">3</th>
214
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">4</th>
215
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">5</th>
216
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">6</th>
217
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">7</th>
218
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">8</th>
219
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">9</th>
220
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">10</th>
221
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">11</th>
222
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">12</th>
223
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">13</th>
224
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">14</th>
225
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">15</th>
226
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">16</th>
227
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">17</th>
228
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">18</th>
229
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">19</th>
230
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">20</th>
231
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">21</th>
232
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">22</th>
233
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">23</th>
234
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">24</th>
235
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">25</th>
236
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">26</th>
237
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">27</th>
238
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">28</th>
239
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">29</th>
240
+ <th class="px-3 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">30</th>
241
+ </tr>
242
+ </thead>
243
+ <tbody class="bg-white divide-y divide-gray-200">
244
+ <tr>
245
+ <td class="px-3 py-4 whitespace-nowrap text-sm text-gray-500">1</td>
246
+ <td class="px-3 py-4 whitespace-nowrap">
247
+ <div class="flex items-center">
248
+ <div class="flex-shrink-0 h-10 w-10">
249
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/12.jpg" alt="">
250
+ </div>
251
+ <div class="ml-4">
252
+ <div class="text-sm font-medium text-gray-900">Nguyễn Thị A</div>
253
+ </div>
254
+ </div>
255
+ </td>
256
+ <td class="px-3 py-4 whitespace-nowrap text-center">
257
+ <div class="attendance-dropdown">
258
+ <div class="attendance-cell attendance-X" data-status="X">X</div>
259
+ <div class="attendance-dropdown-content">
260
+ <div class="dropdown-option" onclick="changeAttendance(this, 'X')">
261
+ <div class="dropdown-option-icon bg-green-500">X</div>
262
+ <span>Làm việc</span>
263
+ </div>
264
+ <div class="dropdown-option" onclick="changeAttendance(this, 'N')">
265
+ <div class="dropdown-option-icon bg-red-500">N</div>
266
+ <span>Nghỉ</span>
267
+ </div>
268
+ <div class="dropdown-option" onclick="changeAttendance(this, 'H')">
269
+ <div class="dropdown-option-icon bg-yellow-500">1/2</div>
270
+ <span>Nửa ngày</span>
271
+ </div>
272
+ <div class="dropdown-option" onclick="changeAttendance(this, 'P')">
273
+ <div class="dropdown-option-icon bg-blue-500">P</div>
274
+ <span>Nghỉ phép</span>
275
+ </div>
276
+ <div class="dropdown-option" onclick="changeAttendance(this, 'L')">
277
+ <div class="dropdown-option-icon bg-purple-500">L</div>
278
+ <span>Nghỉ lễ</span>
279
+ </div>
280
+ <div class="dropdown-option" onclick="changeAttendance(this, 'O')">
281
+ <div class="dropdown-option-icon bg-pink-500">O</div>
282
+ <span>Nghỉ ốm</span>
283
+ </div>
284
+ <div class="dropdown-option" onclick="changeAttendance(this, 'K')">
285
+ <div class="dropdown-option-icon bg-gray-500">K</div>
286
+ <span>Khác</span>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </td>
291
+ <td class="px-3 py-4 whitespace-nowrap text-center">
292
+ <div class="attendance-dropdown">
293
+ <div class="attendance-cell attendance-X" data-status="X">X</div>
294
+ <div class="attendance-dropdown-content">
295
+ <div class="dropdown-option" onclick="changeAttendance(this, 'X')">
296
+ <div class="dropdown-option-icon bg-green-500">X</div>
297
+ <span>Làm việc</span>
298
+ </div>
299
+ <div class="dropdown-option" onclick="changeAttendance(this, 'N')">
300
+ <div class="dropdown-option-icon bg-red-500">N</div>
301
+ <span>Nghỉ</span>
302
+ </div>
303
+ <div class="dropdown-option" onclick="changeAttendance(this, 'H')">
304
+ <div class="dropdown-option-icon bg-yellow-500">1/2</div>
305
+ <span>Nửa ngày</span>
306
+ </div>
307
+ <div class="dropdown-option" onclick="changeAttendance(this, 'P')">
308
+ <div class="dropdown-option-icon bg-blue-500">P</div>
309
+ <span>Nghỉ phép</span>
310
+ </div>
311
+ <div class="dropdown-option" onclick="changeAttendance(this, 'L')">
312
+ <div class="dropdown-option-icon bg-purple-500">L</div>
313
+ <span>Nghỉ lễ</span>
314
+ </div>
315
+ <div class="dropdown-option" onclick="changeAttendance(this, 'O')">
316
+ <div class="dropdown-option-icon bg-pink-500">O</div>
317
+ <span>Nghỉ ốm</span>
318
+ </div>
319
+ <div class="dropdown-option" onclick="changeAttendance(this, 'K')">
320
+ <div class="dropdown-option-icon bg-gray-500">K</div>
321
+ <span>Khác</span>
322
+ </div>
323
+ </div>
324
+ </div>
325
+ </td>
326
+ <td class="px-3 py-4 whitespace-nowrap text-center">
327
+ <div class="attendance-dropdown">
328
+ <div class="attendance-cell attendance-X" data-status="X">X</div>
329
+ <div class="attendance-dropdown-content">
330
+ <div class="dropdown-option" onclick="changeAttendance(this, 'X')">
331
+ <div class="dropdown-option-icon bg-green-500">X</div>
332
+ <span>Làm việc</span>
333
+ </div>
334
+ 极简主义是一种生活哲学，强调去除不必要的物质和精神负担，专注于真正重要的事物。它不仅仅关乎物质上的极简，更是一种思维方式和生活态度。
335
+
336
+ 极简主义的核心原则包括：
337
+
338
+ 1. 少即是多 - 通过减少物品、信息和活动，获得更多时间、空间和精力
339
+ 2. 质量优于数量 - 选择少量但高品质的物品和体验
340
+ 3. 有意识地生活 - 对拥有的每件物品和每项承诺都保持清醒认知
341
+ 4. 去除冗余 - 只保留真正需要和带来价值的事物
342
+ 5. 专注当下 - 不被过去束缚，不为未来过度焦虑
343
+
344
+ 实践极简主义可以从以下几个方面入手：
345
+
346
+ 1. 物质极简：
347
+ - 定期整理物品，只保留必需品和真正喜爱的物品
348
+ - 建立"一进一出"原则，购买新物品前先处理旧物
349
+ - 选择多功能、耐用、易维护的物品
350
+
351
+ 2. 数字极简：
352
+ - 清理电子设备中不必要的文件和应用程序
353
+ - 减少社交媒体使用时间
354
+ - 设置无干扰时段专注工作
355
+
356
+ 3. 精神极简：
357
+ - 学会说"不"，拒绝不必要的社交和承诺
358
+ - 培养冥想习惯，清理杂念
359
+ - 简化目标，专注于少数真正重要的事项
360
+
361
+ 4. 财务极简：
362
+ - 减少冲动消费
363
+ - 建立自动储蓄机制
364
+ - 投资体验而非物质
365
+
366
+ 极简主义带来的好处包括：
367
+ - 减轻压力和焦虑
368
+ - 提高生活效率
369
+ - 增强对生活的掌控感
370
+ - 获得更多时间和自由
371
+ - 提升生活品质和幸福感
372
+
373
+ 值得注意的是，极简主义不是苦行僧式的自我剥夺，而是通过有意识的选择，创造更充实、更有意义的生活。每个人的极简方式可能不同，重要的是找到适合自己的平衡点
374
+ </html>
prompts.txt ADDED
@@ -0,0 +1,8 @@
 
 
 
 
 
 
 
 
 
1
+ tạo app quan lý nhân viên giáo viên, chấm công, tính lương, báo cáo ngày nghỉ trong tháng năm
2
+ giao diện tiếng việt
3
+ tôi muốn sidebar nằm ở trên bên trái, xoá cài đặt,xoá báo cáo nghỉ phép, thay bảng điều khiển bằng Tổng quan, thay quản lý giáo viên bằng Tổng hợp
4
+ bỏ quản trị viên, bỏ thông báo. đưa menu bên trái lên phần header
5
+ thay Quản Lý Giáo Viên bằng Chấm công tính lương, xoá Hoạt động gần đây, thay Tổng giáo viên bằng Tổng giáo viên, nhân viên. Danh sách giáo viên có các mục (TT HỌ VÀ TÊN "CHỨC VỤ" "LƯƠNG CƠ BẢN" "N. CÔNG" NGHỈ Tiền ăn trưa "B.D ĂN TỐI" "TIỀN BHXH" ỨNG LƯƠNG THƯỞNG "THỰC NHẬN"). Lịch chấm công có tên giáo viên
6
+ xoá Tổng quan, thay Lịch chấm công tháng 11/2023 thành Chấm công dorpbox tháng năm, chỉ có danh sách tên và bảng chấm công có ký hiệu (X (làm), N (nghỉ), 1/2 (nữa ngày), 5/P nữa ngày phép), P (phép), L (lễ), O (ốm), K (khác))
7
+ thu nhỏ (Tổng giáo viên, nhân viên 42 Đi làm hôm nay 38 Tổng lương tháng 324,450,000đ Đi muộn hôm nay 2), tạo dorpbox đối với các ký hiệu chấm công, bỏ chức vụ trong chấm công, thêm in phiếu lương
8
+ tôi muốn in phiếu lương nằm cùng hàng với Tổng hợp Chấm công Tính lương, fix lỗi trong bảng chấm công