+
+# hathoris
+
+Simple, open-source, web interface & API for controlling your HiFi amplifier on Linux.
+
+
+
+About the Project • Goals and Features • Setup • Configuration and Usage • Compatible Hardware • Stack Tech • License and Contributions
{/if} +
+
+
+
+
diff --git a/ui/src/lib/components/SourceSelection.svelte b/ui/src/lib/components/SourceSelection.svelte
index 276f0c8..4d05335 100644
--- a/ui/src/lib/components/SourceSelection.svelte
+++ b/ui/src/lib/components/SourceSelection.svelte
@@ -4,12 +4,15 @@
let activating_source = null;
async function clickSource(src) {
activating_source = src.id;
- if (src.enabled) {
- await src.deactivate();
- await sources.refresh();
- } else {
- await src.activate();
- await sources.refresh();
+ try {
+ if (src.enabled) {
+ await src.deactivate();
+ await sources.refresh();
+ } else {
+ await src.activate();
+ await sources.refresh();
+ }
+ } catch {
}
activating_source = null;
}
diff --git a/ui/src/lib/custom_source.js b/ui/src/lib/custom_source.js
new file mode 100644
index 0000000..737bd8c
--- /dev/null
+++ b/ui/src/lib/custom_source.js
@@ -0,0 +1,26 @@
+export class CustomSource {
+ constructor(res) {
+ if (res) {
+ this.update(res);
+ }
+ }
+
+ update({ src, kv }) {
+ this.src = src;
+ this.kv = kv;
+ }
+}
+
+export async function retrieveLoadableSources() {
+ const res = await fetch(`api/settings/loadable_sources`, {headers: {'Accept': 'application/json'}})
+ if (res.status == 200) {
+ const data = await res.json();
+ if (data == null) {
+ return {}
+ } else {
+ return data;
+ }
+ } else {
+ throw new Error((await res.json()).errmsg);
+ }
+}
diff --git a/ui/src/lib/settings.js b/ui/src/lib/settings.js
new file mode 100644
index 0000000..c562f88
--- /dev/null
+++ b/ui/src/lib/settings.js
@@ -0,0 +1,54 @@
+import { CustomSource } from '$lib/custom_source.js';
+
+export class Settings {
+ constructor(res) {
+ if (res) {
+ this.update(res);
+ }
+ }
+
+ update({ custom_sources }) {
+ if (custom_sources) {
+ this.custom_sources = custom_sources.map((e) => new CustomSource(e));
+ } else {
+ this.custom_sources = [];
+ }
+ }
+
+ async save(avoidStructUpdate) {
+ const res = await fetch('api/settings', {
+ headers: {'Accept': 'application/json'},
+ method: 'POST',
+ body: JSON.stringify(this),
+ });
+ if (res.status == 200) {
+ const data = await res.json();
+ if (!avoidStructUpdate) {
+ if (data == null) {
+ this.update({});
+ } else {
+ this.update(data);
+ }
+ return this;
+ } else {
+ return new Settings(data);
+ }
+ } else {
+ throw new Error((await res.json()).errmsg);
+ }
+ }
+}
+
+export async function getSettings() {
+ const res = await fetch(`api/settings`, {headers: {'Accept': 'application/json'}})
+ if (res.status == 200) {
+ const data = await res.json();
+ if (data == null) {
+ return {}
+ } else {
+ return new Settings(data);
+ }
+ } else {
+ throw new Error((await res.json()).errmsg);
+ }
+}
diff --git a/ui/src/lib/stores/loadable-sources.js b/ui/src/lib/stores/loadable-sources.js
new file mode 100644
index 0000000..a883b97
--- /dev/null
+++ b/ui/src/lib/stores/loadable-sources.js
@@ -0,0 +1,24 @@
+import { derived, writable } from 'svelte/store';
+
+import { retrieveLoadableSources } from '$lib/custom_source'
+
+function createLoadableSourcesStore() {
+ const { subscribe, set, update } = writable(null);
+
+ return {
+ subscribe,
+
+ set: (v) => {
+ update((m) => v);
+ },
+
+ refresh: async () => {
+ const map = await retrieveLoadableSources();
+ update((m) => map);
+ return map;
+ },
+ };
+
+}
+
+export const loadablesSources = createLoadableSourcesStore();
diff --git a/ui/src/routes/+layout.svelte b/ui/src/routes/+layout.svelte
index fda31dd..ade3fe5 100644
--- a/ui/src/routes/+layout.svelte
+++ b/ui/src/routes/+layout.svelte
@@ -10,6 +10,7 @@
inputs.refresh();
setInterval(inputs.refresh, 4500);
+ import SettingsButton from '$lib/components/SettingsButton.svelte';
import SourceSelection from '$lib/components/SourceSelection.svelte';
const version = fetch('api/version', {headers: {'Accept': 'application/json'}}).then((res) => res.json())
@@ -21,13 +22,17 @@
+
+
+
- Aucune source active pour l'instant.
+ No active audio source currently.
{:else}
- {#if input.streams.length}
+ {#if input.streams && input.streams.length}
{#each Object.keys(input.streams) as idstream}
{@const title = input.streams[idstream]}
{title}
{/each}
@ {input.name}
{:else}
- {input.name} activée
+ {input.name} enabled
{/if}
- Sources
+ Inputs