yonlu/yellowjacket
1
1
Fork 0
Code Issues 55 Pull Requests 6 Actions Packages Projects Releases 12 Wiki Activity

removed pico, play button toggles

Browse Source
This commit is contained in:
Logan Jones
2025-04-08 19:11:17 -05:00
parent c66d1820aa
commit a0af1230cb
6 changed files with 36 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
-1
View File
@@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link rel="stylesheet" type="text/css" href="/node_modules/@picocss/pico/css/pico.min.css">
<title>yellowjacket</title> <title>yellowjacket</title>
</head> </head>
<script src="/index.ts" type="module"></script> <script src="/index.ts" type="module"></script>
frontend/package.json
-1
View File
@@ -5,7 +5,6 @@
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"@picocss/pico": "^2.1.1",
"lit": "^3.2.1" "lit": "^3.2.1"
}, },
"devDependencies": { "devDependencies": {
frontend/pnpm-lock.yaml
Generated
-8
View File
@@ -8,9 +8,6 @@ importers:
.: .:
dependencies: dependencies:
'@picocss/pico':
specifier: ^2.1.1
version: 2.1.1
lit: lit:
specifier: ^3.2.1 specifier: ^3.2.1
version: 3.2.1 version: 3.2.1
@@ -205,9 +202,6 @@ packages:
resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
engines: {node: '>= 8'} engines: {node: '>= 8'}
'@picocss/pico@2.1.1':
resolution: {integrity: sha512-kIDugA7Ps4U+2BHxiNHmvgPIQDWPDU4IeU6TNRdvXQM1uZX+FibqDQT2xUOnnO2yq/LUHcwnGlu1hvf4KfXnMg==}
'@rollup/rollup-android-arm-eabi@4.37.0': '@rollup/rollup-android-arm-eabi@4.37.0':
resolution: {integrity: sha512-l7StVw6WAa8l3vA1ov80jyetOAEo1FtHvZDbzXDO/02Sq/QVvqlHkYoFwDJPIMj0GKiistsBudfx5tGFnwYWDQ==} resolution: {integrity: sha512-l7StVw6WAa8l3vA1ov80jyetOAEo1FtHvZDbzXDO/02Sq/QVvqlHkYoFwDJPIMj0GKiistsBudfx5tGFnwYWDQ==}
cpu: [arm] cpu: [arm]
@@ -759,8 +753,6 @@ snapshots:
'@nodelib/fs.scandir': 2.1.5 '@nodelib/fs.scandir': 2.1.5
fastq: 1.19.1 fastq: 1.19.1
'@picocss/pico@2.1.1': {}
'@rollup/rollup-android-arm-eabi@4.37.0': '@rollup/rollup-android-arm-eabi@4.37.0':
optional: true optional: true
frontend/src/components/audio-player/controls/player-controls.ts
+35 -28
View File
@@ -1,43 +1,50 @@
import { LitElement, html } from 'lit'; import { LitElement, html } from 'lit';
import { customElement } from 'lit/decorators.js'; import { customElement, property } from 'lit/decorators.js';
import { Play } from '@go/player/Player'; import { Play, Pause } from '@go/player/Player';
@customElement('player-controls') @customElement('player-controls')
export class PlayerControls extends LitElement { export class PlayerControls extends LitElement {
@property({ type: Boolean })
isPlaying = false
override render() { override render() {
var imagePath = this.isPlaying ?
"/src/assets/images/icons/music/pause-solid.svg" : "/src/assets/images/icons/music/play-solid.svg"
return html` return html`
<div> <div>
<button> <button>
<img src="/src/assets/images/icons/music/shuffle.svg"></img> <img src="/src/assets/images/icons/music/shuffle.svg"></img>
</button> </button>
<button> <button>
<img src="/src/assets/images/icons/music/skip-prev-solid.svg"></img> <img src="/src/assets/images/icons/music/skip-prev-solid.svg"></img>
</button> </button>
<button @click="${this.onPlayPauseClick}"> <button @click="${this.onPlayPauseClick}">
<img src="/src/assets/images/icons/music/play-solid.svg"></img> <img src="${imagePath}"></img>
</button> </button>
<button> <button>
<img src="/src/assets/images/icons/music/skip-next-solid.svg"></img> <img src="/src/assets/images/icons/music/skip-next-solid.svg"></img>
</button> </button>
<button> <button>
<img src="/src/assets/images/icons/music/repeat.svg"></img> <img src="/src/assets/images/icons/music/repeat.svg"></img>
</button> </button>
</div> </div>
`; `;
} }
onPlayPauseClick(event: { target: HTMLButtonElement; }) { onPlayPauseClick() {
try { if (this.isPlaying) {
Play().then((result) => { Play().then(() => {
console.log(result)
event.target.setAttribute("src", "/src/assets/images/icons/music/pause-solid.svg")
}).catch((err) => { }).catch((err) => {
console.error("there is an error with playing " + 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) { this.isPlaying = !this.isPlaying
console.error(err);
}
} }
} }
frontend/src/components/config/library-picker/library-picker.ts → frontend/src/components/config/options/library-picker.ts
View File
frontend/src/pages/config/config.ts
+1 -1
View File
@@ -1 +1 @@
import '@components/config/library-picker/library-picker.ts'; import '@components/config/options/library-picker.ts';