Hugging Face's logo

Spaces:
stat2025
/
ticket-parser
Running

App Files Community
stat2025 commited on
Commit
c6f34aa
·
verified ·
1 Parent(s): e9e29df

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +49 -27
index.html CHANGED
@@ -10,10 +10,11 @@
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=46" defer></script>
14
  </head>
15
  <body>
16
  <div class="container">
 
17
  <header class="hero center">
18
  <div class="hero-top">
19
  <h1>منصة معالجة التذاكر</h1>
@@ -29,40 +30,60 @@
29
 
30
  <section class="card center">
31
  <label class="label" for="raw">الصق/ي التذاكر هنا</label>
32
- <textarea id="raw" class="paste" placeholder="ألصقي نص التذاكر كما هو…"></textarea>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
33
 
34
  <div class="filters">
35
- <input id="agentName" class="control" placeholder="اسم الدعم الفني (اختياري)" />
36
- <select id="regionDefault" class="control">
37
- <option value="">— المنطقة الافتراضية (اختياري) —</option>
38
- <option>1. الرياض</option>
39
- <option>2. مكة المكرمة</option>
40
- <option>3. المدينة المنورة</option>
41
- <option>4. الشرقية</option>
42
- <option>5. عسير</option>
43
- <option>6. تبوك</option>
44
- <option>7. حائل</option>
45
- <option>8. الجوف</option>
46
- <option>9. الحدود الشمالية</option>
47
- <option>10. الباحة</option>
48
- <option>11. جازان</option>
49
- <option>12. نجران</option>
50
- <option>13. القصيم</option>
51
- </select>
 
 
 
 
 
 
52
  </div>
53
 
54
- <div class="hint">الخطوات: 1) تحليل 2) تصدير 3) مسح الكل 4) نسخ.</div>
55
 
56
  <div class="btn-row">
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-clear" class="btn btn-danger" data-step="3">مسح الكل</button>
62
- <button type="button" id="btn-copy" class="btn btn-info" disabled>نسخ إلى الحافظة (Excel)</button>
63
- <button type="button" id="btn-sample" class="btn btn-light">إدراج المثال</button>
64
  </div>
65
 
 
 
66
  <div class="table-wrap">
67
  <table id="resultTable" class="table">
68
  <thead><tr id="theadRow"></tr></thead>
@@ -77,6 +98,7 @@
77
  <span class="name">نوف الناصر</span>
78
  </p>
79
  </footer>
 
80
  </div>
81
 
82
  <div id="toast" class="toast" hidden></div>
 
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>
 
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>
 
98
  <span class="name">نوف الناصر</span>
99
  </p>
100
  </footer>
101
+
102
  </div>
103
 
104
  <div id="toast" class="toast" hidden></div>