טבלאות

טבלה פשוטה

רחב יותר מהחדר

טבלה עם פעולות

שורות מפוספסות, מוארות מתחת לאצבע

שורות שניתן לסמן

תיבה בראש כל שורה, אחת בכותרת עבור כולן, והפעולות למעלה: הן שולחות את השורות המסומנות לכתובת שלהן, ונשארות מחוץ להישג יד בזמן שאין שום דבר מסומן.

קבצים, סך הכול, פעולה על כל שורה

שמות הקבצים נקראים לפי שמם, התיקיות לפניו נחתכות מההתחלה. השורה מסתיימת לפי כמה שורות יש, ופעולה מסומנת `all` פועלת כשאין דבר מסומן — היא לוקחת כל שורה, ומובילה את השורה כשזו הצפויה.

מסננים

שורת מסננים בראש הטבלה, תפריט דיסקרטי לכל אחד, אומר מה היא מצמצמת כאשר היא עושה זאת. על השרת הם חיים בשאילתה של העמוד — כל אפשרות היא קישור — והמנהל מצמצם את השורות מזה; בווי הם ערך handed לעמוד עבור ה-api שלו, או מיושמים על ידי הטבלה לשורות שכבר יש לה. כל אפשרות היא תיבה — עגולה עבור בחירה אחת — צבעונית לפי גוון שלה כאשר יש לה, סטטוס או קטגוריה.

מיון

כותרת שמסדרת היא קישור על השרת וכפתור ב-vue: בסדר עולה, בסדר יורד, ואז חוזרת לסדר שהדף הכריז, שעליו הרשימה נפתחת ואשר החץ שלה מראה מההתחלה. תאריכים ריקים הולכים אחרונים בשני הכיוונים, ושמות משווים כפי שהשפה מסדרת אותם. כאן השולחן מסדר את השורות שניתנו לו בעצמו; בקר שמדפדף ברשימה שלו קורא את אותה השאלה במקום.

מיון בדפדפן, מ-twig

`vue: true` מעביר את אותם העמודות והשורות לתאום vue: הוא ממיין ומחפש את כל הרשימה בדפדפן, ללא טעינת דף. עבור רשימה שהדף מחזיק בשלמות — אחת קצרה, או אחת שאין לה api.

פעולות בבחירה

אותה שורה כאשר יש מספיק פעולות כדי לדחוס אותה: אחת נבחרת, ואז מיושמת.

תאים עם קישור ואייקון

מצב טוען

מצב ריק

יישור עמודות

קודים, דמויות וסכומים

`cell: 'code'` מגדיר מזהה בפנים חד צדדית; `cell: 'number'`, או `unit`, כותב דמות במיקום של הדף. `negative: true` מצייר דמות מתחת לאפס בגוון שגיאה, סימן המינוס שלו אומר את זה גם. `totals` היא שורה שהדף מעביר, מצוירת מתחת לאחרות — השולחן לא מוסיף כלום, מחזיק דף אחד או רשימה מסוננת. מצויר על ידי השרת, ואז על ידי vue.

ממרקדאון

טבלה שנכתבת במרקדאון ועוברת דרך `markdown_ds`: העמודות, היישור שלהן והסימון של כל תא נקראים מהמסמך, והטבלה מצויירת כאן כמו כל אחת אחרת. `markdown` שומר על ה'<table>' הפשוט, עבור כל מה שאינו עמוד — דוא"ל, פיד.

קיבוץ שורות

שורה שמכילה רק קבוצה היא לא שורה: זו הקו בין שתי ריצות שלהן, שניתנה מילה. היא מתפרסת על פני הטבלה ומסמנת מה בא לאחר מכן — אותה קריאה כמו מפריד בתפריט.

תאים של סטטוס

מצב הוא מעגל, אף פעם לא צבע שמישהו בחר: התא לוקח שם סוג, או סוג עם מספר וכותרת, ומצייר את האייקון של הסטטוס שהשארת המערכת מציירת. אין מה לעצב בעמוד.

כותרת דביקה

טבלה ארוכה נקראת עמודה בעמודה כמו שורה בשורה. עם `sticky`, הכותרת נשארת בתצוגה בעוד השורות גוללות מתחתיה; עמוד עם משהו משלו נעוץ בחלק העליון אומר כמה רחוק למטה ב`--table-sticky-top`.

שולחן באזור משלו

אזור `zone--table` ניתן לשולחן כולו: מה שמניע אותו בחלק העליון, הדפים שלו בתחתית, מתוך מה שגולל, ובין לבין הקרקע של השולחן עד לתחתית האזור, אפילו לשלוש שורות. כל שולחן נכנס אליו, נכתב על ידי השרת או על ידי vue. עם `natural`, כמו זה שבצד שמאל, השולחן שומר על רוחב העמודות שלו, לא מרוחב ולא לחוץ.

טבלת ישות Vue

טבלה של Vue עם בחירה

אותה הסכם על הלקוח: המפתחות המסומנים חוזרים דרך v-model:selected, כל פעולה משודרת כפעולה מרוכזת, ואחת עם כתובת נשלחת כמו שהטבלה של השרת שולחת אותה. אלו אין להן, לכן השורה למטה אומרת מה היה נעשה. שלוש שורות בעמוד, הסך הכול בסוף השורה, וארכיון הכל זקוק לשום דבר לא מסומן.

דפים ללא סך הכול

כאשר ה-API לא מחזיר סך הכול, המנחה חוזר לדף הקודם/הבא.

דפדוף, נמשך על ידי השרת

`pagination(page, pages_count)` מצייר את הדפים של רשימה כקישורים: כל אחד שומר על המסלול והשאלה של הדף שבו הוא נמצא — חיפוש, מיון — ומשנה רק את `page`, נספר מ-1. המספרים המוצגים הם של הממיר vue: הראשון, האחרון, הנוכחי והשכנים שלו. `compact` שומר על הקודם והבא סביב מספר הדף; `route` ו-`params` מדפדפים לכתובת אחרת.

פורמט תאריכים של Vue