headshotbox icon indicating copy to clipboard operation
headshotbox copied to clipboard

New UI and design using Quasar 2

Open yoyosan opened this issue 1 year ago • 2 comments

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';

yoyosan avatar Jun 02 '23 06:06 yoyosan

Pretty exciting this is still getting some love.

Rsslone avatar Jun 23 '23 09:06 Rsslone

Time to split this into multiple subtasks due to the huge amount of work required.

yoyosan avatar Jan 15 '24 11:01 yoyosan