From 28ae628f4dfb857035841ee49716bd397a7e857d Mon Sep 17 00:00:00 2001 From: Janis Hutz Date: Mon, 10 Jun 2024 14:42:08 +0200 Subject: [PATCH] start implementing login --- MusicPlayerV2-GUI/index.html | 2 +- MusicPlayerV2-GUI/src/App.vue | 40 +++++++++++++ MusicPlayerV2-GUI/src/router/index.ts | 62 +++++++++++++++++++- MusicPlayerV2-GUI/src/views/404View.vue | 24 ++++++++ MusicPlayerV2-GUI/src/views/AppView.vue | 24 ++++++++ MusicPlayerV2-GUI/src/views/HomeView.vue | 30 ++++++++-- MusicPlayerV2-GUI/src/views/ShowcaseView.vue | 0 README.md | 2 + 8 files changed, 178 insertions(+), 6 deletions(-) create mode 100644 MusicPlayerV2-GUI/src/views/404View.vue create mode 100644 MusicPlayerV2-GUI/src/views/AppView.vue create mode 100644 MusicPlayerV2-GUI/src/views/ShowcaseView.vue diff --git a/MusicPlayerV2-GUI/index.html b/MusicPlayerV2-GUI/index.html index e3d1ef2..7f5fb40 100644 --- a/MusicPlayerV2-GUI/index.html +++ b/MusicPlayerV2-GUI/index.html @@ -5,7 +5,7 @@ - Vite App + MusicPlayer
diff --git a/MusicPlayerV2-GUI/src/App.vue b/MusicPlayerV2-GUI/src/App.vue index 7588c8c..5358c04 100644 --- a/MusicPlayerV2-GUI/src/App.vue +++ b/MusicPlayerV2-GUI/src/App.vue @@ -134,6 +134,46 @@ .clr-open { border: black solid 1px !important; } + + #themeSelector { + position: fixed; + top: 10px; + right: 10px; + background: none; + border: none; + color: var( --primary-color ); + cursor: pointer; + } + + + + + \ No newline at end of file diff --git a/MusicPlayerV2-GUI/src/views/AppView.vue b/MusicPlayerV2-GUI/src/views/AppView.vue new file mode 100644 index 0000000..5f8b046 --- /dev/null +++ b/MusicPlayerV2-GUI/src/views/AppView.vue @@ -0,0 +1,24 @@ + + + + + \ No newline at end of file diff --git a/MusicPlayerV2-GUI/src/views/HomeView.vue b/MusicPlayerV2-GUI/src/views/HomeView.vue index a5d1a33..aec8502 100644 --- a/MusicPlayerV2-GUI/src/views/HomeView.vue +++ b/MusicPlayerV2-GUI/src/views/HomeView.vue @@ -1,10 +1,32 @@ \ No newline at end of file + const login = () => { + alert( 'Logging in...' ); + // TODO: Actually implement with sdk, then check if user has subscription for product, if so, have them proceed to /app + // else: proceed to /purchase where they get linked to https://store.janishutz.com/product/com.janishutz.MusicPlayer + router.push( '/app' ); + } + + + \ No newline at end of file diff --git a/MusicPlayerV2-GUI/src/views/ShowcaseView.vue b/MusicPlayerV2-GUI/src/views/ShowcaseView.vue new file mode 100644 index 0000000..e69de29 diff --git a/README.md b/README.md index 3fad315..1afdaed 100644 --- a/README.md +++ b/README.md @@ -25,6 +25,8 @@ A music player, specifically created for displaying song information from a CSV or JSON file on multiple different displays that are connected to the same network, just from the browser. +The [hosted version](https://music.janishutz.com) of this MusicPlayer, which is fully set up for you will be subscription-based and can be paid for on my [store](https://store.janishutz.com/product/com.janishutz.MusicPlayer). Not available yet though! + # Features - Electron App that runs on all major Desktop OS (Linux, MacOS & Windows) - Show all song information over the local network on any amount of client displays