Tracker
Zgłoszenia i tablica Skribly Tracker oraz zadania, które Agent pobiera z dowolnego trackera. Status, priorytet i typ łączą kształt znaku ze słowem, więc nic nie opiera się na kolorze; listy układają się od 320 px; tablica przenosi karty wskaźnikiem, klawiaturą, czytnikiem ekranu i menu jednego dotknięcia oraz mówi, co się stało, przez regiony na żywo. Budowane z celem WCAG 2.2 AA.
Strony: 11, eksporty: 13
- IssueKey
- IssueStatusBadge
- PriorityBadge
- IssueTypeBadge
- LabelBadge
- LabelList
- IssueRow
- IssueTable
- Board
- BoardColumn
- BoardCard
- BoardAnnouncer
- TaskCard
ImportLink do sekcji Import
Każda grupa ma własny punkt wejścia, więc aplikacja, która potrzebuje tylko tej grupy, ładuje tylko ją. Wszystko jest też eksportowane z @skribly/ui.
import { IssueKey, IssueStatusBadge, PriorityBadge, IssueTypeBadge, … } from '@skribly/ui/tracker'Strony tej grupyLink do sekcji Strony tej grupy
- IssueKeyKlucz projektu i numer zgłoszenia czcionką o stałej szerokości. Wybierz go wszędzie, gdzie zgłoszenie jest nazwane, i przekaż href, gdy klucz ma otwierać zgłoszenie.IssueKey
- IssueStatusBadgeStatus pod własną nazwą projektu, podbarwiony według kategorii: nierozpoczęte, w toku, zrobione albo anulowane. Wybierz go dla statusu zgłoszenia na listach, kartach i w nagłówkach.IssueStatusBadge
- PriorityBadgePriorytet zgłoszenia jako strzałka i słowo. Wybierz compact na kartach, gdzie widać tylko znak.PriorityBadge
- IssueTypeBadgeRodzaj zgłoszenia jako znak i słowo: błąd, funkcja, zadanie, ulepszenie albo epik. Przekaż icon dla rodzaju, który aplikacja definiuje sama.IssueTypeBadge
- LabelBadgeJedna etykieta w kolorze, który wybrał dla niej projekt. Przekaż onRemove tam, gdzie etykiety są edytowane.LabelBadge
- LabelListEtykiety zgłoszenia jako nazwana, zawijająca się lista. Wybierz max tam, gdzie brakuje miejsca; reszta składa się za przyciskiem +N.LabelList
- IssueRowJedno zgłoszenie w jednej linii, jak na pulpicie. Wybierz go dla krótkich list, takich jak „Assigned to me”; dla długich list, które ludzie sortują, użyj IssueTable.IssueRow
- IssueTableLista zgłoszeń projektu na wspólnej Table, z sortowaniem oraz stanami pustej listy, ładowania i błędu. Wybierz stack, domyślne, aby zamieniać wiersze w karty poniżej 36 rem, albo scroll, aby zachować siatkę we własnym przewijanym polu.IssueTable
- BoardTablica Kanban projektu: kolumna na każdy status, karty, które się między nimi przenoszą, i głos, który mówi, jak poszło przeniesienie. Tablica jest kontrolowana; zastosuj onMove przez moveBoardCards i zapisz. Włącz „Fail the next save”, aby zobaczyć ścieżkę błędu.Board, BoardColumn, BoardCard, BoardAnnouncer
- Board statesTablica tylko do odczytu, stany ładowania, błędu i pustej tablicy oraz kolumna, która jeszcze się ładuje.Board, BoardColumn
- TaskCardZadanie z dowolnego połączonego trackera, jak na liście zadań Agenta. Wybierz ją dla list, w których jedno zadanie otwiera się obok listy, i umieść przycisk startu w actions.TaskCard