Hugging Face's logo

Spaces:
stat2025
/
ticket-parser
Running

App Files Community
stat2025 commited on
Commit
1f4964b
·
verified ·
1 Parent(s): 3a3c667

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +47 -61
index.html CHANGED
@@ -5,100 +5,86 @@
5
  <meta name="viewport" content="width=device-width,initial-scale=1" />
6
  <meta name="theme-color" content="#4137A8" />
7
  <title>منصة معالجة التذاكر</title>
 
8
  <link rel="preconnect" href="https://fonts.googleapis.com">
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
 
11
  <link rel="stylesheet" href="./style.css" />
 
12
  <script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
13
- <script src="./app.js?v=49" defer></script>
14
  </head>
 
15
  <body>
16
  <div class="container">
17
 
18
- <header class="hero center">
19
- <div class="hero-top">
20
- <h1>منصة معالجة التذاكر</h1>
21
- <div class="actions-inline">
22
- <button id="btn-theme" type="button" class="btn btn-light small" title="الوضع">وضع ليلي</button>
23
- </div>
24
- </div>
25
  <p class="signature">
26
  <span class="role">تطوير وإعداد الدعم الفني</span>
27
  <span class="name">نوف الناصر</span>
28
  </p>
29
  </header>
30
 
31
- <section class="card center">
32
  <label class="label" for="raw">الصق/ي التذاكر هنا</label>
33
 
34
- <div class="paste-wrap">
35
- <textarea id="raw" class="paste" placeholder=""></textarea>
36
- <div id="sampleOverlay" class="sample-overlay" aria-role="button" tabindex="0">
37
- <div class="sample-title">مثال</div>
38
- <pre class="sample-body">نوع المشكلة: لا استطيع اكمال الاستمارة بسبب تعليق عند الحفظ
39
- وقت حدوث المشكلة: 1446/09/10 هـ
40
- اسم صاحب المشكلة: نوف الناصر
41
- رقم الهوية: 1234567890
42
- رقم الجهاز: 01234
43
- رقم الجوال: 0558174717
44
- المسح: الخبر
45
- المنطقة: الشرقية</pre>
46
- <div class="sample-hint">انقري هنا لإدراج المثال</div>
47
- </div>
48
- </div>
49
 
50
  <div class="filters">
51
- <div class="field">
52
- <div class="mini-label"><span class="num">1</span> اسم الدعم الفني</div>
53
- <input id="agentName" class="control center-input" placeholder="اكتب اسمك (اختياري)" />
54
- </div>
55
- <div class="field">
56
- <div class="mini-label"><span class="num">2</span> المنطقة</div>
57
- <select id="regionDefault" class="control center-input">
58
- <option value="">— اختاري المنطقة (اختياري) —</option>
59
- <option>1. الرياض</option>
60
- <option>2. مكة المكرمة</option>
61
- <option>3. المدينة المنورة</option>
62
- <option>4. الشرقية</option>
63
- <option>5. عسير</option>
64
- <option>6. تبوك</option>
65
- <option>7. حائل</option>
66
- <option>8. الجوف</option>
67
- <option>9. الحدود الشمالية</option>
68
- <option>10. الباحة</option>
69
- <option>11. جازان</option>
70
- <option>12. نجران</option>
71
- <option>13. القصيم</option>
72
- </select>
73
- </div>
74
  </div>
75
 
76
- <div class="hint">الخطوات: 3 تحليل • 4 تصدير • 5 مسح • انسخ والصق في Excel.</div>
77
-
78
  <div class="btn-row">
79
- <button type="button" id="btn-parse" class="btn btn-primary" data-step="3"><span class="num">3</span> تحليل التذاكر <span id="countBadge" class="badge" hidden>0</span></button>
80
- <button type="button" id="btn-export" class="btn btn-success" data-step="4" disabled><span class="num">4</span> تصدير/مشاركة Excel</button>
81
- <button type="button" id="btn-clear" class="btn btn-danger" data-step="5"><span class="num">5</span> مسح الكل</button>
82
- <button type="button" id="btn-copy" class="btn btn-info" disabled>انسخ والصق في Excel</button>
 
 
 
 
 
 
 
 
 
 
 
 
83
  </div>
