Mindboost
/
dev-audioprocessing
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ok

master
unknown 2023-01-01 23:33:52 +05:00
parent e33da1d8e5
commit 0151eb79b3
8 changed files with 156 additions and 11007 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11059
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
pages/index.vue
View File

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

19
pages/onbording.vue
View File

File diff suppressed because one or more lines are too long

16
pages/onbording/index.vue
View File

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

19
pages/onbording/onbording2.vue
View File

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

20
pages/onbording/onbording3.vue
View File

@ -19,7 +19,7 @@
</label> </label>
</div> </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"> <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"> <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"> <svg xmlns="http://www.w3.org/2000/svg" width="60" viewBox="0 0 57 60" fill="none">
@ -27,17 +27,17 @@
</svg> </svg>
<p class="text-center px-1" >Concentration</p> <p class="text-center px-1" >Concentration</p>
</label> </label>
</div> </nuxt-link>
</div> </div>
</div> </div>
</div> </div>
<div class="row pt-5 mt-2 "> <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"> <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 " @click.once="increment(25)" to="/onbording"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></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 " to="/onbording/onbording3"></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 " to="/onbording/onbording4"></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">You can customize your selection later</h6>
</div> </div>
@ -45,14 +45,20 @@
</div> </div>
</template> </template>
<script> <script>
import {useCounterStore} from '@/stores/counter';
import {mapState,mapActions} from "pinia";
export default { export default {
name:'OnBording', computed:{...mapState(useCounterStore,['count'])},
methods:{
...mapActions(useCounterStore,['increment']),
},
data(){ data(){
return{ return{
bar_val:25, bar_val:25,
} }
} }
} }
</script> </script>
<style scoped> <style scoped>

16
pages/onbording/onbording4.vue
View File

@ -57,10 +57,10 @@
<div class="row pt-5 mt-2 "> <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"> <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 " @click.once="increment(25)" to="/onbording"></NuxtLink>
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></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 " to="/onbording/onbording3"></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 " to="/onbording/onbording4"></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> <h6 class="text-muted text-center pt-3">You can customize your selection later</h6>
</div> </div>
@ -68,8 +68,14 @@
</div> </div>
</template> </template>
<script> <script>
import {useCounterStore} from '@/stores/counter';
import {mapState,mapActions} from "pinia";
export default { export default {
name:'OnBording', computed:{...mapState(useCounterStore,['count'])},
methods:{
...mapActions(useCounterStore,['increment']),
...mapActions(useCounterStore,['decrement'])
},
data(){ data(){
return{ return{
bar_val:100, bar_val:100,

6
stores/counter.js
View File

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