ok

middleware/auth.ts

@@ -1,10 +1,13 @@
 import {useUserStore} from '@/stores/user';
-import {mapState,mapActions} from "pinia";
+// @ts-ignore
-export default defineNuxtRouteMiddleware((to, from) => {
+export default defineNuxtRouteMiddleware(async ({store, redirect}) => {
+    const app = useNuxtApp();
+    const user = await useUserStore(app.$pinia);
     const localePath = useLocalePath()
-    console.log(to);
+    console.log(user.is_login);
     // isAuthenticated() is an example method verifying if a user is authenticated
-    if (mapState(useUserStore,['is_login']).is_login() === false) {
+    if (!user.is_login) {
-        return navigateTo('/login')
+        console.log('User not logged in');
+        return navigateTo(localePath('/auth/login'));
     }
 })

nuxt.config.ts

@@ -12,10 +12,7 @@ export default defineNuxtConfig({
 
     {src: '~/plugins/axios'},
 ],
-    router: {
+
-        // @ts-ignore
-        middleware: 'auth'
-    },
     modules: [
         // ...
 
@@ -90,6 +87,31 @@ export default defineNuxtConfig({
             "Loading...":"Loading...",
             "The":"The",
             "HOME":"HOME",
+            // FAQ SECTION
+            "answer_9":"An effect occurs the moment you put on your headphones and play a soundscape. Disturbing background sounds are immediately analysed and a suitable masking sound is generated in real time, which increases your ability to concentrate. In the case of sudden, drastic changes in the ambient sounds, however, it may take a few seconds until the masking sound has fully adapted to the new soundscape.",
+            "question_9":"When can I expect an increase in performance with Mindboost?",
+            "answer_8_4":"Once you have set the basic masking sound volume, you should turn on the adaptive soundscape option so that the masking sound can optimally adapt to the ambient sounds and always becomes quieter when there are no distractions and louder again when ambient sounds are particularly disturbing. This ensures that the masking sound is always just loud enough to protect against external disturbances and at the same time as quiet and pleasant as possible.",
+            "answer_8_3":"Now you should set an optimal volume for yourself, at which the ambient noise is just barely audible, in order to calibrate Mindboost. However, make sure that the volume is still comfortable. If the ambient noise is too loud (e.g. next to a construction site), the Mindboost technology also reaches its limits (tip: ANC headphones attenuate the ambient noise more than conventional headphones, which means that effective sound masking is already ensured at significantly lower sound levels). ",
+            "answer_8_2":"Now you can choose a Mindboost soundscape that matches your current mood or task. ",
+            "answer_8_1":"Connect your headphones to your computer or smartphone and open the Mindboost web app in your browser. Be sure to give the Mindboost website permission to access your computer or smartphone's microphone.",
+            "question_8":"How do I use Mindboost correctly?",
+            "answer_7":"The best time to use Mindboost technology is when you need to focus on a task. Even when there are no distractions, the binaural beats and alpha waves help you stay focused. It doesn't matter whether you're writing a text, reading something carefully, thinking about a problem, meditating or simply seeking a moment of peace.",
+            "question_7":"When can I use Mindboost?",
+            "answer_6":"Active Noise Cancelling (ANC) is a technology that suppresses unwanted noise using counter sound. Check the description of your headphones to see if they are equipped with the ANC function. Make sure that the function is activated.",
+            "question_6":"What are Active Noise Cancelling (ANC) headphones?",
+            "answer_5":"The short answer is no. Mindboost technology works with all headphones, but we recommend using ANC headphones for the best experience.\n" + "Different headphones attenuate ambient noise to different degrees due to design and technology. Closed over-ear headphones, for example, attenuate ambient noise much better than open over-ear headphones.\n" + "Headphones equipped with active noise cancelling (ANC) are able to reduce ambient noise by 30-20 decibels. That's pretty good, but we can still hear conversations in our immediate vicinity, for example, and the resulting distraction can still be enormous. \n" + "The advantage of using Mindboost in combination with ANC headphones is as follows: the quieter the distracting sounds are, the quieter and therefore more pleasant the masking sound can be played, which covers up the distracting sounds.\n",
+            "question_5":"Do I need special headphones to use Mindboost?",
+            "answer_4":"The videos on YouTube are short clips of our Harmonic Masking Sound, which remain static. This means that, unlike the paid web app, they do not adapt to ambient noise and therefore cannot reliably protect you from distractions. In the paid web app, the harmonic masking sounds adapt to the respective ambient noise in real time and all the full versions of the masking sounds are also available.",
+            "question_4":"What is the difference between the Mindboost videos on YouTube and the Mindboost web app?",
+            "answer_3":"Conventional masking sounds such as so-called \"white noise\" are often subjectively perceived as disturbing and are therefore usually not a reasonable option to increase the ability to concentrate. Furthermore, the volume and the masking properties are not adapted to the noise to be masked. \n" + "Mindboost therefore analyses your ambient sound and automatically evaluates how it impairs your ability to concentrate. Mindboost is based on scientific findings in psychoacoustics, which are the result of research by the Fraunhofer Institute. From this analysis, Mindboost generates a masking sound that has the properties that optimally mask the respective disturbing ambient noises at all times. In addition, the tonal properties of the masking sound are modified by harmonic components so that the masking sound sounds as pleasant as possible.\n",
+            "question_3":"What distinguishes Mindboost technology from conventional static masking sounds?",
+            "answer_2":"Yes. The Mindboost technology is based on research results in psychoacoustics and was developed at the Fraunhofer Institute for Building Physics. The sounds and their effect on our cognitive performance were psychoacoustically validated in listening tests at Fraunhofer IBP.",
+            "question_2":"Can the effect of Mindboost be scientifically proven?",
+            "answer_part_2":"Mindboost therefore analyses your ambient sound and automatically evaluates how it impairs your ability to concentrate. Mindboost is based on scientific findings in psychoacoustics, which are the result of research by the Fraunhofer Institute for Building Physics IBP. From this analysis, Mindboost generates a harmonic masking sound that has the properties that optimally mask the respective disturbing ambient noise at all times.",
+            "answer_part_1":"The psychoacoustic effect of masking can make distracting sounds inaudible. \n" + "However, conventional masking sounds such as so-called \"whitenoise\" are often subjectively perceived as disturbing and are therefore usually not a reasonable option to protect the ability to concentrate.",
+            "question1":"How does Mindboost help me increase my productivity?",
+
+            // End FAQ SECTION
             "The background noise at your workplace provides a long’term healthy basis for concentrated work. With Mindboost you make sure that even sudden disturbances do not distract you.":"The background noise at your workplace provides a long’term healthy basis for concentrated work. With Mindboost you make sure that even sudden disturbances do not distract you.",
             "Good Environment":"Good Environment",
             "The background noise at your workplace should be optimized. In the long term, it could disturb and have a negative impact on your health. Protect yourself with mindboost.":"The background noise at your workplace should be optimized. In the long term, it could disturb and have a negative impact on your health. Protect yourself with mindboost.",
@@ -124,7 +146,7 @@ export default defineNuxtConfig({
             "Log In":"Log In",
             "Already have an Account?":"Already have an Account?",
             "I agree to Mindboost's terms and conditions. You can read about how we use and protect your information in our Privacy Policy.":"I agree to Mindboost's terms and conditions. You can read about how we use and protect your information in our Privacy Policy.",
-            "Hello,":"Hello,",
+            "Hello,":"Hello,!",
             "First Name,":"First Name,",
             "Surname,":"Surname,",
             "Email,":"Email,",
@@ -342,6 +364,35 @@ export default defineNuxtConfig({
             "Password,":"Passwort,",
             "Beautiful!":"Wunderbar!",
 
+            // FAQ Section
+            "answer_9":"Eine Wirkung erfolgt in dem Moment, in dem du deine Kopfhörer aufsetzt und eine Soundscape abspielst. Es werden sofort störende Hintergrundschalle analysiert und ein passender Maskierschall wird in Echtzeit generiert, welcher deine Konzentrationsfähigkeit steigert. Bei plötzlich auftretenden, drastischen Änderungen in den Umgebungsgeräuschen kann es allerdings ein paar Sekunden dauern, bis sich der Maskierschall sich vollständig an die neue Geräuschkulisse angepasst hat.",
+            "question_9":"Wann kann ich mit einer Leistungssteigerung durch Mindboost rechnen?",
+            "answer_8_4":"Wenn du die Basis-Lautstärke des Maskierschalls eingestellt hast, solltest du die Option „adaptive soundscape“ einschalten, damit sich der Maskierungsschall in seinen Eigenschaften optimal an die Umgebungsgeräusche anpassen kann und immer dann leiser wird, wenn es gerade keine Ablenkung gibt und wieder lauter wird, wenn Umgebungsschalle besonders störend sind. Somit wird sichergestellt, dass der Maskierungsschall immer gerade so laut genug ist um vor Störungen von außen zu schützen und gleichzeitig so leise und angenehm wie möglich ist.",
+            "answer_8_3":"Jetzt solltest du eine optimale Lautstärke für dich einstellen, bei der die Umgebungsgeräusche gerade so nicht mehr hörbar sind um Mindboost zu kalibrieren. Achte jedoch unbedingt darauf, dass die Lautstärke noch angenehm ist. Wenn die Umgebungsgeräusche zu laut sind (bsp. neben einer Baustelle) kommt auch die Mindboost Technologie an ihre Grenzen (Tipp: ANC Kopfhörer dämpfen die Umgebungsgeräusche stärker ab als herkömmliche Kopfhörer, was dazu führt, dass eine effektive Schallmaskierung schon bei deutlich leiseren Schallpegeln gewährleistet wird).",
+            "answer_8_2":"Nun kannst du dir einen Mindboost Soundscape aussuchen, welcher zu deiner aktuellen Stimmung oder Aufgabe passt. ",
+            "answer_8_1":"Schließe deine Kopfhörer an deinem Computer oder Smartphone an und öffne die Mindboost Web-App in deinem Browser. Stelle unbedingt sicher, dass die Mindboost-Website die Berechtigungen erteilt bekommt, auf das Mikrofon des Computers oder Smartphones zuzugreifen. ",
+            "question_8":"Wie benutze ich Mindboost richtig?",
+            "answer_7":"Am besten verwendest du die Mindboost-Technologie, wenn du dich auf eine Aufgabe fokussieren möchtest. Selbst wenn gerade keine störenden Umgebungsgeräusche zu Ablenkungen führen, helfen dir die Binauralen-Beats und Alpha-Waves dabei den Fokus zu bewahren. Dabei ist es völlig egal, ob du beispielsweise einen Text schreibst, etwas aufmerksam durchlesen willst, über eine Problemstellung nachdenkst, meditierst oder auch einfach nur einen Moment der Ruhe für dich suchst.",
+            "question_7":"Wann kann ich Mindboost verwenden?",
+            "answer_6":"Die aktive Geräuschunterdrückung (ANC) ist eine Technologie, die unerwünschte Geräusche mit Hilfe von Gegenschall unterdrückt. Überprüfen Sie in der Beschreibung Ihres Kopfhörers, ob er mit der ANC-Funktion ausgestattet ist. Vergewissern Sie sich, dass die Funktion aktiviert ist.",
+            "question_6":"Was sind Active Noise Cancelling (ANC) Kopfhörer?",
+            "answer_5":"Die kurze Antwort: Nein. Die Mindboost-Technologie funktioniert mit allen Kopfhörern, jedoch empfehlen wir für eine optimale Nutzungserfahrung die Verwendung von ANC Kopfhörern.\n" + "Verschiedene Kopfhöhrer dämpfen, bedingt durch Bauart und Technologie, Umgebungsgeräusche unterschiedlich stark. Geschlossene Over-Ear Kopfhörer dämpfen Umgebungsgeräusche zum Beispiel deutlich besser, als offene Over-Ear Kopfhörer.\n" + "Kopfhörer, welche mit Active Noise Cancelling (ANC) ausgestattet sind, sind dazu in der Lage Umgebungsgeräusche um 30-20 Dezibel zu dämpfen. Das ist schon ziemlich gut, allerdings können wir bspw. Gespräche in unserer unmittelbaren Umgebung dennoch wahrnehmen und die dadurch entstehende Ablenkung kann immer noch enorm sein. \n" + "Der Vorteil der Nutzung von Mindboost in Kombination von ANC Kopfhörern ist folgender: je leiser die ablenkenden Geräusche sind, desto leiser und somit auch angenehmer, kann auch der Maskierungsschall abgespielt werden, welcher die Störgeräusche überdeckt.\n",
+            "question_5":"Brauche ich spezielle Kopfhörer um Mindboost verwenden zu können?",
+            "answer_4":"Die Videos auf YouTube sind kurze Ausschnitte unserer Harmonischen Maskierschalle, welche statisch bleiben. Das bedeutet, dass sie sich anders als bei der kostenpflichtigen Web-App nicht an die Umgebungsgeräusche anpassen und somit auch nicht zuverlässig vor Ablenkungen schützen können. In der kostenpflichtigen Web-App passen sich die harmonischen Maskierschalle in Echtzeit an die jeweilige Umgebungsgeräuschkulisse an und es stehen zudem alle die Vollversionen der Maskierschalle zur Verfügung.",
+            "question_4":"Was ist der Unterschied zwischen den Mindboost Videos auf Youtube und der Mindboost Web-App?",
+            "answer_3":"Herkömmliche Maskierschalle wie beispielsweise sogenanntes „Whitenoise“ werden subjektiv oft als störend war genommen und sind deshalb meist keine zumutbare Option die Konzentrationsfähigkeit zu erhöhen. Des Weiteren sind die Lautstärke, sowie die Maskierungseigenschaften nicht angepasst an die zu verdeckenden Störgeräusche. \n" + "Mindboost analysiert daher deinen Umgebungsschall und bewertet automatisch wie dieser Deine Konzentrationsfähigkeit verschlechtert. Dabei stützt sich Mindboost auf wissenschaftliche Erkenntnisse der Psychoakustik, welche aus Forschungsergebnissen des Fraunhofer Instituts resultieren. Aus dieser Analyse generiert Mindboost einen Maskierschall der zu jeder Zeit über die Eigenschaften verfügt, die die jeweiligen störenden Umgebungsgeräusche optimal verdecken. Zusätzlich werden die klanglichen Eigenschaften des Maskierschalls durch Harmonische Komponenten so verändert, dass der Maskierschalls möglichst angenehm klingt.\n",
+            "question_3":"Was unterscheidet die Mindboost Technologie von herkömmlichen statischen Maskierschallen?",
+            "answer_2":"Ja. Die Mindboost-Technologie basiert auf Forschungsergebnissen der Psychoakustik und wurde am Fraunhofer Institut für Bauphysik entwickelt. Die Schalle und deren Wirkung auf unsere Kognitive Leistungsfähigkeit wurden in Hörversuchen am Fraunhofer IBP psychoakustisch validiert.",
+            "question_2":"Ist die Wirkung durch Mindboost wissenschaftlich nachweisbar?",
+            "answer_part_2":"Mindboost analysiert daher deinen Umgebungsschall und bewertet automatisch wie dieser Deine Konzentrationsfähigkeit verschlechtert. Dabei stützt sich Mindboost auf wissenschaftliche Erkenntnisse der Psychoakustik, welche aus Forschungsergebnissen des Fraunhofer Instituts für Bauphysik IBP resultieren. Aus dieser Analyse generiert Mindboost einen harmonischen Maskierschall der zu jeder Zeit über die Eigenschaften verfügt, die die jeweiligen störenden Umgebungsgeräusche optimal verdecken.",
+            "answer_part_1":"Durch den psychoakustischen Effekt der Maskierung können ablenkende Schalle unhörbar gemacht werden. \n" + "Herkömmliche Maskierschalle wie beispielsweise sogenanntes „Whitenoise“ werden allerdings subjektiv oft als störend war genommen und sind deshalb meist keine zumutbare Option um die Konzentrationsfähigkeit zu schützen.",
+            "question1":"Wie hilft mir Mindboost dabei meine Produktivität zu steigern?",
+
+            // END FAQ SECTION
+
+            "WHAT IS MINDBOOST?":"WAS IST MINDBOOST?",
+           "WIE FUNKTIONIERT MINDBOOST?":"WIE FUNKTIONIERT MINDBOOST?",
+
             "New Password":"Neues Passwort",
             "Confirm Password":"Passwort bestätigen",
 

pages/setting/faq.vue

@@ -11,59 +11,117 @@
               <div class="accordion-item">
                 <h2 class="accordion-header" id="headingOne">
                   <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-                    {{ t("What are Active Noise Cancelling Headphones?") }}
+                    {{ t("question1") }}
                   </button>
                 </h2>
                 <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                   <div class="accordion-body">
-                    {{ t("Active Noise Canceling (ANC) is a technology that suppresses unwanted noise using coumter sound. Make sure check the description of your headphomes to find out if they are equipped with ANC function. Make sure that the function is activated.") }} </div>
+                    <p>{{ t("answer_part_1")}}
+                      <br>{{ t("answer_part_2") }}
+                    </p>
+                  </div>
                 </div>
               </div>
               <div class="accordion-item">
                 <h2 class="accordion-header" id="headingTwo">
                   <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-                    {{ t("Question") }} 01
+                    {{ t("question_2") }}
                   </button>
                 </h2>
                 <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                   <div class="accordion-body">
-                    {{ t("Question") }} 01
+                    {{ t("answer_2") }} 01
                   </div>
                 </div>
               </div>
               <div class="accordion-item">
                 <h2 class="accordion-header" id="headingThree">
                   <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
-                    {{ t("Question") }} 02
+                    {{ t("question_3") }}
                   </button>
                 </h2>
                 <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                   <div class="accordion-body">
-                    {{ t("") }}This is the third item's accordion body.
+                    {{ t("answer_3") }}
                   </div>
                 </div>
               </div>
               <div class="accordion-item">
                 <h2 class="accordion-header" id="headingFour">
                   <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
-                    {{ t("Question") }} 03
+                    {{ t("question_4") }}
                   </button>
                 </h2>
                 <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                   <div class="accordion-body">
-                    {{ t("Question") }}This is the Question 03.
+                    {{ t("answer_4") }}
                   </div>
                 </div>
               </div>
               <div class="accordion-item">
                 <h2 class="accordion-header" id="headingFive">
                   <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseThree">
-                    {{ t("Question") }}Question 04
+                    {{ t("question_5") }}
                   </button>
                 </h2>
                 <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                   <div class="accordion-body">
-                    {{ t("Question") }}This is the Question 04.
+                    {{ t("answer_5") }}
+                  </div>
+                </div>
+              </div>
+
+              <div class="accordion-item">
+                <h2 class="accordion-header" id="headingsix">
+                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsesix" aria-expanded="false" aria-controls="collapseThree">
+                    {{ t("question_6") }}
+                  </button>
+                </h2>
+                <div id="collapsesix" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
+                  <div class="accordion-body">
+                    {{ t("answer_6") }}
+                  </div>
+                </div>
+              </div>
+              <div class="accordion-item">
+                <h2 class="accordion-header" id="headingsaven">
+                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseseven" aria-expanded="false" aria-controls="collapseThree">
+                    {{ t("question_7") }}
+                  </button>
+                </h2>
+                <div id="collapseseven" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
+                  <div class="accordion-body">
+                    {{ t("answer_7") }}
+                  </div>
+                </div>
+              </div>
+              <div class="accordion-item">
+                <h2 class="accordion-header" id="headingeight">
+                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseeight" aria-expanded="false" aria-controls="collapseThree">
+                    {{ t("question_8") }}
+                  </button>
+                </h2>
+                <div id="collapseeight" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
+                  <div class="accordion-body">
+                    <ol class="px-0 mx-0">
+                      <li >{{ t("answer_8_1") }}</li>
+                      <li >{{ t("answer_8_2") }}</li>
+                      <li >{{ t("answer_8_3") }}</li>
+                      <li >{{ t("answer_8_4") }}</li>
+                    </ol>
+
+                  </div>
+                </div>
+              </div>
+              <div class="accordion-item">
+                <h2 class="accordion-header" id="headingnine">
+                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsenine" aria-expanded="false" aria-controls="collapseThree">
+                    {{ t("question_9") }}
+                  </button>
+                </h2>
+                <div id="collapsenine" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
+                  <div class="accordion-body">
+                    {{ t("answer_9") }}
                   </div>
                 </div>
               </div>

stores/user.js

@@ -25,5 +25,13 @@ export const useUserStore = defineStore('user', {
             this.user=user;
         }
     },
+    getters:{
+        isAuthenticated(){
+            if (this.is_login===true){
+                return true;
+            }
+            return false;
+        }
+    },
     persist: true,
 })