A music player that connects to your cloud/distributed storage.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

chore: add input config window to webamp theme

+23 -9
+7 -7
src/themes/webamp/configurators/input/element.js
··· 1 - import { 2 - DiffuseElement, 3 - nothing, 4 - query, 5 - whenElementsDefined, 6 - } from "@common/element.js"; 1 + import { DiffuseElement, query } from "@common/element.js"; 7 2 import { signal } from "@common/signal.js"; 8 3 9 4 import { buildURI as buildOpenSubsonicURI } from "@components/input/opensubsonic/common.js"; ··· 49 44 /** 50 45 * @override 51 46 */ 52 - connectedCallback() { 47 + async connectedCallback() { 53 48 super.connectedCallback(); 54 49 55 50 /** @type {InputElement} */ ··· 60 55 61 56 /** @type {import("@components/orchestrator/sources/element.js").CLASS} */ 62 57 const sourcesOrchestrator = query(this, "sources-orchestrator-selector"); 58 + 59 + await customElements.whenDefined(input.localName); 60 + await customElements.whenDefined(output.localName); 61 + await customElements.whenDefined(sourcesOrchestrator.localName); 63 62 64 63 this.$input.value = input; 65 64 this.$output.value = output; ··· 276 275 /* LIST */ 277 276 278 277 table { 278 + color: black; 279 279 table-layout: fixed; 280 280 } 281 281
+2
src/themes/webamp/index.js
··· 5 5 import "@components/orchestrator/process-tracks/element.js"; 6 6 import "@components/orchestrator/queue-tracks/element.js"; 7 7 import "@components/orchestrator/search-tracks/element.js"; 8 + import "@components/orchestrator/sources/element.js"; 8 9 import "@components/processor/metadata/element.js"; 9 10 10 11 import * as Input from "@components/configurator/input/element.js"; ··· 15 16 import { effect, signal, untracked } from "@common/signal.js"; 16 17 17 18 import "./browser/element.js"; 19 + import "./configurators/input/element.js"; 18 20 import "./configurators/output.js"; 19 21 import "./window/element.js"; 20 22
+13 -1
src/themes/webamp/index.vto
··· 77 77 <dtw-window id="input-window"> 78 78 <span slot="title-icon"><img src="images/icons/windows_98/cd_audio_cd_a-0.png" height="14" /></span> 79 79 <span slot="title">Manage audio inputs</span> 80 - <p>👀</p> 80 + 81 + <dtw-input-config 82 + input-selector="#input" 83 + output-selector="#output" 84 + sources-orchestrator-selector="do-sources" 85 + ></dtw-input-config> 86 + 81 87 </dtw-window> 82 88 83 89 <!-- OUTPUT --> ··· 92 98 <dtw-window id="browser-window" window-style="height: 380px; width: 560px;"> 93 99 <span slot="title-icon"><img src="images/icons/windows_98/directory_explorer-4.png" height="14" /></span> 94 100 <span slot="title">Browse collection</span> 101 + 95 102 <dtw-browser 96 103 input-selector="#input" 97 104 output-selector="#output" ··· 175 182 output-selector="#output" 176 183 search-processor-selector="dp-search" 177 184 ></do-search-tracks> 185 + 186 + <do-sources 187 + input-selector="#input" 188 + output-selector="#output" 189 + ></do-sources> 178 190 179 191 <!-- 180 192
+1 -1
src/themes/webamp/window/element.js
··· 45 45 } 46 46 47 47 .window-body { 48 - min-width: 240px; 48 + min-width: 350px; 49 49 overflow: hidden; 50 50 resize: both; 51 51 }