nemunaire/reveil
1
0
Fork 0
Code Issues 1 Pull requests Releases 27 Activity

Most of the interface done

Browse source
This commit is contained in:
nemunaire 2022-10-02 23:24:33 +02:00
commit be8ff3466a
32 changed files with 983 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

24
ui/src/routes/musiks/+page.svelte Normal file
View file

@ -0,0 +1,24 @@
<script>
import {
Col,
Container,
Row,
Icon,
} from 'sveltestrap';
import MusiksLastPlayedList from '../../components/MusiksLastPlayedList.svelte';
import TrackList from '../../components/TrackList.svelte';
import GongsList from '../../components/GongsList.svelte';
</script>
<Container fluid class="flex-fill d-flex flex-column py-2">
<Row>
<Col class="mb-4" md={8}>
<TrackList class="mb-4" />
<GongsList />
</Col>
<Col class="mb-4" md={4}>
<MusiksLastPlayedList />
</Col>
</Row>
</Container>

29
ui/src/routes/musiks/gongs/+layout.svelte Normal file
View file

@ -0,0 +1,29 @@
<script>
import {
Button,
Col,
Container,
Row,
Icon,
} from 'sveltestrap';
import GongsList from '../../../components/GongsList.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">
<GongsList edit flush />
</Col>
<Col md={9} class="d-flex py-2">
<slot></slot>
</Col>
</Row>
</Container>
</div>

17
ui/src/routes/musiks/gongs/+page.svelte Normal file
View file

@ -0,0 +1,17 @@
<script>
import {
Container,
Icon,
} from 'sveltestrap';
import TrackList from '../../../components/TrackList.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">
<TrackList edit />
</Container>

3
ui/src/routes/musiks/gongs/[gid]/+page.svelte Normal file
View file

@ -0,0 +1,3 @@
<h2>
Gong
</h2>

3
ui/src/routes/musiks/gongs/new/+page.svelte Normal file
View file

@ -0,0 +1,3 @@
<h2>
Nouveau gong
</h2>

29
ui/src/routes/musiks/tracks/+layout.svelte Normal file
View file

@ -0,0 +1,29 @@
<script>
import {
Button,
Col,
Container,
Row,
Icon,
} from 'sveltestrap';
import TrackList from '../../../components/TrackList.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">
<TrackList edit flush />
</Col>
<Col md={9} class="d-flex py-2">
<slot></slot>
</Col>
</Row>
</Container>
</div>

17
ui/src/routes/musiks/tracks/+page.svelte Normal file
View file

@ -0,0 +1,17 @@
<script>
import {
Container,
Icon,
} from 'sveltestrap';
import TrackList from '../../../components/TrackList.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">
<TrackList edit />
</Container>

3
ui/src/routes/musiks/tracks/[tid]/+page.svelte Normal file
View file

@ -0,0 +1,3 @@
<h2>
Track
</h2>

3
ui/src/routes/musiks/tracks/new/+page.svelte Normal file
View file

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