youssefreda9 commited on
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
Files changed (1) hide show
  1. 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>