File size: 3,589 Bytes
810bc95
 
 
 
 
394ee63
810bc95
cacdef9
 
810bc95
 
375805c
0e8daf7
810bc95
 
 
 
 
394ee63
 
375805c
394ee63
 
810bc95
 
 
 
cf2e8cb
ee92a60
 
cf2e8cb
 
ee92a60
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
0e8daf7
810bc95
 
a9176b2
cf2e8cb
0416cb3
a9176b2
 
 
375805c
cf2e8cb
394ee63
4630227
 
810bc95
 
4630227
810bc95
 
 
 
 
8c29b8f
cf2e8cb
394ee63
810bc95
 
4630227
810bc95
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!doctype html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="theme-color" content="#4137A8" />
  <title>منصة معالجة التذاكر</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="./style.css" />
  <script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
  <script src="./app.js?v=39" defer></script>
</head>
<body>
  <div class="container">
    <header class="hero center">
      <h1>منصة معالجة التذاكر</h1>
      <p class="sub">
        <span class="role">تطوير وإعداد الدعم الفني</span>
        <span class="sep"></span>
        <bdi class="name">نوف الناصر</bdi>
      </p>
    </header>

    <section class="card center">
      <label class="label" for="raw">الصق التذاكر هنا</label>
      <textarea id="raw" class="paste" placeholder="الصق/ي نص التذاكر كما هو… حتى لو بدون فواصل."></textarea>

      <div class="filters">
        <input id="agentName" class="control" placeholder="ضع اسمك (اختياري) — يظهر في عمود «اسم الدعم الفني»" />
        <select id="regionDefault" class="control">
          <option value="">— المنطقة الافتراضية (اختياري) —</option>
          <option>1. الرياض</option>
          <option>2. مكة المكرمة</option>
          <option>3. المدينة المنورة</option>
          <option>4. الشرقية</option>
          <option>5. عسير</option>
          <option>6. تبوك</option>
          <option>7. حائل</option>
          <option>8. الجوف</option>
          <option>9. الحدود الشمالية</option>
          <option>10. الباحة</option>
          <option>11. جازان</option>
          <option>12. نجران</option>
          <option>13. القصيم</option>
        </select>
      </div>

      <div class="hint">خطوات سريعة: 1) تحليل  2) تصدير  3) مسح.</div>

      <div class="btn-row">
        <button type="button" id="btn-parse"  class="btn btn-primary" data-step="1">
          تحليل التذاكر <span id="countBadge" class="badge" hidden>0</span>
        </button>
        <button type="button" id="btn-export" class="btn btn-success" data-step="2" disabled>تصدير/مشاركة Excel</button>
        <button type="button" id="btn-copy"   class="btn btn-info"                 disabled>نسخ إلى الحافظة (Excel)</button>
        <button type="button" id="btn-clear"  class="btn btn-danger" data-step="3">مسح الكل</button>

        <input  id="fname" class="control" value="Ticket" />
        <button type="button" id="btn-sample" class="btn btn-light">إدراج المثال</button>
      </div>

      <div class="table-wrap">
        <table id="resultTable" class="table">
          <thead><tr id="theadRow"></tr></thead>
          <tbody id="tbody"></tbody>
        </table>
      </div>
    </section>

    <footer class="footer">
      © جميع الحقوق محفوظة — <span class="role">تطوير وإعداد الدعم الفني</span><bdi class="name">نوف الناصر</bdi>
    </footer>
  </div>

  <div id="toast" class="toast" hidden></div>
</body>
</html>