الانتقال إلى المحتوى
القائمة
اللغة، حاليًا العربية
EnglishGaeilge简体中文Españolहिन्दीPortuguêsবাংলাРусский日本語廣東話Tiếng Việtالعربية

نظام تصميم rastrillo

نظرة عامة على كل ما يوفّره نظام التصميم. السمة: plain. اللغة: العربية.

المسار

القطع التي تكون استجابة كاملة لا جزءًا من استجابة.

عناصر واجهة جاهزة ومتّسقة فيما بينها، تُبنى في الخادم.

مفردات إطار العمل نفسه تسمّيها partials: تُرجع ui.Templates() قيم partials، ويوثّقها docs/site/templates.md بهذا الاسم. تغيّرت الكلمة في هذه الصفحة، ولم تتغيّر في الشيفرة.

الروابط هنا غير مفعّلة

الروابط غير مفعّلة، ومصدر العيّنة متاح.

كل عيّنة أدناه داخل إطارها الخاص.

محتوى العيّنات بالإنجليزية. أمّا أغلفة العيّنات فمترجمة.

error-page

جسد استجابة الخطأ كاملًا: الحالة، وجملة صادقة واحدة، وطريق للعودة، ومراجع الخطأ 500 التي يفيد منها المشرف.

404 — غير موجود

معاينة
<div rst-error>
  <p rst-error-status>404</p>
  <h1 rst-error-title>لم نعثر على تلك الصفحة</h1>
  <p rst-error-body>قد يكون الرابط قديمًا، أو تكون الصفحة قد نُقلت. تحقق من العنوان، أو ارجع إلى البداية.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">صفحة البداية</a></p>
</div>

403 — ممنوع

معاينة
<div rst-error>
  <p rst-error-status>403</p>
  <h1 rst-error-title>لا يمكنك الاطلاع على هذا</h1>
  <p rst-error-body>لا يملك حسابك صلاحية الوصول هنا. إذا كنت ترى أنه ينبغي أن يملكها، فاسأل من يدير هذا الموقع.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">صفحة البداية</a> <a rst-btn href="/posts">رجوع</a></p>
</div>

422 — تعذّرت المعالجة

معاينة
<div rst-error>
  <p rst-error-status>422</p>
  <h1 rst-error-title>لم يتم إرسال ذلك</h1>
  <p rst-error-body>هناك خطأ في بعض ما تم إرساله. ارجع وحاول مرة أخرى؛ لم يُحفظ أي شيء.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">صفحة البداية</a> <a rst-btn href="/posts/1/edit">رجوع</a></p>
</div>

500 — خطأ في الخادم

معاينة
<div rst-error>
  <p rst-error-status>500</p>
  <h1 rst-error-title>حدث خطأ من جانبنا</h1>
  <p rst-error-body>المشكلة ليست منك. تم تسجيل المشكلة. حاول مرة أخرى بعد قليل؛ وإذا تكرر ذلك، فاذكر الرقم المرجعي أدناه.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">صفحة البداية</a></p>
  <p class="rst-mono" rst-error-ref dir="auto">الرقم المرجعي: k3f9tq</p>
</div>

الحالة 500 هي الوحيدة التي تحمل رقمًا مرجعيًا: يمكن لمن يدير النظام البحث عنه في السجلات بـ grep.

503 — غير متاح

معاينة
<div rst-error>
  <p rst-error-status>503</p>
  <h1 rst-error-title>الخدمة غير متاحة لفترة قصيرة</h1>
  <p rst-error-body>يجري تحديث الموقع أو أنه مشغول. حاول مرة أخرى بعد دقيقة.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">صفحة البداية</a></p>
</div>

أي حالة أخرى — الزوج العام

معاينة
<div rst-error>
  <p rst-error-status>418</p>
  <h1 rst-error-title>هناك خطأ ما</h1>
  <p rst-error-body>تعذّر إتمام هذا الطلب. ارجع وحاول مرة أخرى.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">صفحة البداية</a></p>
</div>

خمس حالات مصاغة في فهرس الإطار. أما السادسة فترتدّ إلى الزوج العام بدل أن تعرض على القارئ اسم مفتاح مفقود.

back-nav

رابط العودة مستوى واحدًا لأعلى، فوق شاشة العرض أو التحرير.

العودة إلى سجل

معاينة
<nav rst-back-nav><a href="/orders/1">← Order AB3PX</a></nav>

locale-menu

مبدّل اللغة: قائمة details من نماذج POST بحقل واحد إلى ‎/_locale‎، فيستقر الاختيار في ملفّ تعريف اللغة ويبقى القارئ على المسار نفسه.

اثنتا عشرة لغة، والحالية مميّزة.

معاينة
<details rst-dropdown rst-locale name="rst-menus">
  <summary>اللغة<span rst-caret aria-hidden="true"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></span></summary>
  <div rst-dropdown-menu>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="en"><input type="hidden" name="return" value="/"><button type="submit" lang="en">English</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ga"><input type="hidden" name="return" value="/"><button type="submit" lang="ga">Gaeilge</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="zh-Hans"><input type="hidden" name="return" value="/"><button type="submit" lang="zh-Hans">简体中文</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="es"><input type="hidden" name="return" value="/"><button type="submit" lang="es">Español</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="hi"><input type="hidden" name="return" value="/"><button type="submit" lang="hi">हिन्दी</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="pt"><input type="hidden" name="return" value="/"><button type="submit" lang="pt">Português</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="bn"><input type="hidden" name="return" value="/"><button type="submit" lang="bn">বাংলা</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ru"><input type="hidden" name="return" value="/"><button type="submit" lang="ru">Русский</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ja"><input type="hidden" name="return" value="/"><button type="submit" lang="ja">日本語</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="yue"><input type="hidden" name="return" value="/"><button type="submit" lang="yue">廣東話</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="vi"><input type="hidden" name="return" value="/"><button type="submit" lang="vi">Tiếng Việt</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ar"><input type="hidden" name="return" value="/"><button type="submit" lang="ar" aria-current="true">العربية</button></form>
  </div>
</details>

هذا يرسل إلى /_locale، وذلك يتطلّب خادمًا. أمّا المبدّل في ترويسة هذه الصفحة فهو النسخة المبنيّة على الروابط وحدها.