File size: 3,766 Bytes
94447f1
810bc95
4fb7f1c
 
 
 
251979a
4fb7f1c
 
26e46d6
4fb7f1c
 
5e37d3b
4fb7f1c
 
 
 
26e46d6
251979a
4fb7f1c
1c08bd4
4fb7f1c
 
 
 
 
 
 
 
 
26e46d6
4fb7f1c
 
cb00cba
f96e733
 
cb00cba
 
 
 
 
f96e733
cb00cba
 
 
 
57047e4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
26e46d6
57047e4
 
 
 
 
 
 
26e46d6
 
 
 
 
 
 
 
 
57047e4
 
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
81
82
83
84
85
86
87
88
89
<!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;800&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=58" defer></script>
  </head>
  <body>
    <div class="container">
      <header class="hero">
        <button id="btn-theme" type="button" class="theme-toggle" title="الوضع">🌙 وضع ليلي</button>
        <h1 class="title">منصتك لمعالجة التذاكر</h1>
        <p class="signature">
          <span class="role">تصميم وإعداد الدعم الفني</span>
          <span class="name">نوف الناصر</span>
        </p>
      </header>

      <section class="card">
        <label class="label" for="raw">الصق/ي التذاكر هنا</label>
        <textarea id="raw" class="paste" placeholder=""></textarea>

        <div class="filters">
          <input id="agentName" class="control center-input" placeholder="اسم الدعم الفني (اختياري)"/>
          <select id="regionDefault" class="control center-input">
            <option value="">المنطقة (اختياري)</option>
            <option>الرياض</option>
            <option>مكة المكرمة</option>
            <option>المدينة المنورة</option>
            <option>الشرقية</option>
            <option>عسير</option>
            <option>تبوك</option>
            <option>حائل</option>
            <option>الجوف</option>
            <option>الحدود الشمالية</option>
            <option>الباحة</option>
            <option>جازان</option>
            <option>نجران</option>
            <option>القصيم</option>
          </select>
        </div>

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

        <div id="warn" class="warn" hidden></div>

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

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

    <div id="lockOverlay" class="lock">
      <div class="lock-card">
        <div class="lock-title">دخول</div>
        <input id="lockPass" type="password" class="control center-input" placeholder="كلمة المرور"/>
        <button id="lockBtn" class="btn btn-primary lock-btn">فتح الصفحة</button>
        <div id="lockMsg" class="lock-msg" hidden>كلمة المرور غير صحيحة</div>
      </div>
    </div>
  </body>
</html>