From 6794dc8412193bf0970054d7818590c4162be9c4 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sat, 15 Oct 2022 14:56:57 +0200
Subject: [PATCH] Fix .gitignore too large

---
 .gitignore                                    | 20 +++++-----
 ui/src/routes/routines/actions/+layout.svelte | 29 ++++++++++++++
 ui/src/routes/routines/actions/+page.svelte   | 17 +++++++++
 .../routines/actions/[aid]/+page.svelte       | 38 +++++++++++++++++++
 .../routes/routines/actions/new/+page.svelte  |  3 ++
 5 files changed, 97 insertions(+), 10 deletions(-)
 create mode 100644 ui/src/routes/routines/actions/+layout.svelte
 create mode 100644 ui/src/routes/routines/actions/+page.svelte
 create mode 100644 ui/src/routes/routines/actions/[aid]/+page.svelte
 create mode 100644 ui/src/routes/routines/actions/new/+page.svelte

diff --git a/.gitignore b/.gitignore
index 6bc2de2..878065d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,10 +1,10 @@
-actions
-alarms.db
-gongs
-reveil
-routines
-settings.json
-tracks
-vendor
-ui/build
-ui/node_modules
\ No newline at end of file
+/actions
+/alarms.db
+/gongs
+/reveil
+/routines
+/settings.json
+/tracks/
+/vendor
+/ui/build
+/ui/node_modules
\ No newline at end of file
diff --git a/ui/src/routes/routines/actions/+layout.svelte b/ui/src/routes/routines/actions/+layout.svelte
new file mode 100644
index 0000000..ccf2d75
--- /dev/null
+++ b/ui/src/routes/routines/actions/+layout.svelte
@@ -0,0 +1,29 @@
+<script>
+ import {
+     Button,
+     Col,
+     Container,
+     Row,
+     Icon,
+ } from 'sveltestrap';
+
+ import ActionList from '$lib/components/ActionList.svelte';
+</script>
+
+<div class="d-flex flex-fill flex-column">
+    <div class="d-flex flex-row justify-content-between d-block d-md-none">
+        <Button href="musiks" color="link" class="p-0">
+            <Icon name="chevron-left" /> Musiques
+        </Button>
+    </div>
+    <Container fluid class="flex-fill">
+        <Row class="mh-100 h-100">
+            <Col md={3} class="d-none d-md-block px-0 py-2" style="background: #e7e8e9">
+            <ActionList edit flush />
+            </Col>
+            <Col md={9} class="d-flex py-2">
+            <slot></slot>
+            </Col>
+        </Row>
+    </Container>
+</div>
diff --git a/ui/src/routes/routines/actions/+page.svelte b/ui/src/routes/routines/actions/+page.svelte
new file mode 100644
index 0000000..b360f8d
--- /dev/null
+++ b/ui/src/routes/routines/actions/+page.svelte
@@ -0,0 +1,17 @@
+<script>
+ import {
+     Container,
+     Icon,
+ } from 'sveltestrap';
+
+ import ActionList from '$lib/components/ActionList.svelte';
+</script>
+
+<Container fluid class="py-2 d-none d-md-flex flex-column justify-content-center align-items-center">
+    <p class="fst-italic text-muted">
+        Choisissez la piste dans la liste.
+    </p>
+</Container>
+<Container fluid class="d-block d-md-none">
+    <ActionList edit />
+</Container>
diff --git a/ui/src/routes/routines/actions/[aid]/+page.svelte b/ui/src/routes/routines/actions/[aid]/+page.svelte
new file mode 100644
index 0000000..f983a88
--- /dev/null
+++ b/ui/src/routes/routines/actions/[aid]/+page.svelte
@@ -0,0 +1,38 @@
+<script>
+ import { page } from '$app/stores';
+
+ import {
+     Container,
+     Input,
+     ListGroup,
+     ListGroupItem,
+     Spinner,
+ } from 'sveltestrap';
+
+ import { getAction } from '$lib/action';
+</script>
+
+{#await getAction($page.params.aid)}
+    <div class="d-flex flex-fill justify-content-center align-items-center gap-2">
+        <Spinner color="primary" /> Chargement en cours&hellip;
+    </div>
+{:then action}
+    <Container>
+        <h2>
+            {action.name}
+        </h2>
+        <p class="text-muted">
+            {action.description}
+        </p>
+        <ListGroup>
+            <ListGroupItem>
+                <strong>Chemin</strong>
+                {action.path}
+            </ListGroupItem>
+            <ListGroupItem class="d-flex gap-2">
+                <strong>Actif&nbsp;?</strong>
+                <Input type="switch" on:change={() => action.toggleEnable()} checked={action.enabled} />
+            </ListGroupItem>
+        </ListGroup>
+    </Container>
+{/await}
diff --git a/ui/src/routes/routines/actions/new/+page.svelte b/ui/src/routes/routines/actions/new/+page.svelte
new file mode 100644
index 0000000..ff4047f
--- /dev/null
+++ b/ui/src/routes/routines/actions/new/+page.svelte
@@ -0,0 +1,3 @@
+<h2>
+    Nouvelle musique
+</h2>