From 8e7ce0092b7e7b112485414fcb1c6e445e7fa577 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Thu, 23 Dec 2021 15:12:27 +0100
Subject: [PATCH] Put help in menu

---
 src/components/Help.vue | 92 +++++++++++++++++++++++++++++++++++++++++
 src/components/Menu.vue | 16 ++++---
 2 files changed, 99 insertions(+), 9 deletions(-)
 create mode 100644 src/components/Help.vue

diff --git a/src/components/Help.vue b/src/components/Help.vue
new file mode 100644
index 00000000..8d0a675b
--- /dev/null
+++ b/src/components/Help.vue
@@ -0,0 +1,92 @@
+<template id="">
+    <div class='help' :class="$vuetify.breakpoint.name">
+    <div  v-if="$store.state.currentLocale == 'nno'">
+      <p>
+        Du søkjer ved å skrive inn ordet og trykkje på returtasten eller klikke på
+        det aktuelle ordet i nedtrekksmenyen. Kva ordbok du får treff i, avheng av
+        kva ordbok du har valt å søkje i, og om ordet blir brukt i begge
+        skriftspråka. Det ligg per i dag ikkje inne koplingar mellom ordbøkene, men
+        vi arbeider med ein meinte-du-funksjon, som vi håpar blir til hjelp for å
+        finne dei riktige orda både i bokmål og nynorsk.
+      </p>
+      <p>
+        Du kan søkje direkte på faste uttrykk, t.d. <em>gje katten i</em>.
+        Alternativt finn du uttrykka samla til slutt i artikkelen eller artiklane
+        dei er knytte til. Når du skriv inn eit enkelt ord i søkjefeltet, viser
+        nedtrekksmenyen òg dei faste uttrykka som ordet er ein del av.
+      </p>
+      <p>
+        Dersom du er usikker på skrivemåten av eit ord eller ønskjer treff i meir
+        enn éin artikkel, kan du bruke følgjande teikn:
+      </p>
+      <p>
+        <ul class="bullet">
+          <li>
+            % og * erstattar null, eitt eller fleire teikn
+          </li>
+          <li>
+            _ erstattar eitt teikn
+          </li>
+
+          <li>%, * og _ kan kombinerast for å erstatte eitt eller fleire teikn</li>
+          <li>| gjer det mogleg å søkje i fleire oppslagsord samstundes</li>
+        </ul>
+      </p>
+      Døme:
+      <p>
+        Søkjer du på «arbeid*r», er dei første treffa i nedtrekksmenyen <em>arbeider</em> i Bokmålsordboka og
+        <em>arbeidar</em> i Nynorskordboka.
+      </p>
+      <p>
+        Søket «inter%es%ant» gjev treff på <em>interessant</em> i begge ordbøkene.
+      </p>
+      <p>
+        Søket «førsk%lær_r» gjev treff på <em>førskolelærer</em> i <em>Bokmålsordboka</em> og
+        <em>førskolelærar</em>/<em>førskulelærar</em> i
+        Nynorskordboka.
+      </p>
+      <p>
+        Søket «kjærlighet|kjærleik» gjev treff i på <em>kjærlighet</em> i <em>Bokmålsordboka </em>og <em>kjærleik </em>i
+        <em>Nynorskordboka</em>.
+        Søket «undervis_r|lær_r» gjev treff på <em>underviser </em>og<em>lærer</em> i <em>Bokmålsordboka</em> og
+        <em>undervisar</em> og <em>lærar</em> i <em>Nynorskordboka</em>.
+      </p>
+    </div>
+  
+    <div  v-if="$store.state.currentLocale == 'nob'">
+  <p>Du søker ved å skrive inn ordet og trykke på returtasten eller klikke på det aktuelle ordet i nedtrekksmenyen. Hvilken ordbok du får treff i, avhenger av hvilken ordbok du har valgt å søke i, og om ordet blir brukt i begge skriftspråkene. Det ligger per i dag ikke inne koblinger mellom ordbøkene, men vi arbeider med en mente-du-funksjon, som vi håper blir til hjelp for å finne de riktige ordene både i bokmål og nynorsk. 
+Du kan søke direkte på faste uttrykk, f.eks. gi katten i. Alternativt finner du uttrykkene samlet til slutt i artikkelen eller artiklene de er knyttet til. Når du skriver inn et enkelt ord i søkefeltet, viser nedtrekksmenyen også de faste uttrykkene som ordet inngår i.  
+Dersom du er usikker på skrivemåten av et ord eller ønsker treff i mer enn én artikkel, kan du bruke følgende tegn:</p>
+<p><ul class="bullet">
+<li>% og * erstatter null, ett eller flere tegn</li>
+<li> _ erstatter ett tegn </li>
+<li>• %, * og _ kan kombineres for å erstatte ett eller flere tegn </li>
+<li>| gjør det mulig å søke i flere oppslagsord samtidig</li>
+    </ul></p>
+
+Eksempler:
+<p>
+Søker du på «arbeid*r», er de første treffene i nedtrekksmenyen arbeider i Bokmålsordboka og arbeidar i Nynorskordboka. 
+Søket «inter%es%ant» gir treff på interessant i begge ordbøkene. 
+Søket «førsk%lær_r» gir treff på førskolelærer i Bokmålsordboka og førskolelærar/førskulelærar i Nynorskordboka.
+Søket «kjærlighet|kjærleik» gir treff på kjærlighet i Bokmålsordboka og kjærleik i Nynorskordboka. Søket «undervis_r|lær_r» gir treff på underviser og lærer i Bokmålsordboka og undervisar og lærar i Nynorskordboka.</p>
+  </div>
+</div>
+</template>
+
+
+<style scoped>
+
+
+
+  ul.bullet > li {
+    list-style: disc;
+    margin-left: 20px;
+  }
+
+
+
+  blockquote {
+    margin-left:50px;
+  }
+</style>
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 71128ee7..8f0146a4 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -5,15 +5,13 @@
                  <template v-slot:activator>
             <v-list-item-title>Hjelp til søk</v-list-item-title>
           </template>
-    <v-list-item>Test</v-list-item>
-              </v-list-group>
+    <v-list-item><Help/></v-list-item>
+               </v-list-group>
 
-                           <v-list-group prepend-icon="info">
-                 <template v-slot:activator>
+               <v-list-item link to="/om">
+            <v-list-item-icon><v-icon>info</v-icon></v-list-item-icon>
             <v-list-item-title>Om betaversjonen</v-list-item-title>
-          </template>
-    <v-list-item><About/></v-list-item>
-              </v-list-group>
+              </v-list-item>
 
                <v-divider></v-divider>
   
@@ -78,14 +76,14 @@
 <script>
 import Settings from './Settings.vue'
 import LocaleMenu from './LocaleMenu.vue'
-import About from './About.vue'
+import Help from './Help.vue'
 
 export default {
     name: "Menu",
     components: {
       Settings,
       LocaleMenu,
-      About
+      Help
     },
     computed: {
         updateLocale: {
-- 
GitLab