diff --git a/frontend/index.html b/frontend/index.html index 47a9e22..9cb5e60 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -4,7 +4,6 @@ - yellowjacket diff --git a/frontend/package.json b/frontend/package.json index 544ee9c..617c590 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -5,7 +5,6 @@ "preview": "vite preview" }, "dependencies": { - "@picocss/pico": "^2.1.1", "lit": "^3.2.1" }, "devDependencies": { diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml index 5d5e092..a50355a 100644 --- a/frontend/pnpm-lock.yaml +++ b/frontend/pnpm-lock.yaml @@ -8,9 +8,6 @@ importers: .: dependencies: - '@picocss/pico': - specifier: ^2.1.1 - version: 2.1.1 lit: specifier: ^3.2.1 version: 3.2.1 @@ -205,9 +202,6 @@ packages: resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} engines: {node: '>= 8'} - '@picocss/pico@2.1.1': - resolution: {integrity: sha512-kIDugA7Ps4U+2BHxiNHmvgPIQDWPDU4IeU6TNRdvXQM1uZX+FibqDQT2xUOnnO2yq/LUHcwnGlu1hvf4KfXnMg==} - '@rollup/rollup-android-arm-eabi@4.37.0': resolution: {integrity: sha512-l7StVw6WAa8l3vA1ov80jyetOAEo1FtHvZDbzXDO/02Sq/QVvqlHkYoFwDJPIMj0GKiistsBudfx5tGFnwYWDQ==} cpu: [arm] @@ -759,8 +753,6 @@ snapshots: '@nodelib/fs.scandir': 2.1.5 fastq: 1.19.1 - '@picocss/pico@2.1.1': {} - '@rollup/rollup-android-arm-eabi@4.37.0': optional: true diff --git a/frontend/src/components/audio-player/controls/player-controls.ts b/frontend/src/components/audio-player/controls/player-controls.ts index 4c3ddf2..e3d576e 100644 --- a/frontend/src/components/audio-player/controls/player-controls.ts +++ b/frontend/src/components/audio-player/controls/player-controls.ts @@ -1,43 +1,50 @@ import { LitElement, html } from 'lit'; -import { customElement } from 'lit/decorators.js'; -import { Play } from '@go/player/Player'; +import { customElement, property } from 'lit/decorators.js'; +import { Play, Pause } from '@go/player/Player'; @customElement('player-controls') export class PlayerControls extends LitElement { + @property({ type: Boolean }) + isPlaying = false + override render() { + var imagePath = this.isPlaying ? + "/src/assets/images/icons/music/pause-solid.svg" : "/src/assets/images/icons/music/play-solid.svg" return html` -
- - - - - -
-`; +
+ + + + + +
+ `; } - onPlayPauseClick(event: { target: HTMLButtonElement; }) { - try { - Play().then((result) => { - console.log(result) - event.target.setAttribute("src", "/src/assets/images/icons/music/pause-solid.svg") + onPlayPauseClick() { + if (this.isPlaying) { + Play().then(() => { }).catch((err) => { console.error("there is an error with playing " + err); }); + } else { + Pause().then(() => { + }).catch((err) => { + console.error("there is an error with pausing " + err); + }); + } - catch (err) { - console.error(err); - } + this.isPlaying = !this.isPlaying } } diff --git a/frontend/src/components/config/library-picker/library-picker.ts b/frontend/src/components/config/options/library-picker.ts similarity index 100% rename from frontend/src/components/config/library-picker/library-picker.ts rename to frontend/src/components/config/options/library-picker.ts diff --git a/frontend/src/pages/config/config.ts b/frontend/src/pages/config/config.ts index 949f1e5..d8b8bd8 100644 --- a/frontend/src/pages/config/config.ts +++ b/frontend/src/pages/config/config.ts @@ -1 +1 @@ -import '@components/config/library-picker/library-picker.ts'; +import '@components/config/options/library-picker.ts';