headshotbox
headshotbox copied to clipboard
New UI and design using Quasar 2
Use Quasar 2 & Vue 3 to re-write the new UI with a new design
Players listing
- [x] List
- [x] Server side sorting - only descending
- [x] Add Folders filter
- [x] Various design and functionality adjustments to table
- [x] Fix missing part from rank image
Player details
Moved to #240
Search rounds
- move Search into its own section
Settings
- add dark mode
- add polling for new data
Low priority
- [ ] Figure out why imports sometimes work with
@/type/...
but not with@/constants/...
. See below,
import { RANKS } from 'src/constants/ranks';
import type { DataTableHeader, DataTablePagination, DataTableRequestDetails } from '@/types/dataTable';
import type { PlayerResponse } from '@/types/player';
import { PlayerApi } from 'src/api/player';
import { ROUTES } from 'src/router/routes';
Pretty exciting this is still getting some love.
Time to split this into multiple subtasks due to the huge amount of work required.