Waqar Ul Zafar 2023-02-28 01:32:50 +05:00
commit 5c1aa1f611
16 changed files with 215 additions and 93 deletions

View File

@ -84,7 +84,58 @@ export default defineNuxtConfig({
"Save Changes":"Save Changes",
"Loading...":"Loading...",
"The":"The",
"HOME":"HOME",
"The background noise at your workplace provides a longterm 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 longterm 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.",
"Medium-noise Environment":"Medium-noise Environment",
"The background noise at your workplace is disturbing. Your concentration is severely impaired. Mindboost protects you from the disturbing background noise.":"The background noise at your workplace is disturbing. Your concentration is severely impaired. Mindboost protects you from the disturbing background noise.",
"Noisy Environment":"Noisy Environment",
"Currently, your room has a:":"Currently, your room has a:",
"The Mindboost sounscape responds to the acousitcs in your room.":"The Mindboost sounscape responds to the acousitcs in your room.",
"Adaptive Soundscape":"Adaptive Soundscape",
"Please choose a soundscape":"Please choose a soundscape",
"Creativity":"Creativity",
"Concentration":"Concentration",
"What are your plans for today?":"What are your plans for today?",
"Whats that?":"Whats that?",
"Do your headphones have ANC?":"Do your headphones have ANC?",
"Fix This Problem":"Fix This Problem",
"system settings of your device and start again.":"system settings of your device and start again.",
"Please check the input level of the microphone in the audio":"Please check the input level of the microphone in the audio",
"The microphone does not provide any level":"The microphone does not provide any level",
"You can customize your selection later":"You can customize your selection later",
"To use Mindboost, headphones are required.":"To use Mindboost, headphones are required.",
"Make sure that your headphones are properly connected. ":"Make sure that your headphones are properly connected. ",
"OF":"OF",
"Successfully subscribed":"Successfully subscribed",
"We have saved your selection.":"We have saved your selection.",
"You can change your settings at any time.":"You can change your settings at any time.",
"What headphones do you use?":"What headphones do you use?",
"We are analyzing your background noise...":"We are analyzing your background noise...",
"Signup":"Signup",
"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,",
"First Name,":"First Name,",
"Surname,":"Surname,",
"Email,":"Email,",
"Password,":"Password,",
"Beautiful!":"Beautiful!",
"New Password":"New Password",
"Confirm Password":"Confirm Password",
"Sign Up":"Sign Up",
"Dont have an Account?":"Dont have an Account?",
"Sign In":"Sign In",
"Forgot Password":"Forgot Password",
"Email or password is wrong, please try again!":"Email or password is wrong, please try again!",
"Welcome back,":"Welcome back,",
"Question":"Question",
"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.":"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.",
"What are Active Noise Cancelling Headphones?":"What are Active Noise Cancelling Headphones?",

View File

@ -31,7 +31,7 @@
<div class="row" style="height: 90%">
<div class="col-12 my-auto">
<div class="text-center pt-1 ">
<h2 class="fw-bolder display-6 text-center" >Forgot Password</h2>
<h2 class="fw-bolder display-6 text-center" >{{t("Forgot Password")}}</h2>
<!-- <span class="fs-5 pt-1 text-muted">Welcome back, <span class="fw-bolder text-dark">Morris!</span></span>-->
</div>
<div class="row pt-2 ">
@ -39,14 +39,14 @@
<form @submit.prevent="loginNow" method="POST" class=" ">
<div class="row pt-3 justify-content-center">
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Email</label>
<label class="form-label">{{t('Email')}}</label>
<input type="email" placeholder="email" class="form-control" >
</div>
</div>
<div class="row justify-content-center pb-5">
<div class="col-12 col-sm-8 col-md-8 col-lg-6 pt-4 text-center">
<button type="submit" class="login-btn col-12" >Forgot Password <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">Loading...</span>
<button type="submit" class="login-btn col-12" >{{t('Forgot Password')}} <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">{{t("Loading...")}}</span>
</div></button>
</div>
</div>
@ -67,6 +67,14 @@
</template>
<script>
export default {
setup() {
const { t } = useI18n()
const localePath = useLocalePath()
return {
t,
localePath,
}
},
}
</script>

View File

@ -28,33 +28,33 @@
<div class="row" style="height: 90%">
<div class="col-12 my-auto">
<div class="text-center pt-1 ">
<h2 class="fw-bolder display-6 text-center" >Log In</h2>
<span class="fs-5 pt-1 text-muted">Welcome back,</span>
<h2 class="fw-bolder display-6 text-center" >{{t('Log In')}} </h2>
<span class="fs-5 pt-1 text-muted">{{t('Welcome back,')}}</span>
</div>
<div class="row pt-2">
<div class="col-12">
<form @submit.prevent="loginNow" method="POST" class=" pb-5 ">
<div class="row pt-3 justify-content-center">
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Email</label>
<label class="form-label">{{t('Email')}}</label>
<input type="email" v-model="form.email" placeholder="Email" class="form-control" >
<div class="invalid-feedback d-block" v-if="errors.email">{{errors.email[0]}}</div>
<div class="invalid-feedback d-block" v-if="auth_error">Email or password is wrong, please try again!</div>
<div class="invalid-feedback d-block" v-if="auth_error">{{t('Email or password is wrong, please try again!')}}</div>
</div>
</div>
<div class="row justify-content-center pt-3">
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Password</label>
<label class="form-label">{{t('Password')}}</label>
<input type="password" v-model="form.password" placeholder="Password" class="form-control" >
<span class="float-end pt-2"><router-link :to="localePath('/auth/forgot')" class="forgot-link" href="#">Forgot Password</router-link></span>
<span class="float-end pt-2"><router-link :to="localePath('/auth/forgot')" class="forgot-link" href="#">{{t('Forgot Password')}}</router-link></span>
</div>
</div>
<div class="row justify-content-center pb-5">
<div class="col-12 col-sm-8 col-md-8 col-lg-6 pt-4 text-center">
<button type="submit" class=" login-btn col-12" >Sign In <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">Loading...</span>
<button type="submit" class=" login-btn col-12" >{{t('Sign In')}} <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">{{t('Loading...')}}</span>
</div></button>
<h5 class="text-center pt-3">Dont have an Account? <NuxtLink class="signup-link" :to="localePath('/auth/signup')">Sign Up</NuxtLink></h5>
<h5 class="text-center pt-3">{{t('Dont have an Account?')}} <NuxtLink class="signup-link" :to="localePath('/auth/signup')">{{t("Sign Up")}}</NuxtLink></h5>
</div>
</div>
</form>

View File

@ -29,7 +29,7 @@
<div class="row" style="height: 90%">
<div class="col-12 my-auto">
<div class="text-center pt-1 ">
<h2 class="fw-bolder display-6 text-center" >New Password</h2>
<h2 class="fw-bolder display-6 text-center" >{{t("New Password")}}</h2>
<!-- <span class="fs-5 pt-1 text-muted">Welcome back, <span class="fw-bolder text-dark">Morris!</span></span>-->
</div>
<div class="row pt-2 pb-5">
@ -37,7 +37,7 @@
<form @submit.prevent="loginNow" method="POST" class=" pb-5 ">
<div class="row pt-3 justify-content-center">
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Password</label>
<label class="form-label">{{t("Password")}}</label>
<input type="password" placeholder="Password" class="form-control" >
<!-- <div class="invalid-feedback d-block" v-if="errors.email">{{errors.email[0]}}</div>-->
<!-- <div class="invalid-feedback d-block" v-if="auth_error">Email or password is wrong, please try again!</div>-->
@ -45,14 +45,14 @@
</div>
<div class="row justify-content-center pt-3">
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Confirm Password</label>
<label class="form-label">{{t("Confirm Password")}}</label>
<input type="password" placeholder="Confirm Password" class="form-control" >
</div>
</div>
<div class="row justify-content-center pb-5">
<div class="col-12 col-sm-8 col-md-8 col-lg-6 pt-4 text-center">
<button type="submit" class=" login-btn col-12" >Forgot Password <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">Loading...</span>
<button type="submit" class=" login-btn col-12" >{{t("Forgot Password")}} <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">{{t("Loading...")}}</span>
</div></button>
</div>
</div>
@ -72,6 +72,14 @@
</template>
<script>
export default {
setup() {
const { t } = useI18n()
const localePath = useLocalePath()
return {
t,
localePath,
}
},
}
</script>

View File

@ -31,33 +31,33 @@
<div class="row pt-3 pb-5">
<div class="row" style="margin-bottom: 24px;">
<div class="text-center pt-1 ">
<h2 class="fw-bolder display-6 text-center" >Sign Up</h2>
<span class="fs-5 pt-2 text-muted">Hello, <span class="fw-bolder text-dark">Beautiful!</span></span>
<p class="text-muted pt-2 text-center fs-5 singn-up-text pb-0 mb-0">Mindboost helps you block out distracting noise with concentration-boosting music, increasing your productivity by up to 35%.</p>
<h2 class="fw-bolder display-6 text-center" >{{t('Sign Up')}}</h2>
<span class="fs-5 pt-2 text-muted">{{t("Hello,")}} <span class="fw-bolder text-dark">{{t("Beautiful!")}}</span></span>
<p class="text-muted pt-2 text-center fs-5 singn-up-text pb-0 mb-0"></p>
</div>
</div>
<div class="col-12">
<form @submit.prevent="submitRegister" method="POST">
<div class="row px-0 px-md-4 pb-2">
<div class="col-12 pt-2 col-md-6 col-lg-6 ">
<label class="form-label">First Name</label>
<label class="form-label">{{t("First Name")}}</label>
<input type="text" v-model="form.first_name" placeholder="First Name" class="form-control">
<div class="invalid-feedback d-block" v-if="errors.first_name">{{errors.first_name[0]}}</div>
</div>
<div class="col-12 pt-2 col-md-6 col-lg-6 ">
<label class="form-label">Surname</label>
<label class="form-label">{{t("Surname")}}</label>
<input type="text" placeholder="Surname" v-model="form.surname" class="form-control">
<div class="invalid-feedback d-block" v-if="errors.surname">{{errors.surname[0]}}</div>
</div>
</div>
<div class="row px-0 px-md-4 pb-2">
<div class="col-12 col-md-6 pt-2 col-lg-6 ">
<label class="form-label">Email</label>
<label class="form-label">{{t("Email")}}</label>
<input type="text" placeholder="Email" v-model="form.email" class="form-control">
<div class="invalid-feedback d-block" v-if="errors.email">{{errors.email[0]}}</div>
</div>
<div class="col-12 pt-2 col-md-6 col-lg-6 ">
<label class="form-label">Password</label>
<label class="form-label">{{t("Password")}}</label>
<input type="password" v-model="form.password" placeholder="Password" class="form-control">
<div class="invalid-feedback d-block" v-if="errors.password">{{errors.password[0]}}</div>
</div>
@ -67,19 +67,19 @@
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminate">
<label class="form-check-label" for="flexCheckIndeterminate">
I agree to Mindboost's terms and conditions. You can read about how we use and protect your information in our Privacy Policy.
{{t("I agree to Mindboost's terms and conditions. You can read about how we use and protect your information in our Privacy Policy.")}}
</label>
</div>
</div>
</div>
<div class="row px-4 pt-3">
<div class="col-12">
<button :disabled="loading" type="submit" class="login-btn fw-bold col-4">Signup
<button :disabled="loading" type="submit" class="login-btn fw-bold col-4">{{t("Signup")}}
<div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">Loading...</span>
<span class="sr-only">{{t("Loading...")}}</span>
</div>
</button>
<p class="pt-3">Already have an Account? <NuxtLink class="signup-link" href="login">Log In</NuxtLink></p>
<p class="pt-3">{{t("Already have an Account?")}} <NuxtLink class="signup-link" href="login">{{t("Log In")}}</NuxtLink></p>
</div>
</div>
</form>

View File

@ -56,7 +56,7 @@
<span><i class="fa-solid fs-3 fa-arrow-left-long" style="cursor: pointer" data-bs-dismiss="modal"></i></span>
</div>
<div class="col-8">
<h4 class="text-center fw-bolder">Adaptive Soundscape</h4>
<h4 class="text-center fw-bolder">{{t("Adaptive Soundscape")}}</h4>
</div>
<div class="col-2">
<div class="form-check form-switch float-end">
@ -66,9 +66,9 @@
</div>
<div class="row px-2 pt-4">
<div class="col-12 ps-3 fs-5" style="line-height: 25px">
<p class="p-0 m-0"> The Mindboost sounscape responds to the acousitcs in your room.</p>
<p class="p-0 m-0"> {{t("The Mindboost sounscape responds to the acousitcs in your room.")}}</p>
<p class="p-0 m-0"></p>
<p class="">Currently, your room has a:</p>
<p class="">{{t("Currently, your room has a:")}}</p>
</div>
</div>
<div class="row pt-4 ps-3">
@ -80,8 +80,8 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Noisy Environment</h5>
<p>The background noise at your workplace is disturbing. Your concentration is severely impaired. Mindboost protects you from the disturbing background noise.</p>
<h5>{{t("Noisy Environment")}}</h5>
<p>{{t("The background noise at your workplace is disturbing. Your concentration is severely impaired. Mindboost protects you from the disturbing background noise.")}}</p>
</div>
</div>
@ -95,8 +95,8 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Medium-noise Environment</h5>
<p>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.</p>
<h5>{{t("Medium-noise Environment")}}</h5>
<p>{{t("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.")}}</p>
</div>
</div>
@ -109,10 +109,10 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Good Environment</h5>
<h5>{{t("Good Environment")}}</h5>
<p>
The background noise at your workplace provides a longterm healthy basis for concentrated work. With Mindboost you make sure that even sudden disturbances do not distract you.
</p>
{{t("The background noise at your workplace provides a longterm healthy basis for concentrated work. With Mindboost you make sure that even sudden disturbances do not distract you.")}}
</div>
</div>
@ -129,6 +129,15 @@
import HomeBar from "../components/homebar";
export default {
setup() {
const { t } = useI18n()
const localePath = useLocalePath()
return {
t,
localePath,
}
},
components: {HomeBar},
data(){
return{

View File

@ -55,7 +55,7 @@
<span><i class="fa-solid fs-3 fa-arrow-left-long" style="cursor: pointer" data-bs-dismiss="modal"></i></span>
</div>
<div class="col-8">
<h4 class="text-center fw-bolder">Adaptive Soundscape</h4>
<h4 class="text-center fw-bolder">{{t("Adaptive Soundscape")}}</h4>
</div>
<div class="col-2">
<div class="form-check form-switch float-end">
@ -65,9 +65,9 @@
</div>
<div class="row px-2 pt-4">
<div class="col-12 ps-3 fs-5" style="line-height: 25px">
<p class="p-0 m-0"> The Mindboost sounscape responds to the acousitcs in your room.</p>
<p class="p-0 m-0"> {{t("The Mindboost sounscape responds to the acousitcs in your room.")}}</p>
<p class="p-0 m-0"></p>
<p class="">Currently, your room has a:</p>
<p class="">{{t("Currently, your room has a:")}}</p>
</div>
</div>
<div class="row pt-4 ps-3">
@ -79,8 +79,8 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Noisy Environment</h5>
<p>The background noise at your workplace is disturbing. Your concentration is severely impaired. Mindboost protects you from the disturbing background noise.</p>
<h5>{{t("Noisy Environment")}}</h5>
<p>{{t("The background noise at your workplace is disturbing. Your concentration is severely impaired. Mindboost protects you from the disturbing background noise.")}}</p>
</div>
</div>
@ -94,8 +94,8 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Medium-noise Environment</h5>
<p>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.</p>
<h5>{{t("Medium-noise Environment")}}</h5>
<p>{{t("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.")}}</p>
</div>
</div>
@ -108,9 +108,9 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Good Environment</h5>
<h5>{{t("Good Environment")}}</h5>
<p>
The background noise at your workplace provides a longterm healthy basis for concentrated work. With Mindboost you make sure that even sudden disturbances do not distract you.
{{t("The background noise at your workplace provides a longterm healthy basis for concentrated work. With Mindboost you make sure that even sudden disturbances do not distract you.")}}
</p>
</div>
</div>
@ -129,6 +129,15 @@
import HomeBar from "../components/homebar";
export default {
components: {HomeBar},
setup() {
const { t } = useI18n()
const localePath = useLocalePath()
return {
t,
localePath,
}
},
data(){
return{
title: 'Meadow soundscape'

View File

@ -51,7 +51,7 @@
<span><i class="fa-solid fs-3 fa-arrow-left-long" style="cursor: pointer" data-bs-dismiss="modal"></i></span>
</div>
<div class="col-8">
<h4 class="text-center fw-bolder">Adaptive Soundscape</h4>
<h4 class="text-center fw-bolder">{{t("Adaptive Soundscape")}}</h4>
</div>
<div class="col-2">
<div class="form-check form-switch float-end">
@ -61,9 +61,9 @@
</div>
<div class="row px-2 pt-4">
<div class="col-12 ps-3 fs-5" style="line-height: 25px">
<p class="p-0 m-0"> The Mindboost sounscape responds to the acousitcs in your room.</p>
<p class="p-0 m-0">{{t("The Mindboost sounscape responds to the acousitcs in your room.")}} </p>
<p class="p-0 m-0"></p>
<p class="">Currently, your room has a:</p>
<p class="">{{t("Currently, your room has a:")}}</p>
</div>
</div>
<div class="row pt-4 ps-3">
@ -75,8 +75,8 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Noisy Environment</h5>
<p>The background noise at your workplace is disturbing. Your concentration is severely impaired. Mindboost protects you from the disturbing background noise.</p>
<h5>{{t("Noisy Environment")}}</h5>
<p>{{t("The background noise at your workplace is disturbing. Your concentration is severely impaired. Mindboost protects you from the disturbing background noise.")}}</p>
</div>
</div>
@ -90,8 +90,8 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Medium-noise Environment</h5>
<p>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.</p>
<h5>{{t("Medium-noise Environment")}}</h5>
<p>{{t("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.")}}</p>
</div>
</div>
@ -104,9 +104,9 @@
</span>
</div>
<div class="col-11 col-md-10 ps-3">
<h5>Good Environment</h5>
<h5>{{t("Good Environment")}}</h5>
<p>
The background noise at your workplace provides a longterm healthy basis for concentrated work. With Mindboost you make sure that even sudden disturbances do not distract you.
{{t("The background noise at your workplace provides a longterm healthy basis for concentrated work. With Mindboost you make sure that even sudden disturbances do not distract you.")}}
</p>
</div>
</div>
@ -126,6 +126,15 @@
import HomeBar from "../components/homebar";
export default {
setup() {
const { t } = useI18n()
const localePath = useLocalePath()
return {
t,
localePath,
}
},
components: {HomeBar},
data(){
return{

View File

@ -19,9 +19,9 @@
</div>
<div class="row">
<div class="col-12">
<h4 class="text-center fw-bold pt-5">Lets Go!</h4>
<h6 class="text-center text-muted pb-0 mb-0">We have saved your selection. </h6>
<h6 class="text-center text-muted pt-0 mt-0">You can change your settings at any time. </h6>
<h4 class="text-center fw-bold pt-5">{{t("Lets Go!")}}</h4>
<h6 class="text-center text-muted pb-0 mb-0">{{t("We have saved your selection.")}} </h6>
<h6 class="text-center text-muted pt-0 mt-0">{{t("You can change your settings at any time.")}} </h6>
</div>
</div>
<div class="row pt-5">
@ -132,7 +132,7 @@
</svg>
</div>
<div class="col-12 text-center pt-5">
<nuxt-link :to="localePath('/')" type="button" class="btn text-white px-4 fs-5 fw-bolder py-2" style="background-color: #e9c046">NEXT</nuxt-link>
<nuxt-link :to="localePath('/')" type="button" class="btn text-white px-4 fs-5 fw-bolder py-2" style="background-color: #e9c046">{{t("NEXT")}}</nuxt-link>
</div>
</div>
</div>

View File

@ -2,26 +2,26 @@
<div>
<div class="row">
<div class="col-12 pt-3">
<h6 class="text-muted text-center">We are analyzing your background noise...</h6>
<h6 class="text-muted text-center">{{t("We are analyzing your background noise...")}}</h6>
</div>
<div class="col-12">
<h4 class="text-center fw-bold pt-5">The microphone does not provide any level</h4>
<h6 class="text-center text-muted">Please check the input level of the microphone in the audio </h6>
<h6 class="text-center text-muted">system settings of your device and start again. </h6>
<h4 class="text-center fw-bold pt-5">{{ t("The microphone does not provide any level") }}</h4>
<h6 class="text-center text-muted">{{t("Please check the input level of the microphone in the audio")}} </h6>
<h6 class="text-center text-muted">{{t("system settings of your device and start again.")}} </h6>
</div>
<div class=" pt-5 text-center">
<div class=" pt-3 ">
<div class="checkmark pt-2 d-block d-sm-inline-block d-inline-block">
<input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" >
<label class="btn px-4 checklabel" for="success-outlined1">
<p class=" p-0 m-0 text-center">Fix This Problem</p>
<p class=" p-0 m-0 text-center">{{t("Fix This Problem")}}</p>
</label>
</div>
<nuxt-link to="" class="checkmark pt-2 d-inline-block">
<input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
<label class="btn checklabel px-5 ms-0 ms-sm-3 " for="danger-outlined1">
<p class="p-0 m-0 text-center">Try Again</p>
<p class="p-0 m-0 text-center">{{t("Try Again")}}</p>
</label>
</nuxt-link>
</div>
@ -35,7 +35,7 @@
<NuxtLink class="btn btn-warning px-2 mx-2" @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
<NuxtLink class="btn btn-warning px-4 " @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2" @click.once="increment(100)" to="/onbording/onbording4"></NuxtLink>
<h6 class="text-muted text-center pt-3">You can customize your selection later</h6>
<h6 class="text-muted text-center pt-3">{{t("You can customize your selection later")}}</h6>
</div>
</div>
</div>
@ -47,6 +47,15 @@ import {useCounterStore} from '@/stores/counter';
import {mapActions, mapState} from "pinia";
export default {
setup() {
const { t } = useI18n()
const localePath = useLocalePath()
return {
t,
localePath,
}
},
name:'OnBording',
mounted() {
this.increment(75);

File diff suppressed because one or more lines are too long

View File

@ -2,11 +2,11 @@
<div>
<div class="row">
<div class="col-12 pt-3">
<h6 class="text-muted text-center">We are analyzing your background noise...</h6>
<h6 class="text-muted text-center">{{ t('We are analyzing your background noise...') }}</h6>
</div>
<div class="col-12">
<h4 class="text-center fw-bold pt-5">Do your headphones have ANC?</h4>
<h6 class="text-center text-muted">Whats that?</h6>
<h4 class="text-center fw-bold pt-5">{{ t('Do your headphones have ANC?') }}</h4>
<h6 class="text-center text-muted">{{t('Whats that?')}}</h6>
</div>
<div class="col-12 text-center">
<div class="d-flex justify-content-center ">
@ -25,7 +25,7 @@
</defs>
</svg>
<p class=" text-center">No</p>
<p class=" text-center">{{t("No")}}</p>
</label>
</a>
@ -35,7 +35,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 46" fill="none">
<path d="M15.4874 0.162403C15.4358 0.171779 15.3843 0.18584 15.3374 0.199903C14.7796 0.326466 14.3858 0.828029 14.3999 1.3999V44.5999C14.3952 45.0312 14.6202 45.4343 14.9952 45.6546C15.3702 45.8702 15.8296 45.8702 16.2046 45.6546C16.5796 45.4343 16.8046 45.0312 16.7999 44.5999V1.3999C16.8139 1.05303 16.6733 0.720216 16.4249 0.48584C16.1718 0.246778 15.8296 0.12959 15.4874 0.162403ZM44.2874 0.162403C44.2358 0.171779 44.1843 0.18584 44.1374 0.199903C43.5796 0.326466 43.1858 0.828029 43.1999 1.3999V44.5999C43.1952 45.0312 43.4202 45.4343 43.7952 45.6546C44.1702 45.8702 44.6296 45.8702 45.0046 45.6546C45.3796 45.4343 45.6046 45.0312 45.5999 44.5999V1.3999C45.6139 1.05303 45.4733 0.720216 45.2249 0.48584C44.9718 0.246778 44.6296 0.12959 44.2874 0.162403ZM8.28738 10.9624C8.23581 10.9718 8.18425 10.9858 8.13738 10.9999C7.57956 11.1265 7.18581 11.628 7.19988 12.1999V33.7999C7.19519 34.2312 7.42019 34.6343 7.79519 34.8546C8.17019 35.0702 8.62956 35.0702 9.00456 34.8546C9.37956 34.6343 9.60456 34.2312 9.59988 33.7999V12.1999C9.61394 11.853 9.47331 11.5202 9.22488 11.2858C8.97175 11.0468 8.62956 10.9296 8.28738 10.9624ZM51.4874 10.9624C51.4358 10.9718 51.3843 10.9858 51.3374 10.9999C50.7796 11.1265 50.3858 11.628 50.3999 12.1999V33.7999C50.3952 34.2312 50.6202 34.6343 50.9952 34.8546C51.3702 35.0702 51.8296 35.0702 52.2046 34.8546C52.5796 34.6343 52.8046 34.2312 52.7999 33.7999V12.1999C52.8139 11.853 52.6733 11.5202 52.4249 11.2858C52.1718 11.0468 51.8296 10.9296 51.4874 10.9624ZM22.6874 12.1624C22.6358 12.1718 22.5843 12.1858 22.5374 12.1999C21.9796 12.3265 21.5858 12.828 21.5999 13.3999V22.9999V32.5999C21.5952 33.0312 21.8202 33.4343 22.1952 33.6546C22.5702 33.8702 23.0296 33.8702 23.4046 33.6546C23.7796 33.4343 24.0046 33.0312 23.9999 32.5999V13.3999C24.0139 13.053 23.8733 12.7202 23.6249 12.4858C23.3718 12.2468 23.0296 12.1296 22.6874 12.1624ZM37.0874 12.1624C37.0358 12.1718 36.9843 12.1858 36.9374 12.1999C36.3796 12.3265 35.9858 12.828 35.9999 13.3999V32.5999C35.9952 33.0312 36.2202 33.4343 36.5952 33.6546C36.9702 33.8702 37.4296 33.8702 37.8046 33.6546C38.1796 33.4343 38.4046 33.0312 38.3999 32.5999V13.3999C38.4139 13.053 38.2733 12.7202 38.0249 12.4858C37.7718 12.2468 37.4296 12.1296 37.0874 12.1624ZM1.08738 18.1624C1.03581 18.1718 0.984252 18.1858 0.937377 18.1999C0.379564 18.3265 -0.0141859 18.828 -0.000123334 19.3999V26.5999C-0.00481083 27.0312 0.220189 27.4343 0.59519 27.6546C0.97019 27.8702 1.42956 27.8702 1.80456 27.6546C2.17956 27.4343 2.40456 27.0312 2.39988 26.5999V19.3999C2.41394 19.053 2.27331 18.7202 2.02488 18.4858C1.77175 18.2468 1.42956 18.1296 1.08738 18.1624ZM29.8874 18.1624C29.8358 18.1718 29.7843 18.1858 29.7374 18.1999C29.1796 18.3265 28.7858 18.828 28.7999 19.3999V26.5999C28.7952 27.0312 29.0202 27.4343 29.3952 27.6546C29.7702 27.8702 30.2296 27.8702 30.6046 27.6546C30.9796 27.4343 31.2046 27.0312 31.1999 26.5999V19.3999C31.2139 19.053 31.0733 18.7202 30.8249 18.4858C30.5718 18.2468 30.2296 18.1296 29.8874 18.1624ZM58.6874 18.1624C58.6358 18.1718 58.5843 18.1858 58.5374 18.1999C57.9796 18.3265 57.5858 18.828 57.5999 19.3999V26.5999C57.5952 27.0312 57.8202 27.4343 58.1952 27.6546C58.5702 27.8702 59.0296 27.8702 59.4046 27.6546C59.7796 27.4343 60.0046 27.0312 59.9999 26.5999V19.3999C60.0139 19.053 59.8733 18.7202 59.6249 18.4858C59.3718 18.2468 59.0296 18.1296 58.6874 18.1624Z" fill="white"/>
</svg>
<p class="text-center">Yes</p>
<p class="text-center">{{t("Yes")}}</p>
</label>
</a>
</div>
@ -57,6 +57,7 @@
import {useCounterStore} from '@/stores/counter';
import {mapState,mapActions} from "pinia";
export default {
setup() {
const { t } = useI18n()
const localePath = useLocalePath()

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,13 +1,22 @@
<template>
<div>
<h1>ID is : {{id}}</h1>
<NuxtLink to="/">HOME</NuxtLink>
<NuxtLink to="/">{{t("HOME")}}</NuxtLink>
</div>
</template>
<script>
export default {
setup() {
const { t } = useI18n()
const localePath = useLocalePath()
return {
t,
localePath,
}
},
data(){
return {
id:this.$route.params.id

View File

@ -22,7 +22,7 @@
<i class="fas fa-check-circle"></i>
</div>
<div class="success-message">
Successfully subscribed
{{t("Successfully subscribed")}}
</div>
</div>
@ -48,6 +48,15 @@
import HomeBar from "../components/homebar";
export default {
setup() {
const { t } = useI18n()
const localePath = useLocalePath()
return {
t,
localePath,
}
},
components: {HomeBar},
data(){
return{