جدول‌ها
جدول ساده
| نام | تاریخ | آخرین مشاهده |
|---|---|---|
| پروژه آلفا | 2026-01-10 | |
| پروژه بتا | 2026-02-18 | |
| پروژه گاما | 2026-03-25 |
بزرگ‌تر از اتاق
| ستون 1 | ستون 2 | ستون 3 | ستون 4 | ستون 5 | ستون 6 | ستون 7 | ستون 8 | ستون 9 | ستون 10 | ستون 11 | ستون 12 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی |
| یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی |
| یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی | یک مقدار به اندازه کافی طولانی |
جدول با عمل‌ها
ردیف‌های نوار دار، روشن زیر نشان‌گر
ردیف‌هایی که می‌توان انتخاب کرد
یک مربع در بالای هر ردیف، یکی در هدر برای همه آنها، و عمل‌ها در بالا: آنها ردیف‌های انتخاب شده را به آدرس خود ارسال می‌کنند و در حالی که هیچ انتخابی نشده در دسترس نیستند، دور می‌مانند.
فایل‌ها، یک مجموع، یک عمل بر روی هر ردیف
مسیرها با نامشان خوانده می‌شوند، پوشه‌ها قبل از آن از ابتدا کوتاه می‌شوند. نوار به تعداد ردیف‌ها پایان می‌یابد و یک عمل با علامت `all` با هیچ چیز انتخاب شده کار می‌کند — آن هر ردیف را می‌گیرد و نوار را وقتی که یکی انتظار می‌رود پیش می‌برد.
| فایل | |
|---|---|
| 03-DOCUMENTS/QAL - Syst Document/Obsolète/QAL-D-12-identification-and-validation-of-quality-system-software-v1.md | |
| 05-INSTRUCTIONS/RES/RES-I-02-it-access-change-v2.md | |
| README.md |
فیلترها
نوار فیلترها در بالای جدول، هر کدام یک منوی نامحسوس، می‌گوید که وقتی فیلتر اعمال شد به چه چیزی محدود می‌شود. در سرور آنها در پرسش صفحه زندگی می‌کنند — هر گزینه یک لینک است — و کنترل‌کننده ردیف‌ها را از آن محدود می‌کند؛ در vue آنها مقدارهایی هستند که به صفحه برای api آن داده می‌شوند، یا توسط جدول به ردیف‌هایی که قبلاً دارد اعمال می‌شوند. هر گزینه یک مربع است — گرد برای انتخاب یکی — با رنگی که وقتی رنگی دارد، یک وضعیت یا یک دسته را نشان می‌دهد.
| نام | مالک | وضعیت |
|---|---|---|
| Alpha | design | open |
| Beta | platform | closed |
| Gamma | design | closed |
| Delta | support | open |
مرتب‌سازی
یک هدر که مرتب‌سازی می‌کند یک لینک بر روی سرور و یک دکمه در ویو است: صعودی، نزولی، سپس بازگشت به ترتیبی که صفحه اعلام کرده است، که فهرست بر روی آن باز می‌شود و که فلش آن از ابتدا نشان می‌دهد. تاریخ‌های خالی هر دو طرف آخر می‌روند، و نام‌ها به روشی که زبان آنها را مرتب می‌کند مقایسه می‌شوند. در اینجا جدول ردیف‌هایی را که خود به آن داده شده است مرتب می‌کند؛ یک کنترل‌کننده که فهرست خود را صفحه‌بندی می‌کند همان پرسش را می‌خواند.
| نام | شهر | آخرین اندازه‌گیری | عملیات |
|---|---|---|---|
| Adam Petit | Angers | ||
| Zoé Martin | Zürich | ||
| Eric Bernard | Lyon | ||
| Élodie Durand | Évry | ||
| Basile Leroy | Écully |
مرتب‌سازی در مرورگر، از twig
`vue: true` همان ستون‌ها و ردیف‌ها را به دوقلوی ویو تحویل می‌دهد: آن تمام فهرست را در مرورگر مرتب و جستجو می‌کند، بدون بارگذاری صفحه. برای یک فهرست که صفحه به طور کامل نگه داشته است — یک فهرست کوتاه، یا یکی که هیچ API آن را ارائه نمی‌دهد.
عمل‌ها در یک انتخاب
همین نوار زمانی که عمل‌های کافی برای شلوغ کردن آن وجود دارد: یکی انتخاب می‌شود، سپس اعمال می‌شود.
سلول‌های لینک و آیکون
| منبع | وضعیت |
|---|---|
| منبع آلفا | |
| منبع بتا |
وضعیت بارگذاری
| منبع | به‌روزرسانی در | عمل‌ها |
|---|---|---|
|
|
||
وضعیت خالی
| منبع | به‌روزرسانی در | عمل‌ها |
|---|---|---|
| داده‌ای موجود نیست. | ||
تراز ستون‌ها
| نام (چپ) | وضعیت (وسط) | مقدار (راست) |
|---|---|---|
| Alpha | Centered | 42.00 € |
| Beta | Centered | 128.50 € |
| Gamma | Centered | 7.99 € |
کدها، اعداد و مجموع‌ها
`cell: 'code'` یک شناسه در نوع مونو قرار می‌دهد؛ `cell: 'number'`، یا یک `unit`، یک عدد را به زبان محلی صفحه می‌نویسد. `negative: true` یک عدد زیر صفر را به رنگ خطا رسم می‌کند، علامت منفی آن نیز این را می‌گوید. `totals` یک ردیف است که صفحه به آن واگذار می‌کند، زیر دیگران رسم می‌شود — جدول هیچ چیزی را جمع نمی‌کند، یک صفحه یا یک فهرست فیلتر شده را نگه می‌دارد. توسط سرور رسم شده، سپس توسط ویو.
| کد | مورد | عرضه خالص | مساحت |
|---|---|---|---|
VS-2041 |
Atlas | ۱۲ | ۱۸٫۵ m² |
LO-0007 |
Boréal | −۴ | ۹ m² |
VS-1180 |
Cyprès | ۰ | ۶٫۵ m² |
LO-0315 |
Dune | −۱۱ | ۲۲٫۵ m² |
| مجموع | −۳ | ۵۶٫۵ m² |
از Markdown
جدولی که به زبان Markdown نوشته شده و از طریق `markdown_ds` پردازش شده است: ستون‌ها، تراز آنها و نشانه‌گذاری هر سلول از سند خوانده می‌شود و جدول اینجا مانند هر جدول دیگری رسم می‌شود. `markdown` متن ساده `<table>` را نگه می‌دارد، برای هر آنچه که صفحه نیست — یک ایمیل، یک فید.
| Name | Status | Amount |
|---|---|---|
| Alpha | ready |
42.00 € |
| Beta | 128.50 € | |
| Gamma | pending | 7.99 € |
گروه‌بندی ردیف‌ها
یک ردیف که تنها یک گروه را حمل می‌کند، ردیف نیست: این خطی است بین دو دسته از آنها، با یک کلمه. این ردیف جدول را پوشش می‌دهد و آنچه را که پس از آن می‌آید نامگذاری می‌کند — همانند خواندن یک جداکننده منو.
| نام | تاریخ |
|---|---|
| گروه اول | |
| پروژه آلفا | 2026-01-10 |
| پروژه بتا | 2026-02-18 |
| گروه دوم | |
| پروژه گاما | 2026-03-25 |
سلول‌های وضعیت
یک وضعیت یک دایره است، هرگز رنگی که کسی انتخاب کرده باشد: سلول یک نام نوع می‌گیرد، یا یک نوع با یک شمارش و عنوان، و آیکون وضعیت را همانطور که باقی سیستم رسم می‌کند، می‌کشد. هیچ چیزی برای استایل در صفحه وجود ندارد.
| خط لوله | ساخت | آزمون‌ها | استقرار |
|---|---|---|---|
| پروژه آلفا | 42 | ||
| پروژه بتا | 3 | ||
| پروژه گاما |
هدر چسبنده
یک جدول طولانی به اندازه‌ای که ردیف به ردیف خوانده می‌شود، به صورت ستون به ستون نیز خوانده می‌شود. با `sticky`، هدر در دید باقی می‌ماند در حالی که ردیف‌ها زیر آن اسکرول می‌شوند؛ یک صفحه با چیزی که در بالا چسبیده نشان می‌دهد که چقدر پایین در `--table-sticky-top` قرار دارد.
| # | نام | وضعیت |
|---|---|---|
| 1 | Row 1 | |
| 2 | Row 2 | |
| 3 | Row 3 | |
| 4 | Row 4 | |
| 5 | Row 5 | |
| 6 | Row 6 | |
| 7 | Row 7 | |
| 8 | Row 8 | |
| 9 | Row 9 | |
| 10 | Row 10 | |
| 11 | Row 11 | |
| 12 | Row 12 |
جدولی در منطقه‌ای مختص به خود
یک منطقه `zone--table` به طور کامل به جدول داده می‌شود: چیزی که آن را در بالا می‌رانَد، صفحاتش در پایین، از آنچه اسکرول می‌کند، و بین آنها زمین جدول تا پایین منطقه، حتی برای سه ردیف. هر جدولی در آن قرار می‌گیرد، چه توسط سرور نوشته شده باشد و چه توسط یک ویو. با `natural`، مانند جدول سمت چپ، جدول عرض ستون‌های خود را حفظ می‌کند، نه کشیده و نه فشرده.
| # | نام | وضعیت |
|---|---|---|
| 1 | Row 1 | |
| 2 | Row 2 | |
| 3 | Row 3 |
جدول موجودیت Vue
جدول Vue با انتخاب
همین قرارداد در سمت کاربر: کلیدهای انتخاب شده از طریق v-model:selected برمی‌گردند، هر عمل به عنوان bulk-action منتشر می‌شود و یکی با یک آدرس به عنوان جدولی که سرور آن را ارسال می‌کند، ارسال می‌شود. این‌ها هیچ‌کدام ندارند، بنابراین خط زیر می‌گوید که چه چیزی باید انجام می‌شد. سه ردیف در هر صفحه، مجموع در انتهای نوار، و آرشیو همه نیاز به هیچ انتخابی ندارد.
صفحه‌بندی بدون مجموع
زمانی که api مجموع را برنمی‌گرداند، صفحه‌بند به قبلی/بعدی بازمی‌گردد.
صفحه‌بندی، ترسیم شده توسط سرور
`pagination(page, pages_count)` صفحات یک فهرست را به عنوان لینک رسم می‌کند: هر کدام مسیر و پرسش صفحه‌ای که در آن هست را حفظ می‌کند — یک جستجو، یک ترتیب — و فقط `page` را تغییر می‌دهد، که از ۱ شمارش می‌شود. اعداد نشان داده شده اعداد صفحه‌گردان ویو هستند: اولی، آخری، فعلی و همسایگانش. `compact` شماره‌های قبل و بعد را در اطراف شماره صفحه نگه می‌دارد؛ `route` و `params` از آدرس دیگری عبور می‌کنند.