master
unknown 2023-01-01 23:33:52 +05:00
parent e33da1d8e5
commit 0151eb79b3
8 changed files with 156 additions and 11007 deletions

11059
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -43,8 +43,8 @@ export default {
position: fixed;
right: 0;
bottom: 0;
width: 100%;
min-height: 100%;
min-width: 100%;
padding: 0;
margin: 0;
z-index: -99;

File diff suppressed because one or more lines are too long

View File

@ -21,7 +21,7 @@
</label>
</div>
<div class="checkmark pt-2 d-inline-block">
<nuxt-link to="/onbording/onbording2" @click.once="increment(50)" 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 ms-0 ms-sm-3 pt-4 px-5" for="danger-outlined1">
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="58" viewBox="0 0 54 58" fill="none">
@ -29,18 +29,19 @@
</svg>
<p class="text-center" >Over-Ear</p>
</label>
</div>
</nuxt-link>
</div>
</div>
</div>
<div class="row pt-5 mt-2 ">
<div class="col-12 text-center pt-5 mt-3 doted-nav pb-5 mb-2">
<NuxtLink @click="" class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
<NuxtLink @click.once="increment(25)" class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
<NuxtLink @click.once="increment(50)" class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
<NuxtLink @click.once="increment(75)" class="btn btn-warning px-2 " 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>
<button @click="increment()" >Add +1 {{ count }}</button>
<button @click="decrement()">Add +1 {{ count }}</button>
</div>
</div>
@ -54,7 +55,8 @@ import {mapState,mapActions} from "pinia";
export default {
computed:{...mapState(useCounterStore,['count'])},
methods:{
...mapActions(useCounterStore,['increment'])
...mapActions(useCounterStore,['increment']),
...mapActions(useCounterStore,['decrement']),
}
}
</script>

View File

@ -20,7 +20,7 @@
</label>
</div>
<div class="checkmark pt-2 d-inline-block">
<nuxt-link to="/onbording/onbording3" @click.once="increment(75)" 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 ms-0 ms-sm-3 pt-4 px-5" for="danger-outlined1">
<svg xmlns="http://www.w3.org/2000/svg" width="70" viewBox="0 0 60 46" fill="none">
@ -28,16 +28,16 @@
</svg>
<p class="text-center">Yes</p>
</label>
</div>
</nuxt-link>
</div>
</div>
</div>
<div class="row pt-5 mt-2 ">
<div class="col-12 text-center pt-5 mt-3 doted-nav pb-5 mb-2">
<NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
<NuxtLink class="btn btn-warning px-4 mx-2 " to="/onbording/onbording2"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(25)" to="/onbording"></NuxtLink>
<NuxtLink class="btn btn-warning px-4 mx-2" @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 " @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>
</div>
@ -45,8 +45,13 @@
</div>
</template>
<script>
import {useCounterStore} from '@/stores/counter';
import {mapState,mapActions} from "pinia";
export default {
name:'OnBording',
computed:{...mapState(useCounterStore,['count'])},
methods:{
...mapActions(useCounterStore,['increment']),
},
data(){
return{
bar_val:25,

View File

@ -19,7 +19,7 @@
</label>
</div>
<div class="checkmark pt-2 d-inline-block">
<nuxt-link to="/onbording/onbording4" @click.once="increment(100)" 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 ms-0 ms-sm-3 pt-4 px-4" for="danger-outlined1">
<svg xmlns="http://www.w3.org/2000/svg" width="60" viewBox="0 0 57 60" fill="none">
@ -27,17 +27,17 @@
</svg>
<p class="text-center px-1" >Concentration</p>
</label>
</div>
</nuxt-link>
</div>
</div>
</div>
<div class="row pt-5 mt-2 ">
<div class="col-12 text-center pt-5 mt-3 position-fixed bottom-0 pb-5 mb-2">
<NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
<NuxtLink class="btn btn-warning px-4 " to="/onbording/onbording3"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(25)" to="/onbording"></NuxtLink>
<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>
</div>
@ -45,14 +45,20 @@
</div>
</template>
<script>
import {useCounterStore} from '@/stores/counter';
import {mapState,mapActions} from "pinia";
export default {
name:'OnBording',
computed:{...mapState(useCounterStore,['count'])},
methods:{
...mapActions(useCounterStore,['increment']),
},
data(){
return{
bar_val:25,
}
}
}
</script>
<style scoped>

View File

@ -57,10 +57,10 @@
<div class="row pt-5 mt-2 ">
<div class="col-12 text-center pt-5 mt-3 position-fixed bottom-0 pb-5 mb-2">
<NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
<NuxtLink class="btn btn-warning px-4 mx-2 " to="/onbording/onbording4"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(25)" to="/onbording"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>
<NuxtLink class="btn btn-warning px-4 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>
</div>
@ -68,8 +68,14 @@
</div>
</template>
<script>
import {useCounterStore} from '@/stores/counter';
import {mapState,mapActions} from "pinia";
export default {
name:'OnBording',
computed:{...mapState(useCounterStore,['count'])},
methods:{
...mapActions(useCounterStore,['increment']),
...mapActions(useCounterStore,['decrement'])
},
data(){
return{
bar_val:100,

View File

@ -3,13 +3,13 @@ import { defineStore } from 'pinia'
export const useCounterStore = defineStore('counter', {
state: () => {
return { count: 0 }
return { count: 20 }
},
// could also be defined as
// state: () => ({ count: 0 })
actions: {
increment() {
this.count++
increment(a) {
this.count=a;
},
},
persist: true,