From cc719d0ae5d767fbfdc485a4fa52184a02adc913 Mon Sep 17 00:00:00 2001
From: Christoph Kluge <christoph.kluge@fau.de>
Date: Tue, 13 Feb 2024 09:59:38 +0100
Subject: [PATCH] Add Docs to Navbartools, move logout btn

---
 web/frontend/src/NavbarTools.svelte | 61 ++++++++++++++++++-----------
 1 file changed, 38 insertions(+), 23 deletions(-)

diff --git a/web/frontend/src/NavbarTools.svelte b/web/frontend/src/NavbarTools.svelte
index 2bf9aca..ee695e7 100644
--- a/web/frontend/src/NavbarTools.svelte
+++ b/web/frontend/src/NavbarTools.svelte
@@ -30,7 +30,7 @@
                         style="margin-left: 10px;"
                     />
                     <!-- bootstrap classes w/o effect -->
-                    <Button outline type="submit"><Icon name="search" /></Button
+                    <Button outline type="submit" title="Search"><Icon name="search" /></Button
                     >
                     <InputGroupText
                         style="cursor:help;"
@@ -42,6 +42,23 @@
                 </InputGroup>
             </form>
         </NavItem>
+        <NavItem>
+            <a href="https://www.clustercockpit.org/docs/webinterface/" title="Documentation" rel="nofollow" target="_blank">
+                <Button outline style="margin-left: 10px;">
+                    <Icon name="book" />
+                </Button>
+            </a>
+        </NavItem>
+        <NavItem>
+            <Button
+                outline
+                on:click={() => (window.location.href = "/config")}
+                style="margin-left: 10px;"
+                title="Settings"
+            >
+                <Icon name="gear" />
+            </Button>
+        </NavItem>
         {#if username}
             <NavItem>
                 <form method="POST" action="/logout">
@@ -60,33 +77,18 @@
                 </form>
             </NavItem>
         {/if}
-        <NavItem>
-            <Button
-                outline
-                on:click={() => (window.location.href = "/config")}
-                style="margin-left: 10px;"
-            >
-                <Icon name="gear" />
-            </Button>
-        </NavItem>
     {:else}
         <NavItem>
             <Container>
-                <Row cols={2}>
-                    <Col xs="6">
-                        <form method="POST" action="/logout">
-                            <Button
-                                outline
-                                color="success"
-                                type="submit"
-                                size="sm"
-                                class="my-2 w-100"
-                            >
-                                <Icon name="box-arrow-right" /> Logout {username}
+                <Row cols={3}>
+                    <Col xs="4">
+                        <a href="https://www.clustercockpit.org/docs/webinterface/" title="Documentation" rel="nofollow" target="_blank">
+                            <Button outline size="sm" class="my-2 w-100">
+                                <Icon name="box-arrow-up-right" /> Documentation
                             </Button>
-                        </form>
+                        </a>
                     </Col>
-                    <Col xs="6">
+                    <Col xs="4">
                         <Button
                             outline
                             on:click={() => (window.location.href = "/config")}
@@ -100,6 +102,19 @@
                             {/if}
                         </Button>
                     </Col>
+                    <Col xs="4">
+                        <form method="POST" action="/logout">
+                            <Button
+                                outline
+                                color="success"
+                                type="submit"
+                                size="sm"
+                                class="my-2 w-100"
+                            >
+                                <Icon name="box-arrow-right" /> Logout {username}
+                            </Button>
+                        </form>
+                    </Col>
                 </Row>
             </Container>
         </NavItem>