From b320577a62ad0a8924123574e719444e58cbacb7 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Mon, 30 Nov 2020 08:54:00 +0100
Subject: [PATCH] Add help button in header, redirecting to help.happydns.org

---
 htdocs/src/App.vue              |  8 ++++++
 htdocs/src/components/hHelp.vue | 49 +++++++++++++++++++++++++++++++++
 htdocs/src/locales/en.json      |  1 +
 htdocs/src/main.js              |  2 ++
 4 files changed, 60 insertions(+)
 create mode 100644 htdocs/src/components/hHelp.vue

diff --git a/htdocs/src/App.vue b/htdocs/src/App.vue
index ec33da5..0f4ceeb 100644
--- a/htdocs/src/App.vue
+++ b/htdocs/src/App.vue
@@ -45,6 +45,10 @@
         <b-navbar-toggle target="nav-collapse" />
 
         <b-navbar-nav class="ml-auto">
+          <b-nav-form>
+            <h-help />
+          </b-nav-form>
+
           <b-nav-item-dropdown v-if="loggedUser" right>
             <template slot="button-content">
               <b-button size="sm" variant="dark">
@@ -105,6 +109,10 @@ import axios from 'axios'
 
 export default {
 
+  components: {
+    hHelp: () => import('@/components/hHelp')
+  },
+
   data: function () {
     return {
       alreadyShownUpdate: false,
diff --git a/htdocs/src/components/hHelp.vue b/htdocs/src/components/hHelp.vue
new file mode 100644
index 0000000..365ebaf
--- /dev/null
+++ b/htdocs/src/components/hHelp.vue
@@ -0,0 +1,49 @@
+<!--
+    Copyright or © or Copr. happyDNS (2020)
+
+    contact@happydns.org
+
+    This software is a computer program whose purpose is to provide a modern
+    interface to interact with DNS systems.
+
+    This software is governed by the CeCILL license under French law and abiding
+    by the rules of distribution of free software.  You can use, modify and/or
+    redistribute the software under the terms of the CeCILL license as
+    circulated by CEA, CNRS and INRIA at the following URL
+    "http://www.cecill.info".
+
+    As a counterpart to the access to the source code and rights to copy, modify
+    and redistribute granted by the license, users are provided only with a
+    limited warranty and the software's author, the holder of the economic
+    rights, and the successive licensors have only limited liability.
+
+    In this respect, the user's attention is drawn to the risks associated with
+    loading, using, modifying and/or developing or reproducing the software by
+    the user in light of its specific status of free software, that may mean
+    that it is complicated to manipulate, and that also therefore means that it
+    is reserved for developers and experienced professionals having in-depth
+    computer knowledge. Users are therefore encouraged to load and test the
+    software's suitability as regards their requirements in conditions enabling
+    the security of their systems and/or data to be ensured and, more generally,
+    to use and operate it in the same conditions as regards security.
+
+    The fact that you are presently reading this means that you have had
+    knowledge of the CeCILL license and that you accept its terms.
+  -->
+<template>
+  <b-button size="sm" target="_blank" variant="primary" @click="openHelp">
+    <b-icon icon="question-circle-fill" :title="$t('common.help')" />
+  </b-button>
+</template>
+
+<script>
+export default {
+  name: 'HHelp',
+
+  methods: {
+    openHelp () {
+      window.open('https://help.happydns.org/' + encodeURIComponent(this.$i18n.locale) + '/' + this.$router.history.current.name)
+    }
+  }
+}
+</script>
diff --git a/htdocs/src/locales/en.json b/htdocs/src/locales/en.json
index ed8ec72..4f5229e 100644
--- a/htdocs/src/locales/en.json
+++ b/htdocs/src/locales/en.json
@@ -38,6 +38,7 @@
     "edit": "Edit",
     "field": "Field",
     "go": "Go!",
+    "help": "Help!",
     "name": "Name",
     "password": "Password",
     "rename": "Rename",
diff --git a/htdocs/src/main.js b/htdocs/src/main.js
index 25ac16e..e8891d9 100644
--- a/htdocs/src/main.js
+++ b/htdocs/src/main.js
@@ -56,6 +56,7 @@ import {
   BIconPersonCheck,
   BIconPersonPlusFill,
   BIconPlus,
+  BIconQuestionCircleFill,
   BIconServer,
   BIconTrash,
   BIconTrashFill,
@@ -135,6 +136,7 @@ Vue.component('BIconPerson', BIconPerson)
 Vue.component('BIconPersonCheck', BIconPersonCheck)
 Vue.component('BIconPersonPlusFill', BIconPersonPlusFill)
 Vue.component('BIconPlus', BIconPlus)
+Vue.component('BIconQuestionCircleFill', BIconQuestionCircleFill)
 Vue.component('BIconServer', BIconServer)
 Vue.component('BIconTrash', BIconTrash)
 Vue.component('BIconTrashFill', BIconTrashFill)