84
 
85
  <div id="warn" class="warn" hidden></div>
86
 
87
  <div class="table-wrap">
88
  <table id="resultTable" class="table">
89
- <thead><tr id="theadRow"></tr></thead>
 
 
90
  <tbody id="tbody"></tbody>
91
  </table>
92
  </div>
93
  </section>
94
 
95
- <footer class="footer">
96
- <p class="signature">
97
- <span class="role">تطوير وإعداد الدعم الفني</span>
98
- <span class="name">نوف الناصر</span>
99
- </p>
100
- </footer>
101
-
102
  </div>
103
 
104
  <div id="toast" class="toast" hidden></div>
 
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
+
13
  <link rel="stylesheet" href="./style.css" />
14
+
15
  <script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
16
+ <script src="./app.js?v=51" defer></script>
17
  </head>
18
+
19
  <body>
20
  <div class="container">
21
 
22
+ <header class="hero">
23
+ <button id="btn-theme" type="button" class="theme-toggle" title="الوضع">🌙 وضع ليلي</button>
24
+
25
+ <h1 class="title">منصة معالجة التذاكر</h1>
 
 
 
26
  <p class="signature">
27
  <span class="role">تطوير وإعداد الدعم الفني</span>
28
  <span class="name">نوف الناصر</span>
29
  </p>
30
  </header>
31
 
32
+ <section class="card">
33
  <label class="label" for="raw">الصق/ي التذاكر هنا</label>
34
 
35
+ <textarea id="raw" class="paste" placeholder=""></textarea>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
36
 
37
  <div class="filters">
38
+ <input id="agentName" class="control center-input" placeholder="اسم الدعم الفني (اختياري)" />
39
+ <select id="regionDefault" class="control center-input">
40
+ <option value="">المنطقة (اختياري)</option>
41
+ <option>1. الرياض</option>
42
+ <option>2. مكة المكرمة</option>
43
+ <option>3. المدينة المنورة</option>
44
+ <option>4. الشرقية</option>
45
+ <option>5. عسير</option>
46
+ <option>6. تبوك</option>
47
+ <option>7. حائل</option>
48
+ <option>8. الجوف</option>
49
+ <option>9. الحدود الشمالية</option>
50
+ <option>10. الباحة</option>
51
+ <option>11. جازان</option>
52
+ <option>12. نجران</option>
53
+ <option>13. القصيم</option>
54
+ </select>
 
 
 
 
 
 
55
  </div>
56
 
 
 
57
  <div class="btn-row">
58
+ <button type="button" id="btn-parse" class="btn btn-primary">
59
+ <span class="num">1</span> تحليل التذاكر
60
+ <span id="countBadge" class="badge" hidden>0</span>
61
+ </button>
62
+
63
+ <button type="button" id="btn-export" class="btn btn-success" disabled>
64
+ <span class="num">2</span> تصدير/مشاركة Excel
65
+ </button>
66
+
67
+ <button type="button" id="btn-clear" class="btn btn-danger">
68
+ <span class="num">3</span> مسح الكل
69
+ </button>
70
+
71
+ <button type="button" id="btn-copy" class="btn btn-info" disabled>
72
+ انسخ والصق في Excel
73
+ </button>
74
  </div>
75
 
76
  <div id="warn" class="warn" hidden></div>
77
 
78
  <div class="table-wrap">
79
  <table id="resultTable" class="table">
80
+ <thead>
81
+ <tr id="theadRow"></tr>
82
+ </thead>
83
  <tbody id="tbody"></tbody>
84
  </table>
85
  </div>
86
  </section>
87
 
 
 
 
 
 
 
 
88
  </div>
89
 
90
  <div id="toast" class="toast" hidden></div>