Hugging Face's logo

Spaces:
stat2025
/
ticket-parser
Running

App Files Community
stat2025 commited on
Commit
2a5e142
·
verified ·
1 Parent(s): 2367002

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +35 -84
index.html CHANGED
@@ -1,94 +1,45 @@
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>
 
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>