stat2025 commited on
Commit
cf2e8cb
·
verified ·
1 Parent(s): 6a8cfdf

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +19 -21
index.html CHANGED
@@ -6,19 +6,13 @@
6
  <meta name="theme-color" content="#4137A8" />
7
  <title>منصة معالجة التذاكر</title>
8
 
9
- <!-- خط -->
10
  <link rel="preconnect" href="https://fonts.googleapis.com">
11
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
13
-
14
- <!-- نمط -->
15
  <link rel="stylesheet" href="./style.css" />
16
 
17
- <!-- ExcelJS لتصدير إكسل بتنسيق جميل -->
18
  <script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
19
-
20
- <!-- التطبيق -->
21
- <script src="./app.js?v=35" defer></script>
22
  </head>
23
  <body>
24
  <div class="container">
@@ -33,13 +27,11 @@
33
 
34
  <section class="card center">
35
  <label class="label" for="raw">الصق التذاكر هنا</label>
36
- <textarea id="raw" class="paste" placeholder="الصق/ي نص التذاكر كما هو… حتى لو بدون فواصل. النظام سيكتشف التذاكر تلقائيًا."></textarea>
37
 
38
  <div class="filters">
39
- <input id="agentName" class="control"
40
- placeholder="ضع اسمك (اختياري) — يظهر في عمود «اسم الدعم الفني»"
41
- aria-label="اسم الدعم الفني (اختياري)" />
42
- <select id="regionDefault" class="control" aria-label="المنطقة الافتراضية (اختياري)">
43
  <option value="">— المنطقة الافتراضية (اختياري) —</option>
44
  <option>1. الرياض</option>
45
  <option>2. مكة المكرمة</option>
@@ -57,21 +49,19 @@
57
  </select>
58
  </div>
59
 
60
- <div class="hint">
61
- خطوات سريعة: 1) لصق مُنظَّم (اختياري) 2) حلّل/ي التذاكر 3) صدّر/ي إلى Excel 4) امسح/ي الكل.
62
- </div>
63
 
64
  <div class="btn-row">
65
  <button type="button" id="btn-smartpaste" class="btn btn-light">لصق مُنظَّم</button>
66
 
67
  <button type="button" id="btn-parse" class="btn btn-primary" data-step="1">
68
- تحليل التذاكر <span id="countBadge" class="badge badge-right" hidden>0</span>
69
  </button>
70
  <button type="button" id="btn-export" class="btn btn-success" data-step="2" disabled>تصدير/مشاركة Excel</button>
71
  <button type="button" id="btn-copy" class="btn btn-info" disabled>نسخ إلى الحافظة (Excel)</button>
72
  <button type="button" id="btn-clear" class="btn btn-danger" data-step="3">مسح الكل</button>
73
 
74
- <input id="fname" class="control" value="Ticket" aria-label="اسم ملف التصدير" />
75
  <button type="button" id="btn-sample" class="btn btn-light">إدراج المثال</button>
76
  </div>
77
 
@@ -84,13 +74,21 @@
84
  </section>
85
 
86
  <footer class="footer">
87
- © جميع الحقوق محفوظة —
88
- <span class="role">تطوير وإعداد الدعم الفني</span>
89
- <span class="sep">—</span>
90
- <bdi class="name">نوف الناصر</bdi>
91
  </footer>
92
  </div>
93
 
94
  <div id="toast" class="toast" hidden></div>
 
 
 
 
 
 
 
 
 
 
 
95
  </body>
96
  </html>
 
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">
 
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>
 
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
 
 
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>