203 lines
49 KiB
Vue
Executable File
203 lines
49 KiB
Vue
Executable File
<template>
|
|
<div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 col-sm-8">
|
|
<h4 class="fw-bold text-center pt-5">{{t("Soundscape Settings")}}</h4>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="accordion accordion-flush" id="accordionPanelsStayOpenExample">
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="panelsStayOpen-headingOne" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<button class="accordion-button collapsed" >
|
|
{{t("Soundscape")}}
|
|
</button>
|
|
</h2>
|
|
<ul class="dropdown-menu dropdown-menu-end me-4" aria-labelledby="dropdownMenuButton1">
|
|
<li class="px-1">
|
|
<a href="#" :class="{'drop-active':form.soundscape=='Lagoon'}" @click.prevent="saveSetting('Lagoon','soundscape')" class="dropdown-item py-2 text-muted fw-bold fs-6" to="/" style="border-bottom: 1px solid lightgray;">Lagoon <span class="float-end"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"><path d="M12.3998 0.599976C10.5035 0.599976 8.9965 1.29766 7.79124 2.31951C6.58599 3.34135 5.66701 4.67793 4.85921 5.9906C4.05141 7.30327 3.35122 8.59708 2.63265 9.53123C1.91408 10.4654 1.2265 11 0.399838 11C0.346833 10.9992 0.294208 11.009 0.24502 11.0288C0.195833 11.0486 0.151065 11.0779 0.113317 11.1151C0.0755689 11.1523 0.0455945 11.1967 0.0251354 11.2456C0.0046763 11.2945 -0.00585938 11.347 -0.00585937 11.4C-0.00585938 11.453 0.0046763 11.5055 0.0251354 11.5544C0.0455945 11.6033 0.0755689 11.6476 0.113317 11.6848C0.151065 11.7221 0.195833 11.7514 0.24502 11.7712C0.294208 11.7909 0.346833 11.8007 0.399838 11.8C1.57317 11.8 2.48559 11.0346 3.26702 10.0187C4.04845 9.00287 4.74826 7.69668 5.54046 6.40935C6.33266 5.12202 7.21369 3.8586 8.30843 2.93044C9.40318 2.00229 10.6961 1.39998 12.3998 1.39998C12.9883 1.39998 13.9493 1.54797 14.7061 1.93201C15.4629 2.31605 15.9998 2.86361 15.9998 3.79998C15.9998 4.99998 14.1521 5.45958 13.5475 4.40154C13.5159 4.34618 13.4714 4.29918 13.4179 4.26447C13.3644 4.22976 13.3034 4.20834 13.24 4.20199C13.1765 4.19565 13.1125 4.20456 13.0532 4.22799C12.9939 4.25143 12.941 4.2887 12.8991 4.33669C12.598 4.68075 12.3499 4.78486 12.1412 4.80076C11.9326 4.81665 11.7241 4.73981 11.517 4.58201C11.3099 4.42421 11.1192 4.188 10.9897 3.95544C10.8602 3.72288 10.7998 3.48331 10.7998 3.39998C10.8006 3.34697 10.7908 3.29435 10.771 3.24516C10.7513 3.19597 10.7219 3.1512 10.6847 3.11346C10.6475 3.07571 10.6031 3.04573 10.5542 3.02527C10.5053 3.00481 10.4528 2.99428 10.3998 2.99428C10.3468 2.99428 10.2943 3.00481 10.2454 3.02527C10.1965 3.04573 10.1522 3.07571 10.115 3.11346C10.0778 3.1512 10.0484 3.19597 10.0286 3.24516C10.0089 3.29435 9.99909 3.34697 9.99984 3.39998C9.99984 3.71664 10.1145 4.02707 10.2912 4.34451C10.468 4.66195 10.7148 4.97574 11.0326 5.21794C11.2017 5.34674 11.3963 5.45289 11.6076 5.52185C11.6845 7.22951 12.6377 8.77801 14.0506 9.90076C15.5246 11.0721 17.5065 11.8 19.5998 11.8C19.6528 11.8007 19.7055 11.7909 19.7547 11.7712C19.8038 11.7514 19.8486 11.7221 19.8864 11.6848C19.9241 11.6476 19.9541 11.6033 19.9745 11.5544C19.995 11.5055 20.0055 11.453 20.0055 11.4C20.0055 11.347 19.995 11.2945 19.9745 11.2456C19.9541 11.1967 19.9241 11.1523 19.8864 11.1151C19.8486 11.0779 19.8038 11.0486 19.7547 11.0288C19.7055 11.009 19.6528 10.9992 19.5998 11C17.6932 11 15.875 10.3279 14.5491 9.27419C13.2997 8.28141 12.5064 6.96566 12.4178 5.55857C12.6677 5.4903 12.9135 5.34435 13.1522 5.1531C14.3307 6.38442 16.7998 5.63541 16.7998 3.79998C16.7998 2.53634 15.9868 1.6839 15.0686 1.21794C14.1504 0.751985 13.1114 0.599976 12.3998 0.599976ZM9.99359 6.19451C9.88764 6.19616 9.78667 6.23979 9.71285 6.3158C9.63903 6.39182 9.59838 6.49402 9.59984 6.59998C9.59984 7.53331 10.0421 8.48574 10.6201 9.32654C11.1982 10.1673 11.9182 10.893 12.578 11.3328C12.6216 11.3629 12.6709 11.384 12.7228 11.3949C12.7747 11.4059 12.8283 11.4063 12.8804 11.3963C12.9325 11.3863 12.9821 11.3661 13.0263 11.3367C13.0706 11.3074 13.1085 11.2695 13.1379 11.2254C13.1673 11.1812 13.1877 11.1316 13.1978 11.0795C13.2079 11.0275 13.2075 10.9739 13.1967 10.9219C13.1859 10.87 13.1648 10.8207 13.1348 10.777C13.1048 10.7332 13.0663 10.6959 13.0217 10.6672C12.4814 10.307 11.8015 9.63261 11.2795 8.87341C10.7576 8.11421 10.3998 7.26664 10.3998 6.59998C10.4006 6.54646 10.3906 6.49334 10.3704 6.44377C10.3502 6.39419 10.3203 6.34916 10.2824 6.31136C10.2446 6.27355 10.1995 6.24372 10.1499 6.22365C10.1002 6.20358 10.0471 6.19367 9.99359 6.19451ZM7.60531 12.9937C7.45091 12.9937 7.30841 13.0846 7.24281 13.225C7.24281 13.225 6.54771 14.6008 5.20531 14.6008C3.86291 14.6008 3.16781 13.225 3.16781 13.225C3.09421 13.0734 2.93501 12.9824 2.76781 12.9992C2.75541 12.9996 2.74271 13 2.73031 13C2.60391 13.0252 2.49761 13.1078 2.44281 13.225C2.44281 13.225 1.72731 14.6008 0.405306 14.6008C0.261706 14.5992 0.127344 14.6736 0.0537439 14.7984C-0.0182561 14.9236 -0.0182561 15.0771 0.0537439 15.2023C0.127344 15.3275 0.261706 15.4024 0.405306 15.4008C1.76931 15.4008 2.45051 14.5845 2.80531 14.0625C3.15851 14.5861 3.83331 15.4008 5.20531 15.4008C6.57731 15.4008 7.25211 14.5861 7.60531 14.0625C7.95691 14.5861 8.6333 15.4008 10.0053 15.4008C11.3773 15.4008 12.0537 14.5861 12.4053 14.0625C12.7569 14.5861 13.4317 15.4008 14.8053 15.4008C16.1789 15.4008 16.8537 14.5861 17.2053 14.0625C17.5585 14.5845 18.2397 15.4008 19.6053 15.4008C19.7489 15.4024 19.8833 15.3271 19.9569 15.2023C20.0289 15.0771 20.0289 14.9236 19.9569 14.7984C19.8833 14.6732 19.7489 14.5992 19.6053 14.6008C18.2801 14.6008 17.5678 13.225 17.5678 13.225C17.5022 13.0842 17.3597 12.9937 17.2053 12.9937C17.0509 12.9937 16.9084 13.0846 16.8428 13.225C16.8428 13.225 16.1493 14.6008 14.8053 14.6008C13.4613 14.6008 12.7678 13.225 12.7678 13.225C12.7022 13.0842 12.5597 12.9937 12.4053 12.9937C12.2509 12.9937 12.1084 13.0846 12.0428 13.225C12.0428 13.225 11.3493 14.6008 10.0053 14.6008C8.66131 14.6008 7.96781 13.225 7.96781 13.225C7.9022 13.0842 7.75971 12.9937 7.60531 12.9937Z" fill="#030504" fill-opacity="0.8"/></svg></span>
|
|
</a>
|
|
</li>
|
|
<li class="px-1">
|
|
<a href="#" :class="{'drop-active':form.soundscape=='Tropic'}" @click.prevent="saveSetting('Tropic','soundscape')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/hometropics" style="border-bottom: 1px solid lightgray;">Tropics <span class="float-end"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M8.96183 0.5875C8.94464 0.590625 8.92745 0.595313 8.91183 0.6C8.72589 0.642188 8.59464 0.809376 8.59933 1V3.4C8.59776 3.54375 8.67276 3.67813 8.79776 3.75156C8.92276 3.82344 9.07589 3.82344 9.20089 3.75156C9.32589 3.67813 9.40089 3.54375 9.39933 3.4V1C9.40401 0.884376 9.35714 0.773438 9.27433 0.695313C9.18995 0.615625 9.07589 0.576563 8.96183 0.5875ZM3.26183 2.9375C3.11183 2.96406 2.99151 3.07344 2.94933 3.21875C2.90714 3.36563 2.95089 3.52188 3.06183 3.625L4.76183 5.325C4.8587 5.44375 5.01339 5.49844 5.16339 5.46406C5.31183 5.42969 5.42901 5.3125 5.46339 5.16406C5.49776 5.01406 5.44308 4.85938 5.32433 4.7625L3.62433 3.0625C3.54151 2.97344 3.4212 2.92813 3.29933 2.9375C3.28683 2.9375 3.27433 2.9375 3.26183 2.9375ZM14.6118 2.9375C14.5212 2.95 14.4368 2.99531 14.3743 3.0625L12.6743 4.7625C12.5556 4.85938 12.5009 5.01406 12.5353 5.16406C12.5696 5.3125 12.6868 5.42969 12.8353 5.46406C12.9853 5.49844 13.14 5.44375 13.2368 5.325L14.9368 3.625C15.0618 3.50625 15.0978 3.32031 15.0243 3.16406C14.9493 3.00625 14.7837 2.91563 14.6118 2.9375ZM8.96183 5C8.94933 5.00313 8.93683 5.00781 8.92433 5.0125C8.89933 5.01406 8.87433 5.01875 8.84933 5.025C8.84464 5.02969 8.84151 5.03281 8.83683 5.0375C6.71495 5.12813 4.99933 6.85625 4.99933 9C4.99933 11.2016 6.79776 13 8.99933 13C11.2009 13 12.9993 11.2016 12.9993 9C12.9993 6.86406 11.2978 5.14219 9.18683 5.0375C9.17276 5.0375 9.16339 5.025 9.14933 5.025C9.1087 5.00938 9.06651 5.00156 9.02433 5C9.01651 5 9.00714 5 8.99933 5C8.98683 5 8.97433 5 8.96183 5ZM8.97433 5.8C8.98214 5.8 8.99151 5.8 8.99933 5.8C9.01183 5.8 9.02433 5.8 9.03683 5.8C10.7868 5.82031 12.1993 7.24531 12.1993 9C12.1993 10.7688 10.7681 12.2 8.99933 12.2C7.23214 12.2 5.79933 10.7688 5.79933 9C5.79933 7.24063 7.21808 5.81406 8.97433 5.8ZM0.886826 8.6C0.666514 8.63125 0.511826 8.83594 0.543076 9.05625C0.574326 9.27656 0.779014 9.43125 0.999326 9.4H3.39933C3.54308 9.40156 3.67745 9.32656 3.75089 9.20156C3.82276 9.07656 3.82276 8.92344 3.75089 8.79844C3.67745 8.67344 3.54308 8.59844 3.39933 8.6H0.999326C0.986826 8.6 0.974326 8.6 0.961826 8.6C0.949326 8.6 0.936826 8.6 0.924326 8.6C0.911826 8.6 0.899326 8.6 0.886826 8.6ZM14.4868 8.6C14.2665 8.63125 14.1118 8.83594 14.1431 9.05625C14.1743 9.27656 14.379 9.43125 14.5993 9.4H16.9993C17.1431 9.40156 17.2775 9.32656 17.3509 9.20156C17.4228 9.07656 17.4228 8.92344 17.3509 8.79844C17.2775 8.67344 17.1431 8.59844 16.9993 8.6H14.5993C14.5868 8.6 14.5743 8.6 14.5618 8.6C14.5493 8.6 14.5368 8.6 14.5243 8.6C14.5118 8.6 14.4993 8.6 14.4868 8.6ZM4.99933 12.55C4.9087 12.5625 4.82433 12.6078 4.76183 12.675L3.06183 14.375C2.94308 14.4719 2.88839 14.6266 2.92276 14.7766C2.95714 14.925 3.07433 15.0422 3.22276 15.0766C3.37276 15.1109 3.52745 15.0563 3.62433 14.9375L5.32433 13.2375C5.44308 13.1234 5.47901 12.9469 5.41495 12.7953C5.35245 12.6438 5.20089 12.5469 5.03683 12.55C5.02433 12.55 5.01183 12.55 4.99933 12.55ZM12.8743 12.55C12.7243 12.5766 12.604 12.6859 12.5618 12.8313C12.5196 12.9781 12.5634 13.1344 12.6743 13.2375L14.3743 14.9375C14.4712 15.0563 14.6259 15.1109 14.7759 15.0766C14.9243 15.0422 15.0415 14.925 15.0759 14.7766C15.1103 14.6266 15.0556 14.4719 14.9368 14.375L13.2368 12.675C13.1618 12.5953 13.0587 12.5516 12.9493 12.55C12.9368 12.55 12.9243 12.55 12.9118 12.55C12.8993 12.55 12.8868 12.55 12.8743 12.55ZM8.96183 14.1875C8.94464 14.1906 8.92745 14.1953 8.91183 14.2C8.72589 14.2422 8.59464 14.4094 8.59933 14.6V17C8.59776 17.1438 8.67276 17.2781 8.79776 17.3516C8.92276 17.4234 9.07589 17.4234 9.20089 17.3516C9.32589 17.2781 9.40089 17.1438 9.39933 17V14.6C9.40401 14.4844 9.35714 14.3734 9.27433 14.2953C9.18995 14.2156 9.07589 14.1766 8.96183 14.1875Z" fill="#030504" fill-opacity="0.8"/></svg></span>
|
|
</a>
|
|
</li>
|
|
<li class="px-1"><a href="#" :class="{'drop-active':form.soundscape=='Forest'}" @click.prevent="saveSetting('Forest','soundscape')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/homeforest" style="border-bottom: 1px solid lightgray;">Forest <span class="float-end"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M14.0125 -0.000601758C13.8859 0.0150232 13.775 0.0884606 13.7125 0.199398L10.7125 5.5744C10.6578 5.67284 10.6453 5.79002 10.6813 5.89784C10.7172 6.00409 10.7969 6.09159 10.9 6.1369C10.9 6.1369 11.2688 6.28846 11.725 6.4369L11.0375 7.6119C10.9187 7.44002 10.7812 7.2994 10.6375 7.1994C10.4375 7.06034 10.3219 7.04471 10.1625 6.9869C10.2656 6.72127 10.4 6.46502 10.4 6.1619C10.4 5.17127 9.775 4.34002 8.9125 4.0119C8.91719 3.95721 8.925 3.90877 8.925 3.8494C8.925 2.15721 7.58906 0.761898 5.9375 0.761898C4.81406 0.761898 3.85625 1.43065 3.35 2.3744C2.28906 2.5619 1.475 3.48846 1.475 4.6244C1.475 4.72284 1.48906 4.81659 1.5 4.9119C1.04063 5.45565 0.7375 6.1494 0.7375 6.9244C0.7375 7.22752 0.8 7.50096 0.875 7.7619C0.804688 7.98377 0.7375 8.21346 0.7375 8.4619C0.7375 8.66659 0.789062 8.85252 0.8375 9.0369C0.348438 9.46346 0 10.0556 0 10.7619C0 11.7588 0.629688 12.5885 1.5 12.9119C1.49531 12.9682 1.475 13.0166 1.475 13.0744C1.475 14.3432 2.48125 15.3869 3.725 15.3869C4.01406 15.3869 4.31406 15.4275 4.6375 15.3869C4.72813 15.376 4.81875 15.3322 4.9125 15.2994C5.03906 16.1385 5.075 16.8228 5.0125 17.2619C4.93438 17.8119 4.77656 18.0807 4.6 18.2744C4.42344 18.4682 4.21094 18.5697 3.9875 18.7369C3.875 18.8213 3.75781 18.94 3.675 19.1119C3.59219 19.2838 3.57813 19.49 3.625 19.6869C3.64063 19.84 3.74375 19.9713 3.88906 20.0228C4.03438 20.0744 4.19688 20.0369 4.30625 19.9291C4.41406 19.8197 4.45156 19.6572 4.4 19.5119C4.38281 19.4432 4.38906 19.4572 4.3875 19.4619C4.38594 19.4666 4.40781 19.4369 4.475 19.3869C4.60938 19.2869 4.90625 19.1197 5.1875 18.8119C5.46875 18.5041 5.71719 18.0541 5.8125 17.3744C5.875 16.9369 5.87188 16.3932 5.8 15.7369C5.98438 15.7947 6.1625 15.815 6.325 15.8119C6.43438 15.8103 6.54219 15.8025 6.6375 15.7869C6.70938 17.4478 7.12031 18.3682 7.575 18.9119C7.825 19.2103 8.08906 19.4041 8.2375 19.5244C8.3125 19.5853 8.35156 19.6228 8.3625 19.6369C8.40469 19.8275 8.57812 19.9588 8.77188 19.9494C8.96719 19.94 9.12656 19.7931 9.15 19.5994C9.15 19.4291 9.08438 19.2603 9 19.1494C8.91563 19.0385 8.825 18.9713 8.7375 18.8994C8.56094 18.7572 8.38438 18.6197 8.2 18.3994C7.88594 18.0244 7.59375 17.2385 7.5 15.8869C7.77656 15.9385 8.04219 15.9338 8.25 15.8869C8.34531 15.865 8.425 15.84 8.5 15.8119C8.71563 15.9432 9.075 16.126 9.625 16.3119C10.3797 16.5666 11.4922 16.8181 13.0375 16.8994L13.0625 17.0869C13.0641 17.0978 13.0609 17.101 13.0625 17.1119C13.1406 17.9057 13.0703 18.3791 12.9625 18.6119C12.8531 18.8463 12.7516 18.8869 12.5875 18.9244C12.4234 18.9619 12.2109 18.951 11.975 18.9619C11.8562 18.9666 11.7109 18.9525 11.5375 19.0869C11.3641 19.2213 11.3031 19.4994 11.3375 19.6744C11.3625 19.8588 11.5109 20.001 11.6953 20.0182C11.8797 20.0369 12.0531 19.9244 12.1125 19.7494C12.2609 19.751 12.475 19.7775 12.7625 19.7119C13.0938 19.6353 13.4812 19.3916 13.6875 18.9494C13.8938 18.5072 13.9547 17.9041 13.8625 17.0119C13.8625 17.0041 13.8625 16.9947 13.8625 16.9869L13.85 16.9244C13.9469 16.926 14.0391 16.9244 14.1375 16.9244C14.3875 16.9244 14.6203 16.9197 14.85 16.9119C14.85 17.0588 14.8547 17.1853 14.85 17.3994C14.8359 18.1525 14.8734 18.6353 14.9875 18.9994C15.1016 19.3635 15.3578 19.6275 15.625 19.7119C15.8922 19.7963 16.0969 19.7682 16.2125 19.7744C16.3281 19.7807 16.3219 19.7666 16.3875 19.8494C16.525 20.0228 16.7781 20.0494 16.95 19.9119C17.1234 19.7744 17.15 19.5213 17.0125 19.3494C16.7953 19.0791 16.4688 18.9869 16.25 18.9744C16.0312 18.9619 15.8953 18.9603 15.8625 18.9494C15.8297 18.9385 15.8156 18.9744 15.75 18.7619C15.6844 18.5494 15.6375 18.1244 15.65 17.4119C15.6547 17.1822 15.65 17.0385 15.65 16.8744C16.9688 16.7744 17.9125 16.5447 18.575 16.3119C19.0203 16.1557 19.3281 15.9994 19.5375 15.8744C19.7469 15.7494 19.875 15.6369 19.875 15.6369C20.0188 15.5041 20.0438 15.2869 19.9375 15.1244L17.725 11.7119C17.7313 11.7103 17.7437 11.7135 17.75 11.7119C18.1094 11.5681 18.3578 11.4291 18.525 11.3119C18.6922 11.1947 18.7875 11.0744 18.7875 11.0744C18.9016 10.9463 18.9219 10.7603 18.8375 10.6119L16.4125 6.4494C16.6328 6.37752 16.8406 6.30409 16.975 6.2494C17.0562 6.21659 17.1187 6.18221 17.1625 6.1619C17.1844 6.15252 17.2 6.14315 17.2125 6.1369C17.2188 6.13377 17.2219 6.13846 17.225 6.1369C17.2281 6.13534 17.2375 6.1369 17.2375 6.1369L17.05 5.7744L17.4 5.5744L14.4125 0.199398C14.3328 0.0572106 14.1734 -0.0209143 14.0125 -0.000601758ZM14.0625 1.2244L16.5 5.5744C16.3719 5.6244 16.2484 5.66659 16.0625 5.7244C15.5516 5.88221 14.85 6.0369 14.1 6.0369C12.95 6.0369 12.0734 5.73377 11.6375 5.5619L14.0625 1.2244ZM5.9375 1.5619C7.13906 1.5619 8.125 2.57284 8.125 3.8494C8.125 3.95565 8.10781 4.07752 8.0875 4.2119C8.05781 4.4244 8.20156 4.6244 8.4125 4.6619C9.08125 4.7869 9.6 5.40409 9.6 6.1619C9.6 6.47596 9.50313 6.75721 9.35 6.9994C9.28125 7.10409 9.26562 7.23377 9.30781 7.35252C9.35 7.46971 9.44375 7.5619 9.5625 7.5994C9.74375 7.6619 9.975 7.72284 10.175 7.8619C10.3672 7.99627 10.5 8.15096 10.525 8.4869L9.2875 10.6119C9.19375 10.7697 9.22031 10.9697 9.35 11.0994C9.35 11.0994 9.4875 11.2385 9.7375 11.3869C9.88438 11.4744 10.1828 11.576 10.425 11.6744L8.2375 15.0494C8.18594 15.0682 8.14375 15.0838 8.075 15.0994C7.85781 15.1478 7.58125 15.1525 7.2625 14.9494C7.25469 14.9447 7.24531 14.9432 7.2375 14.9369C7.23281 14.9322 7.22969 14.9291 7.225 14.9244C7.21719 14.9197 7.20781 14.915 7.2 14.9119C7.19531 14.9119 7.19219 14.9119 7.1875 14.9119C7.17969 14.9072 7.17031 14.9025 7.1625 14.8994C7.15781 14.8947 7.15469 14.8916 7.15 14.8869C7.14219 14.8869 7.13281 14.8869 7.125 14.8869C7.12031 14.8822 7.11719 14.8791 7.1125 14.8744C7.10469 14.8744 7.09531 14.8744 7.0875 14.8744C7.08281 14.8744 7.07969 14.8744 7.075 14.8744C7.06719 14.8744 7.05781 14.8744 7.05 14.8744C7.0375 14.8744 7.025 14.8744 7.0125 14.8744C6.975 14.8728 6.9375 14.8775 6.9 14.8869C6.8875 14.89 6.875 14.8947 6.8625 14.8994C6.8625 14.8994 6.6 15.0072 6.3125 15.0119C6.025 15.0166 5.80156 14.9931 5.6375 14.6244C5.63438 14.6119 5.62969 14.5994 5.625 14.5869C5.625 14.5822 5.625 14.5791 5.625 14.5744C5.62188 14.5603 5.61563 14.551 5.6125 14.5369C5.58281 14.3775 5.45938 14.251 5.3 14.2182C5.14063 14.1853 4.97813 14.2525 4.8875 14.3869C4.78438 14.5416 4.72344 14.5635 4.5375 14.5869C4.35156 14.6103 4.06563 14.5869 3.725 14.5869C2.92969 14.5869 2.275 13.9275 2.275 13.0744C2.275 12.9635 2.28906 12.8494 2.3125 12.7369C2.33438 12.6322 2.31406 12.5228 2.25469 12.4338C2.19688 12.3447 2.10469 12.2822 2 12.2619C1.32813 12.1385 0.8 11.5213 0.8 10.7619C0.8 10.2119 1.08125 9.74159 1.4875 9.4744C1.63594 9.37127 1.69844 9.18221 1.6375 9.0119C1.57344 8.8369 1.5375 8.65096 1.5375 8.4619C1.5375 8.2619 1.58125 8.06659 1.65 7.8869C1.67969 7.80252 1.67969 7.70877 1.65 7.6244C1.57813 7.39002 1.5375 7.1619 1.5375 6.9244C1.5375 6.27909 1.79375 5.70096 2.2 5.2869C2.29219 5.19471 2.33438 5.06502 2.3125 4.9369C2.29219 4.8369 2.275 4.73065 2.275 4.6244C2.275 3.80565 2.88594 3.1619 3.6375 3.1119C3.78594 3.10096 3.91563 3.01034 3.975 2.8744C4.32813 2.09471 5.06719 1.5619 5.9375 1.5619ZM12.5625 6.5994C13.0453 6.70721 13.5125 6.8369 14.1 6.8369C14.6562 6.8369 15.1484 6.74784 15.6 6.6494L17.9625 10.6994C17.8438 10.776 17.7047 10.8728 17.45 10.9744C16.8422 11.2166 15.7937 11.4744 14.1125 11.4744C12.7844 11.4744 11.8547 11.3119 11.2 11.1244C11.1828 11.1197 11.1547 11.1166 11.1375 11.1119C11.1141 11.101 11.0875 11.0931 11.0625 11.0869C10.6438 10.9556 10.3406 10.8041 10.1625 10.6994L12.5625 6.5994ZM11.2125 11.9369C11.9281 12.1213 12.8422 12.2744 14.1125 12.2744C15.3578 12.2744 16.2156 12.1166 16.9125 11.9369L19.05 15.2244C18.8859 15.3182 18.6719 15.4353 18.3125 15.5619C17.5188 15.8416 16.1984 16.1244 14.1375 16.1244C12.0766 16.1244 10.7063 15.8307 9.875 15.5494C9.28906 15.351 9.22969 15.2744 9.1 15.1869L11.2125 11.9369Z" fill="#030504" fill-opacity="0.8"/></svg></span></a></li>
|
|
<li class="px-1"><a href="#" :class="{'drop-active':form.soundscape=='Meadow'}" @click.prevent="saveSetting('Meadow','soundscape')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/homemeadow" >Meadow <span class="float-end"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2.69965 0.800019C2.65903 0.806269 2.61215 0.826581 2.54965 0.862519C2.48715 0.898457 2.41528 0.970331 2.37465 1.06252C2.33403 1.15471 2.32622 1.25002 2.33715 1.31252C2.38247 1.56252 2.46215 1.55783 2.52465 1.62502C2.64809 1.75939 2.82465 1.92658 3.06215 2.17502C3.53559 2.67189 4.23247 3.47814 4.96215 4.77502C6.04341 6.69846 7.19184 9.68752 7.71215 14.2375C7.08559 12.7875 6.25434 11.5813 5.39965 10.6125C4.52465 9.62189 3.62778 8.88596 2.88715 8.38752C2.51684 8.13752 2.18715 7.94377 1.91215 7.81252C1.63715 7.68127 1.45903 7.60002 1.19965 7.60002C1.14653 7.60002 1.09028 7.60158 0.999654 7.63752C0.90903 7.67346 0.762154 7.78283 0.724654 7.92502C0.687154 8.06721 0.735592 8.16408 0.762154 8.22502C0.788717 8.28596 0.810592 8.32502 0.837154 8.36252C0.944967 8.50939 1.07622 8.64377 1.26215 8.83752C1.63403 9.22346 2.1934 9.81252 2.77465 10.675C3.93715 12.4016 5.19965 15.2 5.19965 19.575C5.19809 19.7188 5.27309 19.8531 5.39809 19.9266C5.52309 19.9985 5.67622 19.9985 5.80122 19.9266C5.92622 19.8531 6.00122 19.7188 5.99965 19.575C5.99965 15.0453 4.67465 12.0625 3.43715 10.225C3.08872 9.70783 2.83715 9.47033 2.53715 9.12502C3.2059 9.58596 4.01059 10.2563 4.79965 11.15C6.45122 13.0203 7.99966 15.8094 7.99966 19.575C8.00122 19.6 8.00591 19.625 8.01216 19.65C8.0184 19.6891 8.03091 19.7266 8.04965 19.7625C8.06528 19.7985 8.08715 19.8328 8.11215 19.8625C8.13091 19.8813 8.15278 19.8985 8.17465 19.9125C8.18716 19.9219 8.19966 19.9297 8.21215 19.9375C8.24809 19.9563 8.28559 19.9688 8.32466 19.975C8.37778 19.986 8.43403 19.986 8.48715 19.975C8.52778 19.9641 8.56528 19.9469 8.59966 19.925C8.60747 19.9219 8.61684 19.9172 8.62466 19.9125C8.64809 19.8938 8.66841 19.8735 8.68716 19.85C8.71684 19.825 8.74184 19.7953 8.76216 19.7625C8.7809 19.7235 8.79341 19.6813 8.79965 19.6375C8.80122 19.6172 8.80122 19.5953 8.79965 19.575C8.79965 11.7766 7.19497 7.11252 5.66215 4.38752C5.29965 3.74221 4.9434 3.21721 4.61215 2.77502C5.32934 3.37346 6.13716 4.17033 6.96215 5.33752C8.70122 7.79689 10.3731 11.636 10.7247 17.35C10.7231 17.3672 10.7231 17.3828 10.7247 17.4C10.7247 17.4047 10.7247 17.4078 10.7247 17.4125C10.7278 17.4203 10.7325 17.4297 10.7372 17.4375C10.7778 18.125 10.7997 18.8328 10.7997 19.575C10.7981 19.7188 10.8731 19.8531 10.9981 19.9266C11.1231 19.9985 11.2762 19.9985 11.4012 19.9266C11.5262 19.8531 11.6012 19.7188 11.5997 19.575C11.5997 18.811 11.5668 18.0844 11.5247 17.375C11.5278 17.35 11.5278 17.325 11.5247 17.3C11.5247 17.2953 11.5247 17.2922 11.5247 17.2875C11.6903 11.7266 13.234 8.61252 14.6247 6.87502C15.3215 6.00627 15.9825 5.47502 16.4372 5.16252C16.6637 5.00627 16.8293 4.91408 16.9497 4.83752C17.0106 4.79846 17.0418 4.83127 17.1622 4.66252C17.1918 4.62033 17.2403 4.53439 17.2372 4.40002C17.234 4.26564 17.1387 4.12658 17.0622 4.07502C16.909 3.97189 16.8559 4.00158 16.8122 4.00002C16.6012 3.99064 16.2512 4.02971 15.7122 4.18752C15.1731 4.34533 14.484 4.63127 13.7622 5.13752C12.5012 6.02033 11.1528 7.58439 10.2497 10.25C9.52466 8.01877 8.5809 6.24533 7.61215 4.87502C6.58559 3.42346 5.5309 2.42346 4.67465 1.77502C4.24653 1.45002 3.8684 1.22033 3.56215 1.06252C3.2559 0.904707 3.08247 0.800019 2.79965 0.800019C2.77153 0.800019 2.74028 0.793769 2.69965 0.800019ZM14.8247 5.50002C14.5575 5.75939 14.284 6.02033 13.9997 6.37502C12.8512 7.80783 11.6653 10.075 11.0872 13.6C10.9637 12.9188 10.8106 12.2797 10.6497 11.6625C10.6512 11.6578 10.6481 11.6547 10.6497 11.65C11.4793 8.37971 12.9403 6.68752 14.2247 5.78752C14.4497 5.62971 14.6137 5.61252 14.8247 5.50002ZM19.5997 7.60002C19.3403 7.60002 19.1637 7.69377 18.8997 7.82502C18.6356 7.95627 18.3262 8.13752 17.9747 8.38752C17.2715 8.88752 16.4106 9.63439 15.5872 10.625C13.9387 12.6078 12.3997 15.5953 12.3997 19.575C12.3981 19.7188 12.4731 19.8531 12.5981 19.9266C12.7231 19.9985 12.8762 19.9985 13.0012 19.9266C13.1262 19.8531 13.2012 19.7188 13.1997 19.575C13.1997 15.8016 14.659 13.0063 16.2122 11.1375C16.9887 10.2031 17.7903 9.50939 18.4372 9.05002C18.4465 9.04377 18.4528 9.04377 18.4622 9.03752C18.1715 9.39846 17.9137 9.66877 17.5622 10.2375C16.4293 12.0735 15.1997 15.0516 15.1997 19.575C15.1981 19.7188 15.2731 19.8531 15.3981 19.9266C15.5231 19.9985 15.6762 19.9985 15.8012 19.9266C15.9262 19.8531 16.0012 19.7188 15.9997 19.575C15.9997 15.1953 17.1715 12.3891 18.2372 10.6625C18.77 9.79846 19.2762 9.21252 19.6122 8.82502C19.7809 8.63127 19.9028 8.49689 19.9997 8.33752C20.0481 8.25783 20.1637 8.14377 20.0622 7.88752C20.0106 7.75939 19.8856 7.66877 19.7997 7.63752C19.7137 7.60627 19.6528 7.60002 19.5997 7.60002Z" fill="#030504" fill-opacity="0.8"/>
|
|
</svg></span></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="accordion-item" >
|
|
<h2 class="accordion-header" id="panelsStayOpen-headingTwo" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<button class="accordion-button collapsed" >
|
|
{{t("Headphones Type")}}
|
|
</button>
|
|
</h2>
|
|
<ul class="dropdown-menu dropdown-menu-end me-4" aria-labelledby="dropdownMenuButton2">
|
|
<li class="px-1">
|
|
<a :class="{'drop-active':form.headphone_type=='In-ear'}" @click.prevent="saveSetting('In-ear','headphone')" class="dropdown-item py-2 text-muted fw-bold fs-6" to="/" style="border-bottom: 1px solid lightgray;"> {{t("In-Ear")}} <span class="float-end">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14" fill="none" data-v-ae18e86e=""><path d="M5.86326 0.60383C5.69013 0.609264 5.51657 0.627075 5.34451 0.657737C4.88569 0.739501 4.4352 0.912309 4.02107 1.18117L3.30544 1.64524C2.71774 2.02688 2.27864 2.55432 2.00544 3.14758C1.98493 3.14951 1.96412 3.14938 1.94373 3.15227H1.94294C1.75699 3.17883 1.57619 3.24528 1.41404 3.35071C-0.00156889 4.27007 -0.428929 6.152 0.481226 7.54055C1.39142 8.92916 3.28901 9.29666 4.70466 8.37727C4.74672 8.34996 4.78281 8.3166 4.82107 8.28508V12.3999C4.82107 13.1684 5.45259 13.7999 6.22107 13.7999H6.62107C7.38955 13.7999 8.02107 13.1684 8.02107 12.3999V7.17571C9.63509 6.08744 10.0866 3.89546 9.01638 2.26321H9.0156L8.98826 2.22102C8.27851 1.13851 7.07518 0.565795 5.86326 0.60383ZM14.1367 0.60383C12.9248 0.565795 11.7215 1.13853 11.0117 2.22102L10.9844 2.26321H10.9836C9.91334 3.89546 10.3649 6.08744 11.9789 7.17571V12.3999C11.9789 13.1684 12.6104 13.7999 13.3789 13.7999H13.7789C14.5474 13.7999 15.1789 13.1684 15.1789 12.3999V8.28508C15.2171 8.3166 15.2532 8.34996 15.2953 8.37727C16.7109 9.29666 18.6085 8.92916 19.5187 7.54055C20.4289 6.152 20.0015 4.27007 18.5859 3.35071C18.4238 3.24528 18.243 3.17883 18.057 3.15227H18.0562C18.0358 3.14937 18.015 3.14951 17.9945 3.14758C17.7213 2.55435 17.2822 2.02688 16.6945 1.64524L15.9789 1.18117C15.5648 0.912309 15.1143 0.739501 14.6554 0.657737C14.4834 0.627075 14.3098 0.609264 14.1367 0.60383ZM6.02576 1.39836C6.92104 1.41207 7.79198 1.85474 8.31951 2.6593V2.66008L8.34763 2.70227C9.19089 3.98939 8.82915 5.69986 7.53513 6.54055L7.38201 6.63977L6.81951 7.00539C6.34418 7.31393 5.81229 7.45778 5.28591 7.45539C5.29385 7.39239 5.29784 7.3285 5.29607 7.26399C5.28081 6.71556 5.13096 5.85253 4.51638 4.91555C3.95274 4.05623 3.29846 3.58927 2.80857 3.33508C3.02187 2.93601 3.33186 2.58227 3.74138 2.31633L4.45701 1.85149C4.94251 1.53628 5.48859 1.39014 6.02576 1.39836ZM13.9742 1.39836C14.5114 1.39014 15.0574 1.53628 15.5429 1.85149L16.2586 2.31633C16.6681 2.58227 16.9781 2.93601 17.1914 3.33508C16.7015 3.58927 16.0472 4.05623 15.4836 4.91555C14.869 5.85253 14.7191 6.71556 14.7039 7.26399C14.7021 7.32823 14.7062 7.39186 14.714 7.45461C14.1877 7.457 13.6558 7.31393 13.1804 7.00539L12.6179 6.63977L12.4648 6.54055H12.464C11.1704 5.69974 10.8092 3.98923 11.6523 2.70227L11.6531 2.70149L11.6804 2.66008V2.6593C12.208 1.85474 13.0789 1.41207 13.9742 1.39836ZM6.67966 2.22961C6.56437 2.22145 6.44581 2.24642 6.33826 2.30852L5.29841 2.90852C5.01161 3.07412 4.91328 3.44125 5.07888 3.72805C5.24448 4.01485 5.61161 4.11318 5.89841 3.94758L6.93826 3.34758C7.22506 3.18198 7.32339 2.81485 7.15779 2.52805C7.05429 2.3488 6.87182 2.24322 6.67966 2.22961ZM13.3203 2.22961C13.1281 2.24322 12.9457 2.3488 12.8422 2.52805C12.6766 2.81485 12.7749 3.18198 13.0617 3.34758L14.1015 3.94758C14.3883 4.11318 14.7555 4.01485 14.9211 3.72805C15.0867 3.44125 14.9883 3.07412 14.7015 2.90852L13.6617 2.30852C13.5541 2.24642 13.4356 2.22145 13.3203 2.22961ZM2.05544 3.94367C2.15001 3.93026 2.24566 3.94415 2.33044 3.9843H2.33123C2.72151 4.16819 3.32214 4.55465 3.84685 5.35461C4.37147 6.15443 4.48413 6.85669 4.49607 7.28586C4.49887 7.38806 4.46868 7.48582 4.40935 7.57102C4.37312 7.62294 4.32668 7.66905 4.26951 7.70617C3.20676 8.39638 1.81658 8.11847 1.14998 7.10149C0.48333 6.08444 0.787183 4.71203 1.84998 4.0218C1.91401 3.98016 1.98405 3.95398 2.05544 3.94367ZM17.8031 3.94367C17.8493 3.93687 17.8966 3.93706 17.9437 3.94367C18.0154 3.95391 18.0857 3.98003 18.15 4.0218C19.2128 4.71203 19.5166 6.08444 18.85 7.10149C18.1834 8.11847 16.7932 8.39638 15.7304 7.70617C15.6733 7.66905 15.6268 7.62294 15.5906 7.57102C15.5313 7.48582 15.5011 7.38806 15.5039 7.28586C15.5158 6.85669 15.6285 6.15443 16.1531 5.35461C16.6778 4.55465 17.2784 4.16819 17.6687 3.9843H17.6695C17.7118 3.96429 17.7569 3.95048 17.8031 3.94367ZM2.01951 5.4218C1.92048 5.42359 1.82564 5.46204 1.75334 5.52973C1.68104 5.59741 1.63641 5.68951 1.6281 5.78821C1.59915 6.08549 1.66547 6.39728 1.83982 6.66477V6.66555C2.01442 6.93255 2.27361 7.11937 2.55779 7.21242C2.60816 7.23057 2.66166 7.23841 2.71512 7.2355C2.76858 7.23258 2.82091 7.21897 2.86901 7.19546C2.91711 7.17195 2.96 7.13903 2.99514 7.09864C3.03028 7.05825 3.05696 7.01121 3.07359 6.96032C3.09022 6.90944 3.09647 6.85573 3.09196 6.80238C3.08746 6.74903 3.07229 6.69713 3.04736 6.64975C3.02242 6.60237 2.98823 6.56048 2.94682 6.52656C2.9054 6.49264 2.85759 6.46737 2.80623 6.45227C2.68261 6.41179 2.58191 6.33754 2.51013 6.22805C2.43888 6.11874 2.41154 5.99546 2.42419 5.86555C2.43041 5.80907 2.42453 5.75191 2.40693 5.69789C2.38933 5.64386 2.36043 5.5942 2.32214 5.55222C2.28385 5.51023 2.23706 5.47688 2.18488 5.4544C2.13269 5.43191 2.07632 5.4208 2.01951 5.4218ZM17.9687 5.4218C17.9129 5.42245 17.8578 5.43478 17.8071 5.458C17.7563 5.48121 17.7109 5.5148 17.6739 5.5566C17.6369 5.59839 17.609 5.64747 17.5921 5.70068C17.5752 5.75389 17.5697 5.81005 17.5758 5.86555C17.5884 5.99546 17.5611 6.11874 17.4898 6.22805C17.418 6.33754 17.3173 6.41179 17.1937 6.45227C17.1424 6.46737 17.0946 6.49264 17.0531 6.52656C17.0117 6.56048 16.9775 6.60237 16.9526 6.64975C16.9277 6.69713 16.9125 6.74903 16.908 6.80238C16.9035 6.85573 16.9097 6.90944 16.9264 6.96032C16.943 7.01121 16.9697 7.05825 17.0048 7.09864C17.04 7.13903 17.0828 7.17195 17.1309 7.19546C17.179 7.21897 17.2314 7.23258 17.2848 7.2355C17.3383 7.23841 17.3918 7.23057 17.4422 7.21242C17.7263 7.11937 17.9855 6.93255 18.1601 6.66555V6.66477C18.3345 6.39728 18.4008 6.08549 18.3719 5.78821C18.3634 5.68751 18.3171 5.59375 18.2423 5.52578C18.1675 5.45781 18.0698 5.42066 17.9687 5.4218ZM7.22107 7.69602V12.3999C7.22107 12.7362 6.95739 12.9999 6.62107 12.9999H6.22107C5.88475 12.9999 5.62107 12.7362 5.62107 12.3999V8.23977C6.17397 8.18959 6.72271 8.01196 7.22107 7.69602ZM12.7789 7.69602C13.2772 8.01196 13.826 8.18959 14.3789 8.23977V12.3999C14.3789 12.7362 14.1152 12.9999 13.7789 12.9999H13.3789C13.0426 12.9999 12.7789 12.7362 12.7789 12.3999V7.69602Z" fill="#030504" fill-opacity="0.8" data-v-ae18e86e=""></path></svg>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="px-1">
|
|
<a :class="{'drop-active':form.headphone_type=='Over-ear'}" @click.prevent="saveSetting('Over-ear','headphone')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/hometropics" style="border-bottom: 1px solid lightgray;"> {{t("Over-Ear")}}
|
|
<span class="float-end">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" data-v-ae18e86e=""><path d="M9.99906 0.399902C5.37528 0.399902 1.59906 3.97515 1.59906 8.3999C1.54605 8.39915 1.49343 8.40895 1.44424 8.42871C1.39505 8.44848 1.35028 8.47782 1.31254 8.51504C1.27479 8.55226 1.24481 8.59661 1.22435 8.64551C1.20389 8.69441 1.19336 8.74689 1.19336 8.7999C1.19336 8.85291 1.20389 8.90539 1.22435 8.9543C1.24481 9.0032 1.27479 9.04755 1.31254 9.08477C1.35028 9.12198 1.39505 9.15133 1.44424 9.17109C1.49343 9.19086 1.54605 9.20065 1.59906 9.1999H2.39906C2.45206 9.20065 2.50469 9.19086 2.55387 9.17109C2.60306 9.15133 2.64783 9.12198 2.68558 9.08477C2.72333 9.04755 2.7533 9.0032 2.77376 8.9543C2.79422 8.90539 2.80475 8.85291 2.80475 8.7999C2.80475 8.74689 2.79422 8.69441 2.77376 8.64551C2.7533 8.59661 2.72333 8.55226 2.68558 8.51504C2.64783 8.47782 2.60306 8.44848 2.55387 8.42871C2.50469 8.40895 2.45206 8.39915 2.39906 8.3999C2.39906 8.26095 2.41274 8.12521 2.42093 7.98818C2.47673 8.00825 2.53628 8.01566 2.5953 8.00989C2.65431 8.00411 2.7113 7.98529 2.76214 7.95478C2.81298 7.92428 2.85641 7.88285 2.88928 7.8335C2.92215 7.78415 2.94363 7.72811 2.95218 7.66943C3.08435 6.92305 3.68762 5.67079 4.82952 4.64678C5.97143 3.62276 7.63909 2.7999 9.95843 2.7999C12.2778 2.7999 13.9454 3.62276 15.0873 4.64678C16.2292 5.67079 16.8325 6.92305 16.9647 7.66943C16.9743 7.7355 17.0002 7.79812 17.0402 7.85159C17.0801 7.90506 17.1329 7.94767 17.1935 7.97555C17.2542 8.00343 17.3208 8.01569 17.3874 8.01121C17.454 8.00673 17.5185 7.98565 17.5748 7.9499C17.5846 8.09947 17.5991 8.24803 17.5991 8.3999C17.5461 8.39915 17.4934 8.40895 17.4442 8.42871C17.3951 8.44848 17.3503 8.47782 17.3125 8.51504C17.2748 8.55226 17.2448 8.59661 17.2244 8.64551C17.2039 8.69441 17.1934 8.74689 17.1934 8.7999C17.1934 8.85291 17.2039 8.90539 17.2244 8.9543C17.2448 9.0032 17.2748 9.04755 17.3125 9.08477C17.3503 9.12198 17.3951 9.15133 17.4442 9.17109C17.4934 9.19086 17.5461 9.20065 17.5991 9.1999H18.3991C18.4521 9.20065 18.5047 9.19086 18.5539 9.17109C18.6031 9.15133 18.6478 9.12198 18.6856 9.08477C18.7233 9.04755 18.7533 9.0032 18.7738 8.9543C18.7942 8.90539 18.8048 8.85291 18.8048 8.7999C18.8048 8.74689 18.7942 8.69441 18.7738 8.64551C18.7533 8.59661 18.7233 8.55226 18.6856 8.51504C18.6478 8.47782 18.6031 8.44848 18.5539 8.42871C18.5047 8.40895 18.4521 8.39915 18.3991 8.3999C18.3991 3.97515 14.6228 0.399902 9.99906 0.399902ZM9.99906 1.1999C13.2576 1.1999 16.0138 3.13596 17.0991 5.84834C16.7475 5.24495 16.2586 4.62261 15.6217 4.05146C14.3479 2.90918 12.4691 1.9999 9.95843 1.9999C7.44777 1.9999 5.56894 2.90918 4.29515 4.05146C3.79393 4.50094 3.38775 4.98206 3.06468 5.46084C4.24908 2.95324 6.89748 1.1999 9.99906 1.1999ZM1.59906 9.9999V11.1218H1.62484C1.38611 11.348 1.19906 11.7199 1.19906 12.2288C1.19906 12.6388 1.31376 13.2311 1.50062 13.9608C1.68748 14.6906 1.95104 15.5341 2.2639 16.3421C2.57676 17.1501 2.93618 17.9204 3.33421 18.5147C3.73224 19.1091 4.17147 19.5999 4.79906 19.5999C5.31001 19.5999 5.67754 19.2834 5.86468 18.9585V18.9577C5.88225 18.9273 5.8905 18.9018 5.90374 18.8733C6.06853 18.924 6.25172 18.9476 6.44828 18.9476C6.68365 18.9476 6.91542 18.8809 7.09359 18.7429C7.27176 18.6048 7.38351 18.4112 7.44593 18.2132C7.57078 17.8171 7.54043 17.3775 7.45999 16.8968C7.29913 15.9353 6.89112 14.8076 6.56078 13.9335C6.22974 13.057 5.93316 12.2301 5.57796 11.5851C5.40036 11.2626 5.20855 10.9819 4.96624 10.7655C4.72394 10.5491 4.41189 10.3999 4.07093 10.3999C3.63714 10.3999 3.24635 10.5877 3.02953 10.903C3.02055 10.9161 3.01603 10.9311 3.00765 10.9444C2.85925 10.8725 2.65933 10.7999 2.39906 10.7999V9.9999H1.59906ZM17.5991 9.9999V10.7999C17.3388 10.7999 17.1389 10.8725 16.9905 10.9444C16.9821 10.9311 16.9776 10.9161 16.9686 10.903C16.7518 10.5877 16.361 10.3999 15.9272 10.3999C15.5862 10.3999 15.2742 10.5492 15.0319 10.7655C14.7896 10.9819 14.5977 11.2626 14.4202 11.5851C14.065 12.2301 13.7684 13.057 13.4373 13.9335C13.107 14.8076 12.699 15.9353 12.5381 16.8968C12.4577 17.3775 12.4273 17.8171 12.5522 18.2132C12.6146 18.4112 12.7264 18.6048 12.9045 18.7429C13.0827 18.8809 13.3145 18.9476 13.5498 18.9476C13.7461 18.9476 13.929 18.9238 14.0936 18.8733C14.1069 18.9021 14.1157 18.9277 14.1334 18.9585C14.3206 19.2834 14.6881 19.5999 15.1991 19.5999C15.8266 19.5999 16.2659 19.1091 16.6639 18.5147C17.0619 17.9204 17.4214 17.1501 17.7342 16.3421C18.0471 15.5341 18.3106 14.6906 18.4975 13.9608C18.6844 13.2311 18.7991 12.6388 18.7991 12.2288C18.7991 11.7199 18.612 11.348 18.3733 11.1218H18.3991V9.9999H17.5991ZM4.07093 11.1999C4.19417 11.1999 4.29506 11.2395 4.43265 11.3624C4.57024 11.4853 4.72498 11.6946 4.87718 11.971C5.18159 12.5238 5.47897 13.3336 5.81234 14.2163C6.13839 15.079 6.5303 16.1883 6.67093 17.0288C6.74125 17.4491 6.73656 17.8015 6.68265 17.9726C6.65569 18.0581 6.62743 18.0917 6.60374 18.1101C6.58006 18.1284 6.5473 18.1476 6.44828 18.1476C6.16154 18.1476 6.08366 18.1084 6.01078 18.0437C5.93789 17.9789 5.84083 17.8157 5.70687 17.5194C5.45163 16.9549 4.99967 15.6824 4.61859 14.6577C4.42972 14.1499 4.20674 13.5374 4.01937 13.0015C3.83211 12.4658 3.67696 11.9853 3.64046 11.8272V11.8265C3.58995 11.6062 3.62663 11.4467 3.6889 11.3562C3.75127 11.2654 3.84112 11.1999 4.07093 11.1999ZM15.9272 11.1999C16.157 11.1999 16.2468 11.2654 16.3092 11.3562C16.3716 11.4469 16.4085 11.6064 16.3577 11.8272C16.3212 11.9853 16.166 12.4658 15.9787 13.0015C15.7914 13.5374 15.5684 14.1499 15.3795 14.6577C14.9985 15.6823 14.5463 16.9545 14.2912 17.5194C14.1573 17.8157 14.0602 17.9789 13.9873 18.0437C13.9145 18.1084 13.8366 18.1476 13.5498 18.1476C13.4508 18.1476 13.4181 18.1284 13.3944 18.1101C13.3707 18.0917 13.3424 18.0581 13.3155 17.9726C13.2615 17.8015 13.2569 17.4491 13.3272 17.0288C13.4678 16.1883 13.8597 15.079 14.1858 14.2163C14.5191 13.3336 14.8165 12.5238 15.1209 11.971C15.2731 11.6946 15.4279 11.4853 15.5655 11.3624C15.7031 11.2395 15.8039 11.1999 15.9272 11.1999ZM2.39906 11.5999C2.55657 11.5999 2.61602 11.63 2.70296 11.6788C2.73409 11.6963 2.77966 11.7274 2.82484 11.7562C2.83157 11.8393 2.84163 11.9231 2.86077 12.0062C2.86077 12.0064 2.86077 12.0067 2.86077 12.0069C2.922 12.2724 3.07387 12.722 3.2639 13.2655C3.45393 13.8091 3.67826 14.4249 3.86859 14.9366C4.24591 15.9512 4.6852 17.2008 4.97796 17.8483C5.06307 18.0366 5.14392 18.2073 5.24593 18.3624C5.24212 18.3743 5.23437 18.3912 5.23109 18.4015C5.20528 18.4825 5.19023 18.5265 5.17171 18.5585C5.10839 18.6686 4.94867 18.7999 4.79906 18.7999C4.67664 18.7999 4.34087 18.581 3.99828 18.0694C3.65568 17.5579 3.30885 16.8268 3.00921 16.053C2.70958 15.2792 2.45438 14.4605 2.27562 13.7624C2.09685 13.0643 1.99906 12.4628 1.99906 12.2288C1.99906 11.8436 2.10498 11.7403 2.19203 11.6757C2.27907 11.611 2.41548 11.5999 2.39906 11.5999ZM17.5991 11.5999C17.5826 11.5999 17.719 11.611 17.8061 11.6757C17.8931 11.7403 17.9991 11.8436 17.9991 12.2288C17.9991 12.4628 17.9013 13.0643 17.7225 13.7624C17.5437 14.4605 17.2885 15.2792 16.9889 16.053C16.6893 16.8269 16.3424 17.5579 15.9998 18.0694C15.6572 18.581 15.3215 18.7999 15.1991 18.7999C15.0494 18.7999 14.8897 18.6686 14.8264 18.5585C14.8079 18.5265 14.7928 18.4825 14.767 18.4015C14.7637 18.3912 14.756 18.3743 14.7522 18.3624C14.8542 18.2073 14.935 18.0366 15.0202 17.8483C15.3123 17.2012 15.7522 15.9513 16.1295 14.9366C16.3199 14.4249 16.5442 13.8091 16.7342 13.2655C16.9242 12.722 17.0761 12.2724 17.1373 12.0069C17.1373 12.0067 17.1373 12.0064 17.1373 12.0062C17.1565 11.9231 17.1665 11.8393 17.1733 11.7562C17.2185 11.7274 17.264 11.6963 17.2952 11.6788C17.3821 11.63 17.4415 11.5999 17.5991 11.5999Z" fill="#030504" fill-opacity="0.8" data-v-ae18e86e=""></path></svg>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="panelsStayOpen-headingThree" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
|
|
{{t("ANC")}}
|
|
</button>
|
|
</h2>
|
|
|
|
<ul class="dropdown-menu dropdown-menu-end me-4" aria-labelledby="dropdownMenuButton2">
|
|
<li class="px-1">
|
|
<a :class="{'drop-active':form.anc_type==='yes'}" @click.prevent="saveSetting('yes','anc')" class="dropdown-item py-2 text-muted fw-bold fs-6" to="/" style="border-bottom: 1px solid lightgray;"> {{t('Yes')}} <span class="float-end">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none" data-v-ae18e86e=""><path d="M5.16262 0.387549C5.14543 0.390674 5.12825 0.395362 5.11262 0.400049C4.92668 0.442237 4.79543 0.609424 4.80012 0.800049V15.2C4.79856 15.3438 4.87356 15.4782 4.99856 15.5516C5.12356 15.6235 5.27668 15.6235 5.40168 15.5516C5.52668 15.4782 5.60168 15.3438 5.60012 15.2V0.800049C5.60481 0.684424 5.55793 0.573487 5.47512 0.495361C5.39075 0.415674 5.27668 0.376612 5.16262 0.387549ZM14.7626 0.387549C14.7454 0.390674 14.7282 0.395362 14.7126 0.400049C14.5267 0.442237 14.3954 0.609424 14.4001 0.800049V15.2C14.3986 15.3438 14.4736 15.4782 14.5986 15.5516C14.7236 15.6235 14.8767 15.6235 15.0017 15.5516C15.1267 15.4782 15.2017 15.3438 15.2001 15.2V0.800049C15.2048 0.684424 15.1579 0.573487 15.0751 0.495361C14.9907 0.415674 14.8767 0.376612 14.7626 0.387549ZM2.76262 3.98755C2.74543 3.99067 2.72825 3.99536 2.71262 4.00005C2.52668 4.04224 2.39543 4.20942 2.40012 4.40005V11.6C2.39856 11.7438 2.47356 11.8782 2.59856 11.9516C2.72356 12.0235 2.87668 12.0235 3.00168 11.9516C3.12668 11.8782 3.20168 11.7438 3.20012 11.6V4.40005C3.20481 4.28442 3.15793 4.17349 3.07512 4.09536C2.99075 4.01567 2.87668 3.97661 2.76262 3.98755ZM17.1626 3.98755C17.1454 3.99067 17.1282 3.99536 17.1126 4.00005C16.9267 4.04224 16.7954 4.20942 16.8001 4.40005V11.6C16.7986 11.7438 16.8736 11.8782 16.9986 11.9516C17.1236 12.0235 17.2767 12.0235 17.4017 11.9516C17.5267 11.8782 17.6017 11.7438 17.6001 11.6V4.40005C17.6048 4.28442 17.5579 4.17349 17.4751 4.09536C17.3907 4.01567 17.2767 3.97661 17.1626 3.98755ZM7.56262 4.38755C7.54543 4.39067 7.52825 4.39536 7.51262 4.40005C7.32668 4.44224 7.19543 4.60942 7.20012 4.80005V8.00005V11.2C7.19856 11.3438 7.27356 11.4782 7.39856 11.5516C7.52356 11.6235 7.67668 11.6235 7.80168 11.5516C7.92668 11.4782 8.00168 11.3438 8.00012 11.2V4.80005C8.00481 4.68442 7.95793 4.57349 7.87512 4.49536C7.79075 4.41567 7.67668 4.37661 7.56262 4.38755ZM12.3626 4.38755C12.3454 4.39067 12.3282 4.39536 12.3126 4.40005C12.1267 4.44224 11.9954 4.60942 12.0001 4.80005V11.2C11.9986 11.3438 12.0736 11.4782 12.1986 11.5516C12.3236 11.6235 12.4767 11.6235 12.6017 11.5516C12.7267 11.4782 12.8017 11.3438 12.8001 11.2V4.80005C12.8048 4.68442 12.7579 4.57349 12.6751 4.49536C12.5907 4.41567 12.4767 4.37661 12.3626 4.38755ZM0.362622 6.38755C0.345434 6.39067 0.328247 6.39536 0.312622 6.40005C0.126684 6.44224 -0.00456587 6.60942 0.000121649 6.80005V9.20005C-0.00144085 9.3438 0.0735592 9.47817 0.198559 9.55161C0.323559 9.62349 0.476684 9.62349 0.601684 9.55161C0.726684 9.47817 0.801684 9.3438 0.800122 9.20005V6.80005C0.804809 6.68442 0.757934 6.57349 0.675122 6.49536C0.590747 6.41567 0.476684 6.37661 0.362622 6.38755ZM9.96262 6.38755C9.94543 6.39067 9.92825 6.39536 9.91262 6.40005C9.72668 6.44224 9.59543 6.60942 9.60012 6.80005V9.20005C9.59856 9.3438 9.67356 9.47817 9.79856 9.55161C9.92356 9.62349 10.0767 9.62349 10.2017 9.55161C10.3267 9.47817 10.4017 9.3438 10.4001 9.20005V6.80005C10.4048 6.68442 10.3579 6.57349 10.2751 6.49536C10.1907 6.41567 10.0767 6.37661 9.96262 6.38755ZM19.5626 6.38755C19.5454 6.39067 19.5282 6.39536 19.5126 6.40005C19.3267 6.44224 19.1954 6.60942 19.2001 6.80005V9.20005C19.1986 9.3438 19.2736 9.47817 19.3986 9.55161C19.5236 9.62349 19.6767 9.62349 19.8017 9.55161C19.9267 9.47817 20.0017 9.3438 20.0001 9.20005V6.80005C20.0048 6.68442 19.9579 6.57349 19.8751 6.49536C19.7907 6.41567 19.6767 6.37661 19.5626 6.38755Z" fill="#030504" fill-opacity="0.8" data-v-ae18e86e=""></path></svg>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="px-1">
|
|
<a :class="{'drop-active':form.anc_type==='no'}" @click.prevent="saveSetting('no','anc')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/hometropics" style="border-bottom: 1px solid lightgray;"> {{t('NO')}}
|
|
<span class="float-end">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" data-v-ae18e86e=""><g clip-path="url(#clip0_143_324)" data-v-ae18e86e=""><path d="M5.16262 2.38755C5.14543 2.39067 5.12825 2.39536 5.11262 2.40005C4.92668 2.44224 4.79543 2.60942 4.80012 2.80005V17.2C4.79856 17.3438 4.87356 17.4782 4.99856 17.5516C5.12356 17.6235 5.27668 17.6235 5.40168 17.5516C5.52668 17.4782 5.60168 17.3438 5.60012 17.2V2.80005C5.60481 2.68442 5.55793 2.57349 5.47512 2.49536C5.39075 2.41567 5.27668 2.37661 5.16262 2.38755ZM14.7626 2.38755C14.7454 2.39067 14.7282 2.39536 14.7126 2.40005C14.5267 2.44224 14.3954 2.60942 14.4001 2.80005V17.2C14.3986 17.3438 14.4736 17.4782 14.5986 17.5516C14.7236 17.6235 14.8767 17.6235 15.0017 17.5516C15.1267 17.4782 15.2017 17.3438 15.2001 17.2V2.80005C15.2048 2.68442 15.1579 2.57349 15.0751 2.49536C14.9907 2.41567 14.8767 2.37661 14.7626 2.38755ZM2.76262 5.98755C2.74543 5.99067 2.72825 5.99536 2.71262 6.00005C2.52668 6.04224 2.39543 6.20942 2.40012 6.40005V13.6C2.39856 13.7438 2.47356 13.8782 2.59856 13.9516C2.72356 14.0235 2.87668 14.0235 3.00168 13.9516C3.12668 13.8782 3.20168 13.7438 3.20012 13.6V6.40005C3.20481 6.28442 3.15793 6.17349 3.07512 6.09536C2.99075 6.01567 2.87668 5.97661 2.76262 5.98755ZM17.1626 5.98755C17.1454 5.99067 17.1282 5.99536 17.1126 6.00005C16.9267 6.04224 16.7954 6.20942 16.8001 6.40005V13.6C16.7986 13.7438 16.8736 13.8782 16.9986 13.9516C17.1236 14.0235 17.2767 14.0235 17.4017 13.9516C17.5267 13.8782 17.6017 13.7438 17.6001 13.6V6.40005C17.6048 6.28442 17.5579 6.17349 17.4751 6.09536C17.3907 6.01567 17.2767 5.97661 17.1626 5.98755ZM7.56262 6.38755C7.54543 6.39067 7.52825 6.39536 7.51262 6.40005C7.32668 6.44224 7.19543 6.60942 7.20012 6.80005V10V13.2C7.19856 13.3438 7.27356 13.4782 7.39856 13.5516C7.52356 13.6235 7.67668 13.6235 7.80168 13.5516C7.92668 13.4782 8.00168 13.3438 8.00012 13.2V6.80005C8.00481 6.68442 7.95793 6.57349 7.87512 6.49536C7.79075 6.41567 7.67668 6.37661 7.56262 6.38755ZM12.3626 6.38755C12.3454 6.39067 12.3282 6.39536 12.3126 6.40005C12.1267 6.44224 11.9954 6.60942 12.0001 6.80005V13.2C11.9986 13.3438 12.0736 13.4782 12.1986 13.5516C12.3236 13.6235 12.4767 13.6235 12.6017 13.5516C12.7267 13.4782 12.8017 13.3438 12.8001 13.2V6.80005C12.8048 6.68442 12.7579 6.57349 12.6751 6.49536C12.5907 6.41567 12.4767 6.37661 12.3626 6.38755ZM0.362622 8.38755C0.345434 8.39067 0.328247 8.39536 0.312622 8.40005C0.126684 8.44224 -0.00456587 8.60942 0.000121649 8.80005V11.2C-0.00144085 11.3438 0.0735592 11.4782 0.198559 11.5516C0.323559 11.6235 0.476684 11.6235 0.601684 11.5516C0.726684 11.4782 0.801684 11.3438 0.800122 11.2V8.80005C0.804809 8.68442 0.757934 8.57349 0.675122 8.49536C0.590747 8.41567 0.476684 8.37661 0.362622 8.38755ZM9.96262 8.38755C9.94543 8.39067 9.92825 8.39536 9.91262 8.40005C9.72668 8.44224 9.59543 8.60942 9.60012 8.80005V11.2C9.59856 11.3438 9.67356 11.4782 9.79856 11.5516C9.92356 11.6235 10.0767 11.6235 10.2017 11.5516C10.3267 11.4782 10.4017 11.3438 10.4001 11.2V8.80005C10.4048 8.68442 10.3579 8.57349 10.2751 8.49536C10.1907 8.41567 10.0767 8.37661 9.96262 8.38755ZM19.5626 8.38755C19.5454 8.39067 19.5282 8.39536 19.5126 8.40005C19.3267 8.44224 19.1954 8.60942 19.2001 8.80005V11.2C19.1986 11.3438 19.2736 11.4782 19.3986 11.5516C19.5236 11.6235 19.6767 11.6235 19.8017 11.5516C19.9267 11.4782 20.0017 11.3438 20.0001 11.2V8.80005C20.0048 8.68442 19.9579 8.57349 19.8751 8.49536C19.7907 8.41567 19.6767 8.37661 19.5626 8.38755Z" fill="#030504" fill-opacity="0.8" data-v-ae18e86e=""></path><rect x="1.82617" y="0.907189" width="24.343" height="1.3" rx="0.65" transform="rotate(45 1.82617 0.907189)" fill="#333534" stroke="white" stroke-width="0.5" data-v-ae18e86e=""></rect></g><defs data-v-ae18e86e=""><clipPath id="clip0_143_324" data-v-ae18e86e=""><rect width="20" height="20" fill="white" data-v-ae18e86e=""></rect></clipPath></defs></svg>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="row pt-3">
|
|
<div class="col-7 ps-4 ">
|
|
<p class="fs-6 ms-2">{{t("Adaptive soundcape")}} </p>
|
|
</div>
|
|
<div class="col-5 pe-4">
|
|
<div class="form-check form-switch float-end">
|
|
<input class="form-check-input" v-model="adaptiveSounscape" @change="saveSetting" type="checkbox" role="switch" id="flexSwitchCheckDefault">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script >
|
|
export default {
|
|
name:'Soundscape',
|
|
setup(){
|
|
const { t } = useI18n()
|
|
const localePath = useLocalePath()
|
|
return {t,localePath}
|
|
},
|
|
data(){
|
|
return {
|
|
adaptiveSounscape:false,
|
|
form:{
|
|
soundscape:'',
|
|
headphone_type:"",
|
|
anc_type:"",
|
|
adaptive_sound_scape:"",
|
|
}
|
|
}
|
|
},
|
|
mounted() {
|
|
this.fetchSettings();
|
|
},
|
|
|
|
methods:{
|
|
fetchSettings(){
|
|
this.$axios.post('/api/fetch-settings',this.form).then(({data})=>{
|
|
console.log(data);
|
|
if(data.success){
|
|
this.form=data.setting;
|
|
if (data.adaptive_sound_scape=='yes'){
|
|
this.form.adaptive_sound_scape=true;
|
|
}else{
|
|
this.form.adaptive_sound_scape=false;
|
|
}
|
|
}
|
|
}).catch((e)=>{
|
|
this.$toast.error("something went wrong while saving...");
|
|
})
|
|
},
|
|
saveSetting(value,type){
|
|
console.log(this.adaptiveSounscape);
|
|
if(type=='soundscape'){
|
|
this.form.soundscape=value;
|
|
}
|
|
if (type=='headphone'){
|
|
|
|
this.form.headphone_type=value;
|
|
}
|
|
if (type=='anc'){
|
|
|
|
this.form.anc_type=value;
|
|
}
|
|
if (this.adaptiveSounscape==true){
|
|
this.form.adaptive_sound_scape='yes';
|
|
}else {
|
|
this.form.adaptive_sound_scape='no';
|
|
}
|
|
|
|
this.$axios.post('/api/update-setting',this.form).then(({data})=>{
|
|
console.log(data);
|
|
if(data.success){
|
|
this.$toast.success(data.message);
|
|
this.form=data.setting;
|
|
}
|
|
}).catch((e)=>{
|
|
this.$toast.error("something went wrong while saving...");
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script >
|
|
|
|
<style scoped>
|
|
.accordion-item {
|
|
border: none;
|
|
}
|
|
.accordion-button:not(.collapsed) {
|
|
color: black;
|
|
box-shadow: none;
|
|
}
|
|
.accordion-button:focus {
|
|
z-index: 3;
|
|
border:none;
|
|
outline: 0;
|
|
box-shadow: none;
|
|
}
|
|
.accordion-button:not(.collapsed) {
|
|
background-color: white;
|
|
box-shadow: none;
|
|
}
|
|
.form-switch .form-check-input {
|
|
padding: 10px 16px;
|
|
background-color: black;
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
|
|
|
|
}
|
|
.drop-active{
|
|
color: white !important;
|
|
background-color: #e9c046;
|
|
border-radius: 10px;
|
|
margin-top: 2px;
|
|
}
|
|
</style> |