Fix .gitignore too large

.gitignore

@@ -1,10 +1,10 @@
-actions
-alarms.db
-gongs
-reveil
-routines
-settings.json
-tracks
-vendor
-ui/build
-ui/node_modules
+/actions
+/alarms.db
+/gongs
+/reveil
+/routines
+/settings.json
+/tracks/
+/vendor
+/ui/build
+/ui/node_modules

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>

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>

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}

ui/src/routes/routines/actions/new/+page.svelte

@@ -0,0 +1,3 @@
+<h2>
+    Nouvelle musique
+</h2>