Commit ·
f575866
1
Parent(s): d83d4f5
UI: Restructure editor layout - Import/export buttons moved to editor footer (next to save/delete/copy) - Removed separate import/export sidebar card (merged into footer) - Suggestions card now ABOVE writing score in sidebar
Browse files- src/index.html +18 -25
src/index.html
CHANGED
|
@@ -674,6 +674,19 @@
|
|
| 674 |
<button onclick="copyText()" class="btn-ghost" type="button" title="نسخ النص">
|
| 675 |
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/></svg>
|
| 676 |
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 677 |
</div>
|
| 678 |
</div>
|
| 679 |
</div>
|
|
@@ -684,6 +697,11 @@
|
|
| 684 |
</div>
|
| 685 |
<!-- LEFT: Sidebar (score + suggestions + import/export) -->
|
| 686 |
<div class="sidebar-panel sidebar-desktop">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 687 |
<div class="surface-card sidebar-card">
|
| 688 |
<h3 class="text-xl font-bold mb-4 text-right">تقييم الكتابة</h3>
|
| 689 |
<div class="score-ring-wrap" role="img" aria-label="تقييم الكتابة">
|
|
@@ -696,31 +714,6 @@
|
|
| 696 |
</div>
|
| 697 |
<p id="score-hint" class="text-center text-sm text-secondary">ابدأ الكتابة لرؤية تقييمك</p>
|
| 698 |
</div>
|
| 699 |
-
<div class="surface-card sidebar-card">
|
| 700 |
-
<h3 class="text-xl font-bold mb-4 text-right">الاقتراحات</h3>
|
| 701 |
-
<div id="suggestions-list" class="suggestions-scroll" role="list" aria-live="polite" aria-label="اقتراحات التصحيح"></div>
|
| 702 |
-
<button id="apply-all-btn" class="btn-primary apply-all-btn is-hidden" type="button">تطبيق الكل</button>
|
| 703 |
-
</div>
|
| 704 |
-
<div class="surface-card sidebar-card sidebar-io">
|
| 705 |
-
<h3 class="sidebar-io__title text-right">استيراد وتصدير</h3>
|
| 706 |
-
<div class="sidebar-io__actions">
|
| 707 |
-
<button id="doc-import-btn" class="sidebar-io__btn" type="button" aria-label="استيراد ملف">
|
| 708 |
-
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/></svg>
|
| 709 |
-
استيراد
|
| 710 |
-
</button>
|
| 711 |
-
<div class="doc-dropdown sidebar-io__dropdown">
|
| 712 |
-
<button id="doc-export-trigger" class="sidebar-io__btn" type="button" aria-label="تصدير المستند" aria-haspopup="true" aria-expanded="false">
|
| 713 |
-
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
|
| 714 |
-
تصدير
|
| 715 |
-
</button>
|
| 716 |
-
<div id="doc-export-menu" class="doc-dropdown__menu" role="menu" aria-label="خيارات التصدير">
|
| 717 |
-
<button type="button" class="doc-dropdown__item" role="menuitem" data-export-format="txt">نصي (.txt)</button>
|
| 718 |
-
<button type="button" class="doc-dropdown__item" role="menuitem" data-export-format="docx">Word (.docx)</button>
|
| 719 |
-
<button type="button" class="doc-dropdown__item" role="menuitem" data-export-format="pdf">PDF (.pdf)</button>
|
| 720 |
-
</div>
|
| 721 |
-
</div>
|
| 722 |
-
</div>
|
| 723 |
-
</div>
|
| 724 |
</div>
|
| 725 |
</div>
|
| 726 |
</div>
|
|
|
|
| 674 |
<button onclick="copyText()" class="btn-ghost" type="button" title="نسخ النص">
|
| 675 |
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/></svg>
|
| 676 |
</button>
|
| 677 |
+
<button id="doc-import-btn" class="btn-ghost" type="button" aria-label="استيراد ملف" title="استيراد">
|
| 678 |
+
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/></svg>
|
| 679 |
+
</button>
|
| 680 |
+
<div class="doc-dropdown" style="display:inline-block;">
|
| 681 |
+
<button id="doc-export-trigger" class="btn-ghost" type="button" aria-label="تصدير" title="تصدير" aria-haspopup="true" aria-expanded="false">
|
| 682 |
+
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
|
| 683 |
+
</button>
|
| 684 |
+
<div id="doc-export-menu" class="doc-dropdown__menu" role="menu" aria-label="خيارات التصدير">
|
| 685 |
+
<button type="button" class="doc-dropdown__item" role="menuitem" data-export-format="txt">نصي (.txt)</button>
|
| 686 |
+
<button type="button" class="doc-dropdown__item" role="menuitem" data-export-format="docx">Word (.docx)</button>
|
| 687 |
+
<button type="button" class="doc-dropdown__item" role="menuitem" data-export-format="pdf">PDF (.pdf)</button>
|
| 688 |
+
</div>
|
| 689 |
+
</div>
|
| 690 |
</div>
|
| 691 |
</div>
|
| 692 |
</div>
|
|
|
|
| 697 |
</div>
|
| 698 |
<!-- LEFT: Sidebar (score + suggestions + import/export) -->
|
| 699 |
<div class="sidebar-panel sidebar-desktop">
|
| 700 |
+
<div class="surface-card sidebar-card">
|
| 701 |
+
<h3 class="text-xl font-bold mb-4 text-right">الاقتراحات</h3>
|
| 702 |
+
<div id="suggestions-list" class="suggestions-scroll" role="list" aria-live="polite" aria-label="اقتراحات التصحيح"></div>
|
| 703 |
+
<button id="apply-all-btn" class="btn-primary apply-all-btn is-hidden" type="button">تطبيق الكل</button>
|
| 704 |
+
</div>
|
| 705 |
<div class="surface-card sidebar-card">
|
| 706 |
<h3 class="text-xl font-bold mb-4 text-right">تقييم الكتابة</h3>
|
| 707 |
<div class="score-ring-wrap" role="img" aria-label="تقييم الكتابة">
|
|
|
|
| 714 |
</div>
|
| 715 |
<p id="score-hint" class="text-center text-sm text-secondary">ابدأ الكتابة لرؤية تقييمك</p>
|
| 716 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 717 |
</div>
|
| 718 |
</div>
|
| 719 |
</div>
|