الجداول

جدول بسيط

أوسع من الغرفة

جدول مع إجراءات

صفوف مخططة، مضاءة تحت المؤشر

صفوف يمكن تحديدها

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

ملفات، إجمالي، إجراء على كل صف

مسارات تُقرأ حسب اسمها، المجلدات قبله مقطوعة من بدايتها. تنتهي الشريط بعدد الصفوف الموجودة، وإجراء مُعَلَّم ب`all` يعمل مع عدم تحديد أي شيء — يأخذ كل صف، ويقود الشريط عندما يكون هو المتوقع.

مرشحات

شريط من المرشحات في رأس الجدول، قائمة خفية واحدة لكل منها، تقول ما تضيق عليه بمجرد أن تفعل ذلك. على الخادم تعيش في استعلام الصفحة — كل خيار هو رابط — ويسيطر المتحكم على تضييق الصفوف منها؛ في vue هم قيمة تُعطى للصفحة من أجل واجهتها، أو تُطبق بواسطة الجدول على الصفوف التي لديها بالفعل. كل خيار هو مربع — دائري لاختيار واحد — ملون بنغمة عندما تكون له، حالة أو فئة.

الفرز

رأس يقوم بالفرز هو رابط على الخادم وزر في vue: تصاعدي، تنازلي، ثم العودة إلى الترتيب الذي أعلنت عنه الصفحة، والذي تفتحه القائمة والذي يظهر سهمها من البداية. التواريخ الفارغة تكون في النهاية من كلا الاتجاهين، والأسماء تقارن بالطريقة التي ترتبها اللغة. هنا يقوم الجدول بفرز الصفوف التي تم إعطاؤها له؛ يتحكم جهاز التحكم في قائمة الصفحات بنفس الاستعلام بدلاً من ذلك.

الفرز في المتصفح، من twig

`vue: true` يسلم نفس الأعمدة والصفوف إلى التوأم vue: يقوم بفرز والبحث في القائمة الكاملة في المتصفح، دون تحميل صفحة. لقائمة تحتفظ بها الصفحة بالكامل — واحدة قصيرة، أو واحدة لا تقدمها واجهة برمجة التطبيقات.

إجراءات في اختيار

نفس الشريط عندما تكون هناك إجراءات كافية لزيادة الزحام: يتم اختيار واحدة، ثم تطبيقها.

خلايا الروابط والأيقونات

حالة التحميل

حالة فارغة

محاذاة الأعمدة

الرموز، الأرقام والإجماليات

`cell: 'code'` يحدد معرفًا في الوجه الأحادي؛ `cell: 'number'`، أو `unit`، يكتب رقمًا بلغة الصفحة. `negative: true` يرسم رقمًا تحت الصفر بنغمة خطأ، وعلامة السالب تشير إلى ذلك أيضًا. `totals` هو صف تسلمه الصفحة، مرسوم تحت الآخرين — لا يضيف الجدول شيئًا، محتفظًا بصفحة واحدة أو قائمة مصفاة. مرسوم بواسطة الخادم، ثم بواسطة vue.

من Markdown

جدول مكتوب بلغة Markdown وممر عبر `markdown_ds`: تُقرأ الأعمدة، محاذاتها وتنسيق كل خلية من الوثيقة، ويتم رسم الجدول هنا مثل أي جدول آخر. `markdown` يحتفظ بالصيغة العادية `<table>`، لأي شيء ليس صفحة — بريد، تغذية.

تجميع الصفوف

صف يحمل مجموعة فقط ليس صفاً: إنه الخط بين اثنين من هذه الصفوف، مُعطى كلمة. يمتد عبر الجدول ويسمّي ما يتبعه — نفس قراءة فاصل القائمة.

خلايا الحالة

الحالة هي دائرة، وليست لوناً اختاره أحد: تأخذ الخلية اسم نوع، أو نوعاً مع عدد وعنوان، وتظهر أيقونة الحالة مثلما تظهرها بقية النظام. لا شيء لتصميمه في الصفحة.

رأس ثابت

يتم قراءة الجدول الطويل عمودًا بعمود كما هو الحال صفًا بصف. مع `sticky`، يبقى الرأس في العرض بينما تتصفح الصفوف تحته؛ الصفحة التي تحتوي على شيء خاص بها مثبت في الأعلى تقول مدى العمق في `--table-sticky-top`.

جدول في منطقة خاصة به

منطقة `zone--table` تُعطى للجدول بالكامل: ما يدفعه من الأعلى، وصفحاته في الأسفل، بعيدًا عن ما يتمرر، وبينهما قاع الجدول حتى أسفل المنطقة، حتى لثلاثة صفوف. يمكن أن يدخل أي جدول فيها، مكتوب بواسطة الخادم أو بواسطة vue. مع `natural`، مثل الذي على اليسار، يحتفظ الجدول بعرض أعمدته، لا يتمدد ولا ينضغط.

جدول كيان Vue

جدول Vue مع اختيار

نفس العقد على العميل: المفاتيح المحددة تعود عبر v-model:selected، كل إجراء يتم إصداره كإجراء جماعي، وواحد مع عنوان يُنشر مثلما ينشره جدول الخادم. هؤلاء ليس لديهم أي، لذا تقول السطر أدناه ما كان سيتم فعله. ثلاثة صفوف في الصفحة، الإجمالي في نهاية الشريط، وأرشفة جميعها دون حاجة لتحديد أي شيء.

التصفح بدون إجمالي

عندما لا تُرجع واجهة برمجة التطبيقات إجمالي، يعود شريط الصفحات إلى السابق/التالي.

التصفح، المرسوم بواسطة الخادم

`pagination(page, pages_count)` يرسم صفحات قائمة كرابط: كل منها يحتفظ بالطريق والاستعلام عن الصفحة التي هو عليها — بحث، ترتيب — ويتغير فقط `page`، محسوبًا من 1. الأرقام المعروضة هي أرقام عداد vue: الأول، الأخير، الحالي وجيرانه. `compact` يحتفظ بالسابق واللاحق حول رقم الصفحة؛ `route` و `params` يتنقلان عبر عنوان آخر.

منسقات تاريخ Vue