A focused Docker Compose management web application.
feat: save keybind
+16
+16
packages/panel/src/routes/(authenticated)/projects/[project]/+page.svelte
+16
packages/panel/src/routes/(authenticated)/projects/[project]/+page.svelte
···
10
10
import { goto } from "$app/navigation";
11
11
import { api, isMobile } from "$lib";
12
12
import { page } from "$app/state";
13
+
import { onMount } from "svelte";
13
14
import Fa from "svelte-fa";
14
15
15
16
let project = $derived(getProjects()[page.params.project!]);
···
53
54
unsaved = false;
54
55
data.compose = copied.compose;
55
56
}
57
+
58
+
onMount(() => {
59
+
const saveKeybind = (event: KeyboardEvent) => {
60
+
if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === "s") {
61
+
event.preventDefault();
62
+
save();
63
+
}
64
+
};
65
+
66
+
window.addEventListener("keydown", saveKeybind, true);
67
+
68
+
return () => {
69
+
window.removeEventListener("keydown", saveKeybind, true);
70
+
};
71
+
});
56
72
</script>
57
73
58
74
{#if project}