mirror of
https://github.com/tabler/tabler.git
synced 2026-08-30 13:51:28 +04:00
codecalm
f27c70ad38
`Render Modal as real markup` (#2742) reformatted ~140 files back to tabs/semicolons, breaking the Prettier config added by the Astro quality gates (#2749). Re-run prettier --write to restore it, and fix the type errors it had been masking: HTMLElement casts and `this` typing in ChangePasswordModalContent/ConfirmDeleteModalContent scripts, plain-JS syntax in the inline-injected progress.astro script, narrowed prop unions in Button/Check/Spinner, nullable icon svg casts in Icons/Rating, and a duplicate firstLetters/invalid `placeholder` attribute in Select.astro. Also fix shared/vitest.config.mts's stale `astro/lib/**/*.test.ts` include glob left over from the shared source restructure, which made `pnpm test` report zero test files.
47 lines
1.4 KiB
Plaintext
47 lines
1.4 KiB
Plaintext
---
|
|
// selected ids "5,6,2,3" → people[id-1].
|
|
import people from '@data/people.json'
|
|
import FormGroup from '@ui/FormGroup.astro'
|
|
|
|
interface Person {
|
|
id: string
|
|
full_name: string
|
|
}
|
|
|
|
const selectedPeople = ['5', '6', '2', '3'].map((idStr) => (people as Person[])[Number(idStr) - 1])
|
|
---
|
|
|
|
<div class="modal-header">
|
|
<h4 class="modal-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">
|
|
<input type="text" class="form-control" placeholder="Task name" />
|
|
</FormGroup>
|
|
<FormGroup label="Assigned To">
|
|
<select class="form-select">
|
|
<option value="">Select person</option>
|
|
{selectedPeople.map((person) => <option value={person.id}>{person.full_name}</option>)}
|
|
</select>
|
|
</FormGroup>
|
|
<FormGroup label="Priority">
|
|
<select class="form-select">
|
|
<option value="Low">Low</option>
|
|
<option value="Medium">Medium</option>
|
|
<option value="High">High</option>
|
|
</select>
|
|
</FormGroup>
|
|
<FormGroup label="Description">
|
|
<textarea class="form-control" 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>
|