Hugging Face's logo

Spaces:
stat2025
/
MapSearch
Running

App Files Community
stat2025 commited on
Commit
d365302
·
verified ·
1 Parent(s): 8916a3d

Upload 2 files

Browse files
Files changed (2) hide show
  1. index.html +193 -0
  2. script.js +67 -0
index.html ADDED
@@ -0,0 +1,193 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>صفحة البحث عن خريطة باحث</title>
7
+ <meta name="description" content="ابحث باسم الباحث أو جزء منه لفتح أو نسخ رابط خريطته مباشرة." />
8
+ <style>
9
+ :root{
10
+ --bg:#f6f8fb;
11
+ --card:#ffffff;
12
+ --text:#0f172a;
13
+ --muted:#64748b;
14
+ --line:#e5e7eb;
15
+ --primary:#2563eb;
16
+ --primary-soft:#eef2ff;
17
+ --success:#16a34a;
18
+ --success-soft:#ecfdf5;
19
+ --shadow:0 10px 30px rgba(15,23,42,.08);
20
+ --radius:18px;
21
+ }
22
+ *{box-sizing:border-box}
23
+ body{
24
+ margin:0;
25
+ font-family: system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
26
+ background: linear-gradient(180deg,#f8fafc,#eef2ff);
27
+ color:var(--text);
28
+ min-height:100vh;
29
+ display:flex;
30
+ flex-direction:column;
31
+ }
32
+ .wrap{
33
+ width:min(980px,92vw);
34
+ margin:0 auto;
35
+ padding:28px 0 88px;
36
+ flex:1;
37
+ }
38
+ header{
39
+ display:flex;
40
+ align-items:center;
41
+ justify-content:space-between;
42
+ gap:12px;
43
+ padding-bottom:18px;
44
+ }
45
+ .brand{
46
+ display:flex;align-items:center;gap:10px;
47
+ }
48
+ .logo{
49
+ width:42px;height:42px;border-radius:14px;
50
+ background:linear-gradient(135deg,#60a5fa,#34d399);
51
+ box-shadow:var(--shadow);
52
+ }
53
+ h1{margin:0;font-size:18px}
54
+ .sub{margin:4px 0 0;color:var(--muted);font-size:13px}
55
+ .pill{
56
+ padding:8px 12px;border-radius:999px;
57
+ background:#f1f5f9;border:1px solid var(--line);
58
+ color:#334155;font-size:12.5px;
59
+ }
60
+ .card{
61
+ background:var(--card);
62
+ border:1px solid var(--line);
63
+ border-radius:var(--radius);
64
+ box-shadow:var(--shadow);
65
+ padding:18px;
66
+ }
67
+ .hero h2{margin:0;font-size:26px}
68
+ .hero p{margin:10px 0 0;color:var(--muted)}
69
+ .search{
70
+ margin-top:14px;
71
+ display:grid;
72
+ grid-template-columns:1fr auto auto;
73
+ gap:10px;
74
+ }
75
+ @media(max-width:640px){
76
+ .search{grid-template-columns:1fr}
77
+ .pill{display:none}
78
+ }
79
+ .inputWrap{position:relative}
80
+ input{
81
+ width:100%;
82
+ padding:14px 44px 14px 14px;
83
+ border-radius:14px;
84
+ border:1px solid var(--line);
85
+ font-size:16px;
86
+ outline:none;
87
+ }
88
+ input:focus{
89
+ border-color:#93c5fd;
90
+ box-shadow:0 0 0 4px rgba(37,99,235,.12);
91
+ }
92
+ .icon{
93
+ position:absolute;right:14px;top:50%;
94
+ transform:translateY(-50%);opacity:.6
95
+ }
96
+ button{
97
+ border-radius:14px;
98
+ border:1px solid var(--line);
99
+ padding:12px 16px;
100
+ background:#fff;
101
+ cursor:pointer;
102
+ font-size:15px;
103
+ }
104
+ button.primary{
105
+ background:var(--primary);
106
+ border-color:var(--primary);
107
+ color:#fff;
108
+ font-weight:600;
109
+ }
110
+ .meta{
111
+ display:flex;justify-content:space-between;align-items:center;
112
+ margin-top:10px;color:var(--muted);font-size:13px;gap:10px;flex-wrap:wrap
113
+ }
114
+ .results{margin-top:14px;display:grid;gap:10px}
115
+ .item{
116
+ display:flex;align-items:center;justify-content:space-between;gap:12px;
117
+ padding:14px;border:1px solid var(--line);border-radius:16px;
118
+ background:#fff;
119
+ }
120
+ .name{font-weight:700}
121
+ .hint{color:var(--muted);font-size:12.5px;margin-top:2px}
122
+ .actions{display:flex;gap:8px}
123
+ a.open{
124
+ text-decoration:none;
125
+ padding:10px 12px;border-radius:12px;
126
+ border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;
127
+ font-size:13.5px;
128
+ }
129
+ button.copy{
130
+ padding:10px 12px;border-radius:12px;
131
+ border:1px solid #bbf7d0;background:var(--success-soft);
132
+ color:#166534;font-size:13.5px;
133
+ }
134
+ .toast{
135
+ position:fixed;bottom:70px;left:50%;
136
+ transform:translateX(-50%);
137
+ background:#0f172a;color:#fff;
138
+ padding:10px 14px;border-radius:999px;
139
+ font-size:13px;opacity:0;pointer-events:none;
140
+ transition:opacity .25s ease, transform .25s ease;
141
+ }
142
+ .toast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}
143
+ footer{
144
+ position:fixed;bottom:0;left:0;right:0;
145
+ background:#ffffffcc;border-top:1px solid var(--line);
146
+ backdrop-filter:blur(6px);
147
+ text-align:center;padding:10px 14px;
148
+ color:#475569;font-size:12.5px;
149
+ }
150
+ mark{background:#dcfce7;padding:0 6px;border-radius:999px}
151
+ </style>
152
+ </head>
153
+ <body>
154
+ <div class="wrap">
155
+ <header>
156
+ <div class="brand">
157
+ <div class="logo"></div>
158
+ <div>
159
+ <h1>صفحة البحث عن خريطة باحث</h1>
160
+ <div class="sub">بحث سريع ونسخ مباشر للرابط</div>
161
+ </div>
162
+ </div>
163
+ <div class="pill" id="totalPill">—</div>
164
+ </header>
165
+
166
+ <section class="card hero">
167
+ <h2>اكتب الاسم وافتح أو انسخ الرابط</h2>
168
+ <p>يدعم البحث ب��زء من الاسم، والنتائج تظهر مباشرة.</p>
169
+
170
+ <div class="search">
171
+ <div class="inputWrap">
172
+ <span class="icon">🔎</span>
173
+ <input id="q" type="text" placeholder="مثال: تركي / نوره / المحيفيظ" />
174
+ </div>
175
+ <button id="btnSearch" class="primary">بحث</button>
176
+ <button id="btnClear">مسح</button>
177
+ </div>
178
+
179
+ <div class="meta">
180
+ <div id="count">النتائج: 0</div>
181
+ <div>زر «نسخ الرابط» للنسخ الفوري</div>
182
+ </div>
183
+
184
+ <div class="results" id="results"></div>
185
+ </section>
186
+ </div>
187
+
188
+ <div class="toast" id="toast">تم نسخ الرابط ✔</div>
189
+
190
+ <footer>تصميم وإعداد الدعم الفني نوف الناصر</footer>
191
+ <script src="./script.js"></script>
192
+ </body>
193
+ </html>
script.js ADDED
@@ -0,0 +1,67 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ const DATA = [{"name": "أروى سعيد بن عبدالله القحطاني", "url": "https://stat2025-map.static.hf.space/BCS/37.html"}, {"name": "أسماء درويش سالم الدوسري", "url": "https://stat2025-map.static.hf.space/BCS/15.html"}, {"name": "أمل احمد محمد مجرشي", "url": "https://stat2025-map.static.hf.space/BCS/28.html"}, {"name": "أمل بنت علي بن علي السماعيل", "url": "https://stat2025-map.static.hf.space/BCS/07.html"}, {"name": "أمل جعفر بن علي آل حماد", "url": "https://stat2025-map.static.hf.space/BCS/30.html"}, {"name": "أمل صالح بن احمد آل مزعل", "url": "https://stat2025-map.static.hf.space/BCS/47.html"}, {"name": "ابرار بنت يوسف بن علي آل حماد", "url": "https://stat2025-map.static.hf.space/BCS/44.html"}, {"name": "احلام صالح معيوض العصيمي", "url": "https://stat2025-map.static.hf.space/BCS/16.html"}, {"name": "اسعد بن ماجد بن احمد الهاشم", "url": "https://stat2025-map.static.hf.space/BCS/46.html"}, {"name": "اسماء بنت محمد بن حسين العدساني", "url": "https://stat2025-map.static.hf.space/BCS/09.html"}, {"name": "ايمان عبدالعزيز بن صالح الصالح", "url": "https://stat2025-map.static.hf.space/BCS/40.html"}, {"name": "باسمه احمد بن محمد القرني", "url": "https://stat2025-map.static.hf.space/BCS/21.html"}, {"name": "باقر عبدالله بن هاشم الهاشم", "url": "https://stat2025-map.static.hf.space/BCS/11.html"}, {"name": "تركي وحيد بن عيسى المحيفيظ", "url": "https://stat2025-map.static.hf.space/BCS/01.html"}, {"name": "حسن عادل بن حسين الوصيبعي", "url": "https://stat2025-map.static.hf.space/BCS/03.html"}, {"name": "زكي بن عيسى بن عبدالله القفاص", "url": "https://stat2025-map.static.hf.space/BCS/51.html"}, {"name": "زهراء بنت عايش بن علي الصاهود", "url": "https://stat2025-map.static.hf.space/BCS/33.html"}, {"name": "ساره خالد سليمان المحيسن", "url": "https://stat2025-map.static.hf.space/BCS/35.html"}, {"name": "ساره راشد عبدالله المديني", "url": "https://stat2025-map.static.hf.space/BCS/34.html"}, {"name": "ساره عبدالحميد بن حسين البوحمد", "url": "https://stat2025-map.static.hf.space/BCS/12.html"}, {"name": "سميه رياض بن عبدالله البراك", "url": "https://stat2025-map.static.hf.space/BCS/39.html"}, {"name": "سميه سامى بن احمد النعيم", "url": "https://stat2025-map.static.hf.space/BCS/05.html"}, {"name": "شريفه ابراهيم بن عبدالله العقيل", "url": "https://stat2025-map.static.hf.space/BCS/41.html"}, {"name": "شيماء عبدالرحمن بن دحباش سودي", "url": "https://stat2025-map.static.hf.space/BCS/19.html"}, {"name": "صالح دلي الشمري", "url": "https://stat2025-map.static.hf.space/BCS/48.html"}, {"name": "طيبه فالح بن عبدالله الرويشد", "url": "https://stat2025-map.static.hf.space/BCS/31.html"}, {"name": "عائشه سليمان بن نايف الحربي", "url": "https://stat2025-map.static.hf.space/BCS/13.html"}, {"name": "عبدالله خلف الجدعان", "url": "https://stat2025-map.static.hf.space/BCS/49.html"}, {"name": "عقيله محمدحسين بن علي الجباره", "url": "https://stat2025-map.static.hf.space/BCS/06.html"}, {"name": "علياء فيصل بن محمد الكثيري", "url": "https://stat2025-map.static.hf.space/BCS/36.html"}, {"name": "غدير عبدالعزيز بن سعد القاسم", "url": "https://stat2025-map.static.hf.space/BCS/38.html"}, {"name": "فارس ثاني الشمري", "url": "https://stat2025-map.static.hf.space/BCS/50.html"}, {"name": "فاطمه حسين بن ابراهيم القرقوش", "url": "https://stat2025-map.static.hf.space/BCS/45.html"}, {"name": "فايزه محمد مسعود الحازمي", "url": "https://stat2025-map.static.hf.space/BCS/32.html"}, {"name": "فيصل تركي فيصل القحطاني", "url": "https://stat2025-map.static.hf.space/BCS/18.html"}, {"name": "لطيفه صالح بن عبدالرحمن العبد القادر", "url": "https://stat2025-map.static.hf.space/BCS/25.html"}, {"name": "لطيفه علي بن حسين النعيم", "url": "https://stat2025-map.static.hf.space/BCS/29.html"}, {"name": "لين أحمد بن عبدالعزيز القصير", "url": "https://stat2025-map.static.hf.space/BCS/22.html"}, {"name": "محمد دبيان بن مفرج الشمري", "url": "https://stat2025-map.static.hf.space/BCS/27.html"}, {"name": "مرتضى عبدالجليل بن عيسى الحكيم", "url": "https://stat2025-map.static.hf.space/BCS/43.html"}, {"name": "مصطفى احمد بن جمعه الرمضان", "url": "https://stat2025-map.static.hf.space/BCS/10.html"}, {"name": "ممدوح مشعل ضيف الله الصخري", "url": "https://stat2025-map.static.hf.space/BCS/26.html"}, {"name": "منيره سعد بن احمد الجديدي", "url": "https://stat2025-map.static.hf.space/BCS/04.html"}, {"name": "منيره سعود بن عبدالعزيز القوز", "url": "https://stat2025-map.static.hf.space/BCS/42.html"}, {"name": "نبأ عادل بن عبدالكريم آل رضوان", "url": "https://stat2025-map.static.hf.space/BCS/23.html"}, {"name": "نجود عبدالعزيز بن عقيل العمري", "url": "https://stat2025-map.static.hf.space/BCS/20.html"}, {"name": "نوره عبدالله بن زهير الرزقي", "url": "https://stat2025-map.static.hf.space/BCS/24.html"}, {"name": "نوره عبدالله بن مانع الخالدي", "url": "https://stat2025-map.static.hf.space/BCS/02.html"}, {"name": "نوف صالح بن محمد السميح", "url": "https://stat2025-map.static.hf.space/BCS/08.html"}, {"name": "نيللي حسين عبدالله الجعص", "url": "https://stat2025-map.static.hf.space/BCS/17.html"}, {"name": "وضحه خالد بن مشرف الخالدي", "url": "https://stat2025-map.static.hf.space/BCS/14.html"}];
2
+
3
+ function normalizeArabic(s){
4
+ if(!s) return "";
5
+ return String(s).toLowerCase()
6
+ .replace(/[\u064B-\u065F\u0670]/g,"")
7
+ .replace(/\u0640/g,"")
8
+ .replace(/[إأآٱ]/g,"ا")
9
+ .replace(/ى/g,"ي")
10
+ .replace(/ة/g,"ه")
11
+ .replace(/\s+/g," ")
12
+ .trim();
13
+ }
14
+
15
+ const q = document.getElementById("q");
16
+ const results = document.getElementById("results");
17
+ const count = document.getElementById("count");
18
+ const totalPill = document.getElementById("totalPill");
19
+ const toast = document.getElementById("toast");
20
+
21
+ totalPill.textContent = `إجمالي الروابط: ${DATA.length}`;
22
+
23
+ function showToast(){
24
+ toast.classList.add("show");
25
+ setTimeout(()=>toast.classList.remove("show"), 1200);
26
+ }
27
+
28
+ function copyLink(url){
29
+ navigator.clipboard.writeText(url).then(showToast);
30
+ }
31
+
32
+ function render(list, raw){
33
+ results.innerHTML="";
34
+ count.textContent = `النتائج: ${list.length}`;
35
+ list.forEach(item=>{
36
+ const row = document.createElement("div");
37
+ row.className="item";
38
+ row.innerHTML = `
39
+ <div>
40
+ <div class="name">${item.name}</div>
41
+ <div class="hint">رابط خريطة الباحث</div>
42
+ </div>
43
+ <div class="actions">
44
+ <a class="open" href="${item.url}" target="_blank">فتح الخريطة</a>
45
+ <button class="copy" data-url="${item.url}">نسخ الرابط</button>
46
+ </div>
47
+ `;
48
+ row.querySelector(".copy").onclick=()=>copyLink(item.url);
49
+ results.appendChild(row);
50
+ });
51
+ }
52
+
53
+ function search(){
54
+ const raw = q.value;
55
+ const nq = normalizeArabic(raw);
56
+ if(!nq){ results.innerHTML=""; count.textContent="النتائج: 0"; return; }
57
+ const tokens = nq.split(" ");
58
+ const matched = DATA.filter(d=>{
59
+ const n = normalizeArabic(d.name);
60
+ return tokens.every(t=>n.includes(t));
61
+ });
62
+ render(matched, raw);
63
+ }
64
+
65
+ document.getElementById("btnSearch").onclick=search;
66
+ document.getElementById("btnClear").onclick=()=>{q.value=""; results.innerHTML=""; count.textContent="النتائج: 0"; q.focus();};
67
+ q.addEventListener("input", ()=>{ clearTimeout(window.t); window.t=setTimeout(search,150); });