git add .

git commit -m "feat: improve wheel UI with gold pointer and center circle sync"
2026-05-30 14:20:20 +03:30
parent ed82bf7f1f
commit b0ff339525
27 changed files with 1241 additions and 140 deletions
--- a/frontend/admin.html
+++ b/frontend/admin.html
@@ -1,20 +1,92 @@
 <!DOCTYPE html>
 <html lang="fa" dir="rtl">
+
 <head>
  <meta charset="UTF-8">
-  <title>پنل ادمین</title>
+
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <title>پنل مدیریت</title>
+
  <link rel="stylesheet" href="assets/css/style.css">
 </head>
-<body>
-  <h1>مدیریت آیتم‌ها</h1>

-  <div id="add-section">
-    <input type="text" id="new-item" placeholder="نام آیتم جدید">
-    <button id="add-btn">اضافه کن</button>
+<body>
+
+  <div class="admin-container">
+
+    <div class="admin-header">
+      <h1> مدیریت گردونه شانس</h1>
+      <p>مدیریت آیتم‌ها و جوایز گردونه</p>
+    </div>
+
+    <!-- افزودن آیتم -->
+    <div class="add-section">
+
+      <input
+        type="text"
+        id="title-input"
+        placeholder="عنوان جایزه"
+      >
+
+      <input
+        type="number"
+        id="value-input"
+        placeholder="مقدار جایزه"
+      >
+
+      <button id="add-btn">
+        افزودن
+      </button>
+
+    </div>
+
+    <!-- جدول -->
+    <div class="table-wrapper">
+
+      <table>
+
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>عنوان جایزه</th>
+            <th>مقدار</th>
+            <th>عملیات</th>
+          </tr>
+        </thead>
+
+        <tbody id="items-table-body">
+
+          <!-- ردیف نمونه (دینامیک توسط JS ساخته می‌شود) -->
+          <!--
+          <tr>
+            <td>1</td>
+            <td>جایزه تست</td>
+            <td>100</td>
+            <td class="actions">
+
+              <button class="edit-btn" data-id="1">
+                ✏️ ویرایش
+              </button>
+
+              <button class="delete-btn" data-id="1">
+                🗑 حذف
+              </button>
+
+            </td>
+          </tr>
+          -->
+
+        </tbody>
+
+      </table>
+
+    </div>
+
  </div>

-  <ul id="items-list"></ul>
-
  <script type="module" src="assets/js/admin.js"></script>
+
 </body>
+
 </html>