Hugging Face's logo

Spaces:
stat2025
/
ticket-parser
Running

App Files Community
stat2025 commited on
Commit
94447f1
·
verified ·
1 Parent(s): e48be7b

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +84 -35
index.html CHANGED
@@ -1,45 +1,94 @@
1
- <!DOCTYPE html>
2
  <html lang="ar" dir="rtl">
3
  <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
- <title>صفحة تصنيف التذاكر</title>
7
- <link rel="stylesheet" href="styles.css"/>
 
 
 
 
 
 
 
 
8
  </head>
9
  <body>
10
- <header class="header">
11
- <h1>صفحة تصنيف التذاكر</h1>
12
- </header>
13
-
14
- <main class="container">
15
- <section class="controls">
16
- <textarea id="input" class="input" placeholder="الصق التذاكر هنا..."></textarea>
17
- <div class="buttons">
18
- <button id="analyze" class="btn primary">تحليل</button>
19
- <button id="clear" class="btn danger">مسح</button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
20
  </div>
21
- <div id="counter" class="counter">عدد التذاكر: 0</div>
22
- </section>
23
 
24
- <section class="table-wrap">
25
- <table class="table">
26
- <thead>
27
- <tr>
28
- <th>نوع المشكلة</th>
29
- <th>وقت حدوث المشكلة</th>
30
- <th>اسم صاحب المشكلة</th>
31
- <th>رقم الهوية</th>
32
- <th>رقم الجهاز</th>
33
- <th>رقم الجوال</th>
34
- <th>المنطقة</th>
35
- <th>المسح</th>
36
- </tr>
37
- </thead>
38
- <tbody id="tbody"></tbody>
39
- </table>
 
 
 
 
 
 
40
  </section>
41
- </main>
42
 
43
- <script src="app.js"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  </body>
45
  </html>
 
1
+ <!doctype html>
2
  <html lang="ar" dir="rtl">
3
  <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width,initial-scale=1" />
6
+ <meta name="theme-color" content="#4137A8" />
7
+ <title>منصة معالجة التذاكر</title>
8
+
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
12
+ <link rel="stylesheet" href="./style.css" />
13
+
14
+ <script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
15
+ <script src="./app.js?v=38" defer></script>
16
  </head>
17
  <body>
18
+ <div class="container">
19
+ <header class="hero center">
20
+ <h1>منصة معالجة التذاكر</h1>
21
+ <p class="sub">
22
+ <span class="role">تطوير وإعداد الدعم الفني</span>
23
+ <span class="sep">—</span>
24
+ <bdi class="name">نوف الناصر</bdi>
25
+ </p>
26
+ </header>
27
+
28
+ <section class="card center">
29
+ <label class="label" for="raw">الصق التذاكر هنا</label>
30
+ <textarea id="raw" class="paste" placeholder="الصق/ي نص التذاكر كما هو… حتى لو بدون فواصل."></textarea>
31
+
32
+ <div class="filters">
33
+ <input id="agentName" class="control" placeholder="ضع اسمك (اختياري) — يظهر في عمود «اسم الدعم الفني»" />
34
+ <select id="regionDefault" class="control">
35
+ <option value="">— المنطقة الافتراضية (اختياري) —</option>
36
+ <option>1. الرياض</option>
37
+ <option>2. مكة المكرمة</option>
38
+ <option>3. المدينة المنورة</option>
39
+ <option>4. الشرقية</option>
40
+ <option>5. عسير</option>
41
+ <option>6. تبوك</option>
42
+ <option>7. حائل</option>
43
+ <option>8. الجوف</option>
44
+ <option>9. الحدود الشمالية</option>
45
+ <option>10. الباحة</option>
46
+ <option>11. جازان</option>
47
+ <option>12. نجران</option>
48
+ <option>13. القصيم</option>
49
+ </select>
50
  </div>
 
 
51
 
52
+ <div class="hint">خطوات سريعة: 1) لصق مُنظَّم 2) تحليل 3) تصدير 4) مسح.</div>
53
+
54
+ <div class="btn-row">
55
+ <button type="button" id="btn-smartpaste" class="btn btn-light">لصق مُنظَّم</button>
56
+
57
+ <button type="button" id="btn-parse" class="btn btn-primary" data-step="1">
58
+ تحليل التذاكر <span id="countBadge" class="badge" hidden>0</span>
59
+ </button>
60
+ <button type="button" id="btn-export" class="btn btn-success" data-step="2" disabled>تصدير/مشاركة Excel</button>
61
+ <button type="button" id="btn-copy" class="btn btn-info" disabled>نسخ إلى الحافظة (Excel)</button>
62
+ <button type="button" id="btn-clear" class="btn btn-danger" data-step="3">مسح الكل</button>
63
+
64
+ <input id="fname" class="control" value="Ticket" />
65
+ <button type="button" id="btn-sample" class="btn btn-light">إدراج المثال</button>
66
+ </div>
67
+
68
+ <div class="table-wrap">
69
+ <table id="resultTable" class="table">
70
+ <thead><tr id="theadRow"></tr></thead>
71
+ <tbody id="tbody"></tbody>
72
+ </table>
73
+ </div>
74
  </section>
 
75
 
76
+ <footer class="footer">
77
+ © جميع الحقوق محفوظة — <span class="role">تطوير وإعداد الدعم الفني</span> — <bdi class="name">نوف الناصر</bdi>
78
+ </footer>
79
+ </div>
80
+
81
+ <div id="toast" class="toast" hidden></div>
82
+
83
+ <div id="pasteModal" class="modal" hidden>
84
+ <div class="modal-card">
85
+ <div class="modal-head">لصق يدوي</div>
86
+ <textarea id="pasteInput" class="paste modal-textarea" placeholder="ألصق النص هنا ثم اضغطي إضافة."></textarea>
87
+ <div class="modal-actions">
88
+ <button type="button" id="pasteAdd" class="btn btn-primary">إضافة</button>
89
+ <button type="button" id="pasteCancel" class="btn btn-light">إلغاء</button>
90
+ </div>
91
+ </div>
92
+ </div>
93
  </body>
94
  </html>