/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/components/modals/AddTaskModalContent.astro
47 строк
2 KB
Paweł Kuna
Enable `astro/tsconfigs/strictest` in the shared package (#2836)
08 авг 2026, 02:27
Не верифицирован
08 авг 2026, 02:27
e520b32
Код
Авторство
О чём код?
--- // selected ids "5,6,2,3" → people[id-1]. import people from '@data/people.json' import FormGroup from '@ui/FormGroup.astro' import { requireIndex } from '@shared/lib/array' interface Person { id: string full_name: string } const selectedPeople = ['5', '6', '2', '3'].map((idStr) => requireIndex(people as Person[], Number(idStr) - 1)) --- <div class="modal-header"> <h4 class="modal-title" id="modal-add-task-title">Add task</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form> <FormGroup label="Name" for="add-task-name"> <input type="text" class="form-control" id="add-task-name" placeholder="Task name" /> </FormGroup> <FormGroup label="Assigned To" for="add-task-assigned"> <select class="form-select" id="add-task-assigned"> <option value="">Select person</option> {selectedPeople.map((person) => <option value={person.id}>{person.full_name}</option>)} </select> </FormGroup> <FormGroup label="Priority" for="add-task-priority"> <select class="form-select" id="add-task-priority"> <option value="Low">Low</option> <option value="Medium">Medium</option> <option value="High">High</option> </select> </FormGroup> <FormGroup label="Description" for="add-task-description"> <textarea class="form-control" id="add-task-description" rows="3" placeholder="Task description"></textarea> </FormGroup> </form> </div> <div class="modal-footer"> <button type="button" class="btn" data-bs-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary ms-auto" data-bs-dismiss="modal"> Save </button> </div>