III-4 New upload process, III-6 Improve Visuals & Layout, V-2 Mobile redesign

This is based on !2666 (closed), !2803 (closed) and !2805 (closed) and introduces components for a new visual design.

Addresses

• III-4 New upload process (#2081 - closed)
  • Find out which existing implementation to build on (#2377 - closed)
• V-2 Improve mobile design (#2090 - closed)
• III-6 Improve visuals & layout (#2091 - closed)
  • Merge the Ui repository into this repository (#2355 - closed) Refactoring into central monorepo with new architecture
  • Use the new components, composables and styles ... (#2359 - closed)
• Drop libraries in favor of playlists (#2366 - closed)
• Triage of views: #2091 Improve Visuals, #2081 U... (#2367 - closed)
• Consolidate all Ui components (#2368 - closed)
• Containerize Ui library docs (ui-docs) (#2370 - closed)
• Rebase on develop (APIv2) (#2371 - closed)
• UX for the upload process (#2378 - closed)
• Artist image url not working (#2381 - closed)
• Fix Semantic Modal and Dangerous Button (#2382 - closed)
  • Reactivate Modals in App.vue (#2383 - closed)
• Card link capabilities (#2384 - closed)
• artist_credit error on channels api call (#2386 - closed)
• Auto-generate frontend types from OpenApi endpoint (#2388 - closed)
• Prebuild channel for users (#2391 - closed)
• Mobile Lockscreen Media Support (#2401 - closed)

Follow up

• Homepage improvements (#1468 - closed)
• Make the new base stylesheet available to the h... (#2360)
• Use updated component library in Blog and Website (#2369)
• Implement new Pills component into TagsSelector... (#2390)
• Accessible and delightful colors [Ui v2] (#2394)
• Dateselect for release date field (#2397)
• Replace axios with openapi-fetch (#2398)
• Refactor: Remove `ui`-prefixed paths from `fron... (#2402)
• Regression: One-letter keyboard shortcuts are t... (#2403 - closed)
• Fetch fediverse objects in search bar (Newfront) (#2421)
• front: Fine-tune search modal (#2423)
• Regressions with new UI after resolving #2091 (#2425)

closes #2081 (closed)
closes #2090 (closed)
closes #2091 (closed)
closes #2367 (closed)

Co-Authored-By: ArneBo arne@ecobasa.org
Co-Authored-By: Flupsi upsiflu@gmail.com
Co-Authored-By: jon r jon@allmende.io

added 8 commits

• f247cb7b - feat(front): use new UI library, explicityly imported, in all views
• 74f6f1d8 - refactor(front): consolidate modals into ui/modals/* and bind them to query flags
• aafabc94 - refactor(front): implement responsive global page layout and improve mobile UX
• d4e5ab34 - refactor(front): [WIP] use store to cache and distribute user state
• 76a9d65f - feat(front): define UI design tokens and utilities
• 788f3176 - feat(front): implement new search process
• c1162627 - feat(front): implement new upload process
• 199c594f - feat(front): [WIP] start migration to pinia and uno-css

Compare with previous version

changed the description

changed title from III-6 Improve Visuals & Layout to III-4 New upload process, III-6 Improve Visuals & Layout, V-2 Mobile redesign

added Area::Frontend Prio::Funding Status::Doing labels

mentioned in merge request !2805 (closed)

approved this merge request

added 61 commits

• 199c594f...c82d7bc7 - 60 commits from branch develop
• cb561e94 - Merge branch 'develop' into feat/2091-improve-visuals-and-layout

Compare with previous version

added 1 commit

• 2cb15af4 - Fix(api): adapt model to develop

Compare with previous version

approved this merge request

added 17 commits

• 2cb15af4...aa79610a - 7 earlier commits
• cbb0d37e - Feat(front): use new UI library, explicityly imported, in all views
• 4a367eeb - Refactor(front): consolidate modals into ui/modals/* and bind them to query flags
• bd768747 - Refactor(front): implement responsive global page layout and improve mobile UX
• e2720007 - Refactor(front): [WIP] use store to cache and distribute user state
• 0026b6b7 - Feat(front): define UI design tokens and utilities
• fb36fb22 - Feat(front): implement new search process
• f7c427fd - Feat(front): implement new upload process
• e1af41e2 - Feat(front): [WIP] start migration to pinia and uno-css
• a9582fc1 - Feat(front): miscellaneous updates
• cbd0ba28 - Docs: update for new UI, schema, debugging and federation

Compare with previous version

requested review from @petitminion

Well Flupsi decided on his own to reinvent and redo the whole search and put it into a modal, even though I was against it and there was (is) a full working search from develop! He did not finish it, the whole remote search features are missing (rss, channels, podcasts and users). It would still be faster to just reactivate the old search page ;) This I can do, but I don’t want to fix yet another unfinished mega construction site that I did not consent to.

marked this merge request as draft

added 2 commits

• a7ad823a - fix(front): null error in user profile
• 0f2be469 - feat(front): [WIP] federated search in search modal

Compare with previous version

added 1 commit

• 3ad90225 - feat(front): federated search in search modal

Compare with previous version

mentioned in issue #2447

mentioned in issue #2448

added 10 commits

• ae6ac1f6 - Feat(front): use new UI library, explicityly imported, in all views
• a728e481 - Refactor(front): consolidate modals into ui/modals/* and bind them to query flags
• eadaa72c - Refactor(front): implement responsive global page layout and improve mobile UX
• 22b4c512 - Refactor(front): [WIP] use store to cache and distribute user state
• 24fb0cf9 - Feat(front): define UI design tokens and utilities
• 20e23d8d - Feat(front): implement new search process
• c117e857 - Feat(front): implement new upload process
• f3fa4f13 - Feat(front): [WIP] start migration to pinia and uno-css
• f01f7d47 - Feat(front): miscellaneous updates
• a19e0ac9 - Docs: update for new UI, schema, debugging and federation

Compare with previous version

mentioned in merge request !2910