Commit aa012626 authored by Mahmoud Aglan's avatar Mahmoud Aglan

style(members): replace all emojis with Lucide icons across member pages

Replaced every emoji in show.php, edit.php, create.php, search.php,
changelog.php, and _partials/profile-header.php with proper Lucide SVG
icons for a professional, consistent UI appearance.
Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
parent c7acd73c
...@@ -16,7 +16,7 @@ $hasPhoto = !empty($member->photo_path); ...@@ -16,7 +16,7 @@ $hasPhoto = !empty($member->photo_path);
<div style="color:#6B7280;margin-top:4px;">رقم العضوية: <strong><?= e($member->membership_number ?: 'لم يُحدد') ?></strong></div> <div style="color:#6B7280;margin-top:4px;">رقم العضوية: <strong><?= e($member->membership_number ?: 'لم يُحدد') ?></strong></div>
<?php if (!$hasPhoto): ?> <?php if (!$hasPhoto): ?>
<div style="margin-top:6px;"> <div style="margin-top:6px;">
<span style="background:#FEF2F2;color:#DC2626;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;"> لا توجد صورة — مطلوبة لإصدار الكارنيه</span> <span style="background:#FEF2F2;color:#DC2626;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;"><i data-lucide="alert-triangle" style="width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:3px;"></i> لا توجد صورة — مطلوبة لإصدار الكارنيه</span>
</div> </div>
<?php endif; ?> <?php endif; ?>
</div> </div>
......
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
use App\Modules\Audit\Services\AuditService; use App\Modules\Audit\Services\AuditService;
$sections = [ $sections = [
'member' => ['label' => 'العضو الرئيسي', 'icon' => '👤', 'logs' => $memberLogs, 'color' => '#0D7377'], 'member' => ['label' => 'العضو الرئيسي', 'icon' => '<i data-lucide="user" style="width:14px;height:14px;display:inline-block;vertical-align:middle;"></i>', 'logs' => $memberLogs, 'color' => '#0D7377'],
'spouse' => ['label' => 'الزوجات', 'icon' => '💍', 'logs' => $spouseLogs, 'color' => '#7C3AED'], 'spouse' => ['label' => 'الزوجات', 'icon' => '<i data-lucide="heart" style="width:14px;height:14px;display:inline-block;vertical-align:middle;"></i>', 'logs' => $spouseLogs, 'color' => '#7C3AED'],
'child' => ['label' => 'الأبناء', 'icon' => '👶', 'logs' => $childLogs, 'color' => '#0284C7'], 'child' => ['label' => 'الأبناء', 'icon' => '<i data-lucide="baby" style="width:14px;height:14px;display:inline-block;vertical-align:middle;"></i>', 'logs' => $childLogs, 'color' => '#0284C7'],
'temp' => ['label' => 'الأعضاء المؤقتون', 'icon' => '👥', 'logs' => $tempLogs, 'color' => '#D97706'], 'temp' => ['label' => 'الأعضاء المؤقتون', 'icon' => '<i data-lucide="users" style="width:14px;height:14px;display:inline-block;vertical-align:middle;"></i>', 'logs' => $tempLogs, 'color' => '#D97706'],
]; ];
$totalLogs = count($memberLogs) + count($spouseLogs) + count($childLogs) + count($tempLogs); $totalLogs = count($memberLogs) + count($spouseLogs) + count($childLogs) + count($tempLogs);
...@@ -34,7 +34,7 @@ $totalLogs = count($memberLogs) + count($spouseLogs) + count($childLogs) + count ...@@ -34,7 +34,7 @@ $totalLogs = count($memberLogs) + count($spouseLogs) + count($childLogs) + count
<div id="tab-<?= $key ?>" class="changelog-panel" style="display:none;"> <div id="tab-<?= $key ?>" class="changelog-panel" style="display:none;">
<?php if (empty($sec['logs'])): ?> <?php if (empty($sec['logs'])): ?>
<div class="card" style="padding:40px;text-align:center;color:#9CA3AF;"> <div class="card" style="padding:40px;text-align:center;color:#9CA3AF;">
<div style="font-size:48px;margin-bottom:10px;">📋</div> <div style="margin-bottom:10px;"><i data-lucide="clipboard-list" style="width:48px;height:48px;display:inline-block;color:#9CA3AF;"></i></div>
<p>لا توجد تعديلات مسجلة في هذا القسم</p> <p>لا توجد تعديلات مسجلة في هذا القسم</p>
</div> </div>
<?php else: ?> <?php else: ?>
......
...@@ -259,7 +259,8 @@ document.addEventListener('DOMContentLoaded', function() { ...@@ -259,7 +259,8 @@ document.addEventListener('DOMContentLoaded', function() {
var dupLabel = dupType === 'spouse' ? 'زوج/ة العضو رقم ' + data.duplicate.membership_number var dupLabel = dupType === 'spouse' ? 'زوج/ة العضو رقم ' + data.duplicate.membership_number
: dupType === 'child' ? 'ابن/ة العضو رقم ' + data.duplicate.membership_number : dupType === 'child' ? 'ابن/ة العضو رقم ' + data.duplicate.membership_number
: 'عضو'; : 'عضو';
feedback.innerHTML += '<br><span style="color:#DC2626;">⚠️ مسجل بالفعل كـ' + dupLabel + ': ' + data.duplicate.full_name_ar + '</span>'; feedback.innerHTML += '<br><span style="color:#DC2626;"><i data-lucide="alert-triangle" style="width:12px;height:12px;display:inline-block;vertical-align:middle;margin-left:3px;"></i> مسجل بالفعل كـ' + dupLabel + ': ' + data.duplicate.full_name_ar + '</span>';
if (window.lucide) lucide.createIcons();
} }
} else { } else {
resultsBox.style.display = 'none'; resultsBox.style.display = 'none';
......
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
<!-- ═══ SuperAdmin Only: Name & National ID ═══ --> <!-- ═══ SuperAdmin Only: Name & National ID ═══ -->
<div class="card" style="margin-bottom:20px;padding:20px;border-right:4px solid #DC2626;"> <div class="card" style="margin-bottom:20px;padding:20px;border-right:4px solid #DC2626;">
<div style="display:flex;align-items:center;gap:10px;margin-bottom:15px;"> <div style="display:flex;align-items:center;gap:10px;margin-bottom:15px;">
<h3 style="color:#DC2626;margin:0;">🔒 صلاحيات المشرف العام</h3> <h3 style="color:#DC2626;margin:0;"><i data-lucide="lock" style="width:14px;height:14px;display:inline-block;vertical-align:middle;margin-left:4px;"></i> صلاحيات المشرف العام</h3>
<span style="background:#FEF2F2;color:#DC2626;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;">SUPER ADMIN ONLY</span> <span style="background:#FEF2F2;color:#DC2626;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;">SUPER ADMIN ONLY</span>
</div> </div>
<p style="color:#6B7280;font-size:13px;margin-bottom:15px;"> تغيير هذه البيانات يؤثر على كل سجلات العضو — تأكد من صحة البيانات قبل الحفظ</p> <p style="color:#6B7280;font-size:13px;margin-bottom:15px;"><i data-lucide="alert-triangle" style="width:12px;height:12px;display:inline-block;vertical-align:middle;margin-left:3px;"></i> تغيير هذه البيانات يؤثر على كل سجلات العضو — تأكد من صحة البيانات قبل الحفظ</p>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;"> <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
<div class="form-group"> <div class="form-group">
<label class="form-label">الاسم بالعربي <span style="color:#DC2626;">*</span></label> <label class="form-label">الاسم بالعربي <span style="color:#DC2626;">*</span></label>
...@@ -30,8 +30,8 @@ ...@@ -30,8 +30,8 @@
<h3 style="color:#0D7377;margin-bottom:15px;">البيانات الأساسية (للقراءة فقط)</h3> <h3 style="color:#0D7377;margin-bottom:15px;">البيانات الأساسية (للقراءة فقط)</h3>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;"> <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
<?php if (empty($isSuperAdmin)): ?> <?php if (empty($isSuperAdmin)): ?>
<div class="form-group"><label class="form-label">الاسم بالعربي 🔒</label><input type="text" value="<?= e($member->full_name_ar) ?>" class="form-input" disabled style="background:#F3F4F6;"></div> <div class="form-group"><label class="form-label">الاسم بالعربي <i data-lucide="lock" style="width:11px;height:11px;display:inline-block;vertical-align:middle;color:#6B7280;"></i></label><input type="text" value="<?= e($member->full_name_ar) ?>" class="form-input" disabled style="background:#F3F4F6;"></div>
<div class="form-group"><label class="form-label">الرقم القومي 🔒</label><input type="text" value="<?= e($member->national_id ?: '—') ?>" class="form-input" disabled style="background:#F3F4F6;direction:ltr;text-align:left;"></div> <div class="form-group"><label class="form-label">الرقم القومي <i data-lucide="lock" style="width:11px;height:11px;display:inline-block;vertical-align:middle;color:#6B7280;"></i></label><input type="text" value="<?= e($member->national_id ?: '—') ?>" class="form-input" disabled style="background:#F3F4F6;direction:ltr;text-align:left;"></div>
<?php endif; ?> <?php endif; ?>
<div class="form-group"><label class="form-label">تاريخ الميلاد</label><input type="text" value="<?= e($member->date_of_birth) ?>" class="form-input" disabled style="background:#F3F4F6;"></div> <div class="form-group"><label class="form-label">تاريخ الميلاد</label><input type="text" value="<?= e($member->date_of_birth) ?>" class="form-input" disabled style="background:#F3F4F6;"></div>
<div class="form-group"><label class="form-label">النوع</label><input type="text" value="<?= e($member->getGenderLabel()) ?>" class="form-input" disabled style="background:#F3F4F6;"></div> <div class="form-group"><label class="form-label">النوع</label><input type="text" value="<?= e($member->getGenderLabel()) ?>" class="form-input" disabled style="background:#F3F4F6;"></div>
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<input type="text" name="q" value="<?= e($query ?? '') ?>" class="form-input" placeholder="الاسم بالعربي، الرقم القومي، رقم العضوية، رقم المحمول، رقم الاستمارة..." style="font-size:16px;padding:12px;" autofocus> <input type="text" name="q" value="<?= e($query ?? '') ?>" class="form-input" placeholder="الاسم بالعربي، الرقم القومي، رقم العضوية، رقم المحمول، رقم الاستمارة..." style="font-size:16px;padding:12px;" autofocus>
</div> </div>
<div style="grid-column:1/-1;"> <div style="grid-column:1/-1;">
<button type="submit" class="btn btn-primary" style="padding:12px 30px;">🔍 بحث</button> <button type="submit" class="btn btn-primary" style="padding:12px 30px;"><i data-lucide="search" style="width:16px;height:16px;display:inline-block;vertical-align:middle;margin-left:4px;"></i> بحث</button>
<a href="/members" class="btn btn-outline">عرض كل الأعضاء</a> <a href="/members" class="btn btn-outline">عرض كل الأعضاء</a>
</div> </div>
</form> </form>
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment