forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
chore: add input config window to webamp theme
+23
-9
+7
-7
src/themes/webamp/configurators/input/element.js
+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
+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
+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