qa: qa-svelte: auth ok

qa/ui/src/components/Header.svelte

@@ -0,0 +1,67 @@
+<script>
+ import {
+     Badge,
+     Button,
+     ButtonGroup,
+     Col,
+     Collapse,
+     Container,
+     Dropdown,
+     DropdownItem,
+     DropdownMenu,
+     DropdownToggle,
+     Icon,
+     Navbar,
+     NavbarBrand,
+     Nav,
+     NavItem,
+     NavLink,
+     Progress,
+     Row,
+ } from 'sveltestrap';
+
+ const version = fetch('api/version', {headers: {'Accept': 'application/json'}}).then((res) => res.json())
+</script>
+
+<Navbar color="dark" dark expand="md">
+    <NavbarBrand href=".">
+        <img src="../img/fic.png" alt="FIC">
+        QA
+    </NavbarBrand>
+    <Nav navbar>
+        <NavItem>
+            <NavLink href=".">
+                <Icon name="house-door" />
+                Accueil
+            </NavLink>
+        </NavItem>
+        <NavItem>
+            <NavLink href="themes">
+                <Icon name="box-seam" />
+                Scénarios
+            </NavLink>
+        </NavItem>
+        <NavItem>
+            <NavLink href="teams">
+                <Icon name="people" />
+                Équipes
+            </NavLink>
+        </NavItem>
+        <NavItem>
+            <NavLink href="repositories">
+                <Icon name="archive" />
+                Dépôts
+            </NavLink>
+        </NavItem>
+    </Nav>
+    <Nav class="ms-auto text-light" navbar>
+        <NavItem class="ms-2">
+            {#await version}
+                veuillez patienter
+            {:then v}
+	        v{v.version}
+                {#if v.auth}&ndash; Logged as {v.auth.name} (team #{v.auth.id_team}){/if}
+            {/await}
+        </NavItem>
+    </Nav>
+</Navbar>

qa/ui/src/routes/__layout.svelte

@@ -0,0 +1,34 @@
+<script>
+ import {
+     Container,
+     Styles,
+ } from 'sveltestrap';
+
+ import Header from '../components/Header.svelte';
+</script>
+
+<svelte:head>
+    <!--title>{$settings.title}</title-->
+</svelte:head>
+
+<Styles />
+
+<Header />
+<slot></slot>
+
+<style>
+ :global(body) {
+     overflow-y: scroll;
+ }
+ :global(a.badge) {
+     text-decoration: none;
+ }
+ :global(.text-justify) {
+     text-align: justify;
+ }
+ :global(.niceborder) {
+     border-bottom-style: solid;
+     border-bottom-width: 5px !important;
+     border-bottom-color: #4eaee6;
+ }
+</style>