[PR #15] [CLOSED] feat(webui): Re-designed dashboard, Store search functionality & Signout ability #165

Closed
opened 2026-02-17 17:06:21 -05:00 by yindo · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/Drop-OSS/drop/pull/15
Author: @AdenMGB
Created: 1/11/2025
Status: Closed

Base: developHead: develop


📝 Commits (8)

  • f6a13c2 feat(task): overhauled task ux
  • b484058 refactor: move metadata routes into game client routes
  • 623e313 Update index.vue to add functional search bar
  • 7d66e7b Update index.vue to redesign dashboard
  • cd91913 Create signout.vue to enable signout functionality
  • 55a507f Update index.vue to display displayName instead of username
  • d26abb9 Update index.vue to use ganepanel component & proper api
  • bcaff79 Update signout.vue to use 'window.location.reload()'

📊 Changes

10 files changed (+473 additions, -123 deletions)

View changed files

📝 composables/task.ts (+62 -33)
📝 pages/admin/task/[id]/index.vue (+48 -7)
📝 pages/index.vue (+107 -12)
pages/signout.vue (+37 -0)
📝 pages/store/index.vue (+138 -23)
📝 server/api/v1/client/game/manifest.get.ts (+0 -0)
📝 server/api/v1/client/game/version.get.ts (+0 -0)
📝 server/api/v1/client/game/versions.get.ts (+0 -0)
📝 server/api/v1/task/index.get.ts (+1 -10)
📝 server/internal/tasks/index.ts (+80 -38)

📄 Description

Main changes

  • Created signout.vue to sign out user through the web UI in the navigation
  • Within the store page, a search bar has been added at the top to search for games, or for words within their description. Additionally a sorting mechanism is in place for the user to be able to adjust the search sorting.
  • Re-designed the dashboard UI to show 4 of the most recently updated games available to the user in the library, as well as account statistics such as total number of games, and account type. As well as aesthetic tweaks like hover animations and appropriate fonts and colour coding

Gallery

Dashboard

image

Search

image


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/Drop-OSS/drop/pull/15 **Author:** [@AdenMGB](https://github.com/AdenMGB) **Created:** 1/11/2025 **Status:** ❌ Closed **Base:** `develop` ← **Head:** `develop` --- ### 📝 Commits (8) - [`f6a13c2`](https://github.com/Drop-OSS/drop/commit/f6a13c20db2abf9cb5486ff10e51c64f356c94c3) feat(task): overhauled task ux - [`b484058`](https://github.com/Drop-OSS/drop/commit/b484058084aab3654a7a08899f3dd34f8467ccf1) refactor: move metadata routes into game client routes - [`623e313`](https://github.com/Drop-OSS/drop/commit/623e313be9e81463c6f32ec22aa11d26902dba90) Update index.vue to add functional search bar - [`7d66e7b`](https://github.com/Drop-OSS/drop/commit/7d66e7b74679a9833d906f45a2592c4995d6d175) Update index.vue to redesign dashboard - [`cd91913`](https://github.com/Drop-OSS/drop/commit/cd91913476590dbd375d00015136ce5462ba5649) Create signout.vue to enable signout functionality - [`55a507f`](https://github.com/Drop-OSS/drop/commit/55a507fc2a5cb78371bf539f07bdec9d41035561) Update index.vue to display displayName instead of username - [`d26abb9`](https://github.com/Drop-OSS/drop/commit/d26abb9666e8a567e6d8a39c519f0aab934d91e8) Update index.vue to use ganepanel component & proper api - [`bcaff79`](https://github.com/Drop-OSS/drop/commit/bcaff79d8f9ece7e2201bf9a5c51b4150d8f469d) Update signout.vue to use 'window.location.reload()' ### 📊 Changes **10 files changed** (+473 additions, -123 deletions) <details> <summary>View changed files</summary> 📝 `composables/task.ts` (+62 -33) 📝 `pages/admin/task/[id]/index.vue` (+48 -7) 📝 `pages/index.vue` (+107 -12) ➕ `pages/signout.vue` (+37 -0) 📝 `pages/store/index.vue` (+138 -23) 📝 `server/api/v1/client/game/manifest.get.ts` (+0 -0) 📝 `server/api/v1/client/game/version.get.ts` (+0 -0) 📝 `server/api/v1/client/game/versions.get.ts` (+0 -0) 📝 `server/api/v1/task/index.get.ts` (+1 -10) 📝 `server/internal/tasks/index.ts` (+80 -38) </details> ### 📄 Description ### Main changes - Created `signout.vue` to sign out user through the web UI in the navigation - Within the store page, a search bar has been added at the top to search for games, or for words within their description. Additionally a sorting mechanism is in place for the user to be able to adjust the search sorting. - Re-designed the dashboard UI to show 4 of the most recently updated games available to the user in the library, as well as account statistics such as total number of games, and account type. As well as aesthetic tweaks like hover animations and appropriate fonts and colour coding ### Gallery **Dashboard** ![image](https://github.com/user-attachments/assets/77276d20-bf89-49a1-b469-18a8938c0788) **Search** ![image](https://github.com/user-attachments/assets/399b50cd-7309-46fc-bf34-7af284dfa2ab) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
yindo added the pull-request label 2026-02-17 17:06:21 -05:00
yindo closed this issue 2026-02-17 17:06:21 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Drop-OSS/drop#165