From d9a128b1420c7b76c317e69cc544df58544267fc Mon Sep 17 00:00:00 2001 From: Roberto Tonino Date: Thu, 17 Sep 2020 22:43:52 +0200 Subject: [PATCH] wip: login data in store --- public/js/bundle.js | 8 +- src/app.js | 83 ++++++------------- src/components/TheHomeTab.vue | 29 +++---- src/components/TheSettingsTab.vue | 130 ++++++++++++++++++------------ src/store/index.js | 4 +- src/store/modules/login.js | 75 +++++++++++++++++ 6 files changed, 195 insertions(+), 134 deletions(-) create mode 100644 src/store/modules/login.js diff --git a/public/js/bundle.js b/public/js/bundle.js index 4025d70..74c08e7 100644 --- a/public/js/bundle.js +++ b/public/js/bundle.js @@ -33,7 +33,7 @@ function(e){var t,n,a,i,r,s,o,l,c,d,u,p,h,m,f,g,v,b,y,_="sizzle"+1*new Date,k=e. * vuex v3.5.1 * (c) 2020 Evan You * @license MIT - */var To=("undefined"!=typeof window?window:"undefined"!=typeof global?global:{}).__VUE_DEVTOOLS_GLOBAL_HOOK__;function So(e,t){if(void 0===t&&(t=[]),null===e||"object"!=typeof e)return e;var n,a=(n=function(t){return t.original===e},t.filter(n)[0]);if(a)return a.copy;var i=Array.isArray(e)?[]:{};return t.push({original:e,copy:i}),Object.keys(e).forEach((function(n){i[n]=So(e[n],t)})),i}function zo(e,t){Object.keys(e).forEach((function(n){return t(e[n],n)}))}function Mo(e){return null!==e&&"object"==typeof e}var Do=function(e,t){this.runtime=t,this._children=Object.create(null),this._rawModule=e;var n=e.state;this.state=("function"==typeof n?n():n)||{}},No={namespaced:{configurable:!0}};No.namespaced.get=function(){return!!this._rawModule.namespaced},Do.prototype.addChild=function(e,t){this._children[e]=t},Do.prototype.removeChild=function(e){delete this._children[e]},Do.prototype.getChild=function(e){return this._children[e]},Do.prototype.hasChild=function(e){return e in this._children},Do.prototype.update=function(e){this._rawModule.namespaced=e.namespaced,e.actions&&(this._rawModule.actions=e.actions),e.mutations&&(this._rawModule.mutations=e.mutations),e.getters&&(this._rawModule.getters=e.getters)},Do.prototype.forEachChild=function(e){zo(this._children,e)},Do.prototype.forEachGetter=function(e){this._rawModule.getters&&zo(this._rawModule.getters,e)},Do.prototype.forEachAction=function(e){this._rawModule.actions&&zo(this._rawModule.actions,e)},Do.prototype.forEachMutation=function(e){this._rawModule.mutations&&zo(this._rawModule.mutations,e)},Object.defineProperties(Do.prototype,No);var $o,Po=function(e){this.register([],e,!1)};Po.prototype.get=function(e){return e.reduce((function(e,t){return e.getChild(t)}),this.root)},Po.prototype.getNamespace=function(e){var t=this.root;return e.reduce((function(e,n){return e+((t=t.getChild(n)).namespaced?n+"/":"")}),"")},Po.prototype.update=function(e){!function e(t,n,a){if(n.update(a),a.modules)for(var i in a.modules){if(!n.getChild(i))return;e(t.concat(i),n.getChild(i),a.modules[i])}}([],this.root,e)},Po.prototype.register=function(e,t,n){var a=this;void 0===n&&(n=!0);var i=new Do(t,n);0===e.length?this.root=i:this.get(e.slice(0,-1)).addChild(e[e.length-1],i);t.modules&&zo(t.modules,(function(t,i){a.register(e.concat(i),t,n)}))},Po.prototype.unregister=function(e){var t=this.get(e.slice(0,-1)),n=e[e.length-1],a=t.getChild(n);a&&a.runtime&&t.removeChild(n)},Po.prototype.isRegistered=function(e){var t=this.get(e.slice(0,-1)),n=e[e.length-1];return t.hasChild(n)};var Lo=function(e){var t=this;void 0===e&&(e={}),!$o&&"undefined"!=typeof window&&window.Vue&&qo(window.Vue);var n=e.plugins;void 0===n&&(n=[]);var a=e.strict;void 0===a&&(a=!1),this._committing=!1,this._actions=Object.create(null),this._actionSubscribers=[],this._mutations=Object.create(null),this._wrappedGetters=Object.create(null),this._modules=new Po(e),this._modulesNamespaceMap=Object.create(null),this._subscribers=[],this._watcherVM=new $o,this._makeLocalGettersCache=Object.create(null);var i=this,r=this.dispatch,s=this.commit;this.dispatch=function(e,t){return r.call(i,e,t)},this.commit=function(e,t,n){return s.call(i,e,t,n)},this.strict=a;var o=this._modules.root.state;Fo(this,o,[],this._modules.root),jo(this,o),n.forEach((function(e){return e(t)})),(void 0!==e.devtools?e.devtools:$o.config.devtools)&&function(e){To&&(e._devtoolHook=To,To.emit("vuex:init",e),To.on("vuex:travel-to-state",(function(t){e.replaceState(t)})),e.subscribe((function(e,t){To.emit("vuex:mutation",e,t)}),{prepend:!0}),e.subscribeAction((function(e,t){To.emit("vuex:action",e,t)}),{prepend:!0}))}(this)},Ro={state:{configurable:!0}};function Eo(e,t,n){return t.indexOf(e)<0&&(n&&n.prepend?t.unshift(e):t.push(e)),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}function Io(e,t){e._actions=Object.create(null),e._mutations=Object.create(null),e._wrappedGetters=Object.create(null),e._modulesNamespaceMap=Object.create(null);var n=e.state;Fo(e,n,[],e._modules.root,!0),jo(e,n,t)}function jo(e,t,n){var a=e._vm;e.getters={},e._makeLocalGettersCache=Object.create(null);var i=e._wrappedGetters,r={};zo(i,(function(t,n){r[n]=function(e,t){return function(){return e(t)}}(t,e),Object.defineProperty(e.getters,n,{get:function(){return e._vm[n]},enumerable:!0})}));var s=$o.config.silent;$o.config.silent=!0,e._vm=new $o({data:{$$state:t},computed:r}),$o.config.silent=s,e.strict&&function(e){e._vm.$watch((function(){return this._data.$$state}),(function(){}),{deep:!0,sync:!0})}(e),a&&(n&&e._withCommit((function(){a._data.$$state=null})),$o.nextTick((function(){return a.$destroy()})))}function Fo(e,t,n,a,i){var r=!n.length,s=e._modules.getNamespace(n);if(a.namespaced&&(e._modulesNamespaceMap[s],e._modulesNamespaceMap[s]=a),!r&&!i){var o=Oo(t,n.slice(0,-1)),l=n[n.length-1];e._withCommit((function(){$o.set(o,l,a.state)}))}var c=a.context=function(e,t,n){var a=""===t,i={dispatch:a?e.dispatch:function(n,a,i){var r=Bo(n,a,i),s=r.payload,o=r.options,l=r.type;return o&&o.root||(l=t+l),e.dispatch(l,s)},commit:a?e.commit:function(n,a,i){var r=Bo(n,a,i),s=r.payload,o=r.options,l=r.type;o&&o.root||(l=t+l),e.commit(l,s,o)}};return Object.defineProperties(i,{getters:{get:a?function(){return e.getters}:function(){return function(e,t){if(!e._makeLocalGettersCache[t]){var n={},a=t.length;Object.keys(e.getters).forEach((function(i){if(i.slice(0,a)===t){var r=i.slice(a);Object.defineProperty(n,r,{get:function(){return e.getters[i]},enumerable:!0})}})),e._makeLocalGettersCache[t]=n}return e._makeLocalGettersCache[t]}(e,t)}},state:{get:function(){return Oo(e.state,n)}}}),i}(e,s,n);a.forEachMutation((function(t,n){!function(e,t,n,a){(e._mutations[t]||(e._mutations[t]=[])).push((function(t){n.call(e,a.state,t)}))}(e,s+n,t,c)})),a.forEachAction((function(t,n){var a=t.root?n:s+n,i=t.handler||t;!function(e,t,n,a){(e._actions[t]||(e._actions[t]=[])).push((function(t){var i,r=n.call(e,{dispatch:a.dispatch,commit:a.commit,getters:a.getters,state:a.state,rootGetters:e.getters,rootState:e.state},t);return(i=r)&&"function"==typeof i.then||(r=Promise.resolve(r)),e._devtoolHook?r.catch((function(t){throw e._devtoolHook.emit("vuex:error",t),t})):r}))}(e,a,i,c)})),a.forEachGetter((function(t,n){!function(e,t,n,a){if(e._wrappedGetters[t])return;e._wrappedGetters[t]=function(e){return n(a.state,a.getters,e.state,e.getters)}}(e,s+n,t,c)})),a.forEachChild((function(a,r){Fo(e,t,n.concat(r),a,i)}))}function Oo(e,t){return t.reduce((function(e,t){return e[t]}),e)}function Bo(e,t,n){return Mo(e)&&e.type&&(n=t,t=e,e=e.type),{type:e,payload:t,options:n}}function qo(e){$o&&e===$o||function(e){if(Number(e.version.split(".")[0])>=2)e.mixin({beforeCreate:n});else{var t=e.prototype._init;e.prototype._init=function(e){void 0===e&&(e={}),e.init=e.init?[n].concat(e.init):n,t.call(this,e)}}function n(){var e=this.$options;e.store?this.$store="function"==typeof e.store?e.store():e.store:e.parent&&e.parent.$store&&(this.$store=e.parent.$store)}}($o=e)}Ro.state.get=function(){return this._vm._data.$$state},Ro.state.set=function(e){},Lo.prototype.commit=function(e,t,n){var a=this,i=Bo(e,t,n),r=i.type,s=i.payload,o={type:r,payload:s},l=this._mutations[r];l&&(this._withCommit((function(){l.forEach((function(e){e(s)}))})),this._subscribers.slice().forEach((function(e){return e(o,a.state)})))},Lo.prototype.dispatch=function(e,t){var n=this,a=Bo(e,t),i=a.type,r=a.payload,s={type:i,payload:r},o=this._actions[i];if(o){try{this._actionSubscribers.slice().filter((function(e){return e.before})).forEach((function(e){return e.before(s,n.state)}))}catch(e){}var l=o.length>1?Promise.all(o.map((function(e){return e(r)}))):o[0](r);return new Promise((function(e,t){l.then((function(t){try{n._actionSubscribers.filter((function(e){return e.after})).forEach((function(e){return e.after(s,n.state)}))}catch(e){}e(t)}),(function(e){try{n._actionSubscribers.filter((function(e){return e.error})).forEach((function(t){return t.error(s,n.state,e)}))}catch(e){}t(e)}))}))}},Lo.prototype.subscribe=function(e,t){return Eo(e,this._subscribers,t)},Lo.prototype.subscribeAction=function(e,t){return Eo("function"==typeof e?{before:e}:e,this._actionSubscribers,t)},Lo.prototype.watch=function(e,t,n){var a=this;return this._watcherVM.$watch((function(){return e(a.state,a.getters)}),t,n)},Lo.prototype.replaceState=function(e){var t=this;this._withCommit((function(){t._vm._data.$$state=e}))},Lo.prototype.registerModule=function(e,t,n){void 0===n&&(n={}),"string"==typeof e&&(e=[e]),this._modules.register(e,t),Fo(this,this.state,e,this._modules.get(e),n.preserveState),jo(this,this.state)},Lo.prototype.unregisterModule=function(e){var t=this;"string"==typeof e&&(e=[e]),this._modules.unregister(e),this._withCommit((function(){var n=Oo(t.state,e.slice(0,-1));$o.delete(n,e[e.length-1])})),Io(this)},Lo.prototype.hasModule=function(e){return"string"==typeof e&&(e=[e]),this._modules.isRegistered(e)},Lo.prototype.hotUpdate=function(e){this._modules.update(e),Io(this,!0)},Lo.prototype._withCommit=function(e){var t=this._committing;this._committing=!0,e(),this._committing=t},Object.defineProperties(Lo.prototype,Ro);var Uo=Qo((function(e,t){var n={};return Wo(t).forEach((function(t){var a=t.key,i=t.val;n[a]=function(){var t=this.$store.state,n=this.$store.getters;if(e){var a=Ko(this.$store,"mapState",e);if(!a)return;t=a.context.state,n=a.context.getters}return"function"==typeof i?i.call(this,t,n):t[i]},n[a].vuex=!0})),n})),Vo=Qo((function(e,t){var n={};return Wo(t).forEach((function(t){var a=t.key,i=t.val;n[a]=function(){for(var t=[],n=arguments.length;n--;)t[n]=arguments[n];var a=this.$store.commit;if(e){var r=Ko(this.$store,"mapMutations",e);if(!r)return;a=r.context.commit}return"function"==typeof i?i.apply(this,[a].concat(t)):a.apply(this.$store,[i].concat(t))}})),n})),Ho=Qo((function(e,t){var n={};return Wo(t).forEach((function(t){var a=t.key,i=t.val;i=e+i,n[a]=function(){if(!e||Ko(this.$store,"mapGetters",e))return this.$store.getters[i]},n[a].vuex=!0})),n})),Go=Qo((function(e,t){var n={};return Wo(t).forEach((function(t){var a=t.key,i=t.val;n[a]=function(){for(var t=[],n=arguments.length;n--;)t[n]=arguments[n];var a=this.$store.dispatch;if(e){var r=Ko(this.$store,"mapActions",e);if(!r)return;a=r.context.dispatch}return"function"==typeof i?i.apply(this,[a].concat(t)):a.apply(this.$store,[i].concat(t))}})),n}));function Wo(e){return function(e){return Array.isArray(e)||Mo(e)}(e)?Array.isArray(e)?e.map((function(e){return{key:e,val:e}})):Object.keys(e).map((function(t){return{key:t,val:e[t]}})):[]}function Qo(e){return function(t,n){return"string"!=typeof t?(n=t,t=""):"/"!==t.charAt(t.length-1)&&(t+="/"),e(t,n)}}function Ko(e,t,n){return e._modulesNamespaceMap[n]}function Yo(e,t,n){var a=n?e.groupCollapsed:e.group;try{a.call(e,t)}catch(n){e.log(t)}}function Jo(e){try{e.groupEnd()}catch(t){e.log("—— log end ——")}}function Xo(){var e=new Date;return" @ "+Zo(e.getHours(),2)+":"+Zo(e.getMinutes(),2)+":"+Zo(e.getSeconds(),2)+"."+Zo(e.getMilliseconds(),3)}function Zo(e,t){return function(e,t){return new Array(t+1).join(e)}("0",t-e.toString().length)+e}var el={Store:Lo,install:qo,version:"3.5.1",mapState:Uo,mapMutations:Vo,mapGetters:Ho,mapActions:Go,createNamespacedHelpers:function(e){return{mapState:Uo.bind(null,e),mapGetters:Ho.bind(null,e),mapMutations:Vo.bind(null,e),mapActions:Go.bind(null,e)}},createLogger:function(e){void 0===e&&(e={});var t=e.collapsed;void 0===t&&(t=!0);var n=e.filter;void 0===n&&(n=function(e,t,n){return!0});var a=e.transformer;void 0===a&&(a=function(e){return e});var i=e.mutationTransformer;void 0===i&&(i=function(e){return e});var r=e.actionFilter;void 0===r&&(r=function(e,t){return!0});var s=e.actionTransformer;void 0===s&&(s=function(e){return e});var o=e.logMutations;void 0===o&&(o=!0);var l=e.logActions;void 0===l&&(l=!0);var c=e.logger;return void 0===c&&(c=console),function(e){var d=So(e.state);void 0!==c&&(o&&e.subscribe((function(e,r){var s=So(r);if(n(e,d,s)){var o=Xo(),l=i(e),u="mutation "+e.type+o;Yo(c,u,t),c.log("%c prev state","color: #9E9E9E; font-weight: bold",a(d)),c.log("%c mutation","color: #03A9F4; font-weight: bold",l),c.log("%c next state","color: #4CAF50; font-weight: bold",a(s)),Jo(c)}d=s})),l&&e.subscribeAction((function(e,n){if(r(e,n)){var a=Xo(),i=s(e),o="action "+e.type+a;Yo(c,o,t),c.log("%c action","color: #03A9F4; font-weight: bold",i),Jo(c)}})))}}};let tl=!1;var nl={state:{albums:{data:[],total:0},artists:{data:[],total:0},playlists:{data:[],total:0},podcasts:{data:[],total:0},tracks:{data:[],total:0}},actions:{cacheHomeData({commit:e},t){tl||(e("SET_HOME_ALBUMS",t.albums),e("SET_HOME_ARTISTS",t.artists),e("SET_HOME_PLAYLISTS",t.playlists),e("SET_HOME_PODCASTS",t.podcasts),e("SET_HOME_TRACKS",t.tracks),tl=!0)}},getters:{getHomeData:e=>e,getHomeAlbums:e=>e.albums,getHomeArtists:e=>e.artists,getHomePlaylists:e=>e.playlists,getHomePodcasts:e=>e.podcasts,getHomeTracks:e=>e.tracks},mutations:{SET_HOME_ALBUMS:(e,t)=>{kn.set(e.albums,"data",t.data),e.albums.total=t.total},SET_HOME_ARTISTS:(e,t)=>{kn.set(e.artists,"data",t.data),e.artists.total=t.total},SET_HOME_PLAYLISTS:(e,t)=>{kn.set(e.playlists,"data",t.data),e.playlists.total=t.total},SET_HOME_PODCASTS:(e,t)=>{kn.set(e.podcasts,"data",t.data),e.podcasts.total=t.total},SET_HOME_TRACKS:(e,t)=>{kn.set(e.tracks,"data",t.data),e.tracks.total=t.total}}};var al={state:{},actions:{setSettings({commit:e},t){for(const n in t){if(!t.hasOwnProperty(n))return;e("SET_UNKNOWN_SETTING",{settingName:n,settingValue:t[n]})}}},getters:{getSettings:e=>e},mutations:{SET_UNKNOWN_SETTING(e,t){kn.set(e,t.settingName,t.settingValue)}}};var il={state:{},actions:{setDefaultSettings({commit:e},t){for(const n in t){if(!t.hasOwnProperty(n))return;e("SET_UNKNOWN_DEFAULT_SETTING",{settingName:n,settingValue:t[n]})}}},getters:{getDefaultSettings:e=>e},mutations:{SET_UNKNOWN_DEFAULT_SETTING(e,t){kn.set(e,t.settingName,t.settingValue)}}};var rl={state:{clientId:"",clientSecret:""},getters:{getCredentials:e=>e},actions:{setCredentials({commit:e},t){e("SET_CLIENT_ID",t.clientId),e("SET_CLIENT_SECRET",t.clientSecret)}},mutations:{SET_CLIENT_ID(e,t){e.clientId=t},SET_CLIENT_SECRET(e,t){e.clientSecret=t}}};let sl=!1;var ol={state:{list:[]},getters:{getCharts:e=>e.list},actions:{cacheCharts({commit:e},t){sl||(t.forEach((t,n)=>{e("SET_UNKNOWN_CHART",{index:n,chartObj:t})}),sl=!0)}},mutations:{SET_UNKNOWN_CHART(e,t){kn.set(e.list,t.index,t.chartObj)}}};var ll={state:{albums:[],artists:[],playlists:[],tracks:[]},actions:{setFavorites({commit:e,dispatch:t},n){n.playlists.forEach((t,n)=>{e("SET_FAVORITES_PLAYLISTS",{index:n,data:t})}),n.albums.forEach((t,n)=>{e("SET_FAVORITES_ALBUMS",{index:n,data:t})}),n.artists.forEach((t,n)=>{e("SET_FAVORITES_ARTISTS",{index:n,data:t})}),t("setFavoritesTracks",n.tracks)},setFavoritesTracks({commit:e},t){t.forEach((t,n)=>{e("SET_FAVORITES_TRACKS",{index:n,data:t})})}},getters:{getFavorites:e=>e,getFavoritesAlbums:e=>e.albums,getFavoritesArtists:e=>e.artists,getFavoritesPlaylists:e=>e.playlists,getFavoritesTracks:e=>e.tracks},mutations:{SET_FAVORITES_ALBUMS:(e,t)=>{kn.set(e.albums,t.index,t.data)},SET_FAVORITES_ARTISTS:(e,t)=>{kn.set(e.artists,t.index,t.data)},SET_FAVORITES_PLAYLISTS:(e,t)=>{kn.set(e.playlists,t.index,t.data)},SET_FAVORITES_TRACKS:(e,t)=>{kn.set(e.tracks,t.index,t.data)}}};var cl={state:{currentCommit:null,latestCommit:null,updateAvailable:!1,deemixVersion:null},getters:{getAboutInfo:e=>e},actions:{setAboutInfo({commit:e},t){e("SET_CURRENT_COMMIT",t.currentCommit),e("SET_LATEST_COMMIT",t.latestCommit),e("SET_UPDATE_AVAILABLE",t.updateAvailable),e("SET_DEEMIX_VERSION",t.deemixVersion)}},mutations:{SET_CURRENT_COMMIT:(e,t)=>{e.currentCommit=t},SET_LATEST_COMMIT:(e,t)=>{e.latestCommit=t},SET_UPDATE_AVAILABLE:(e,t)=>{e.updateAvailable=t},SET_DEEMIX_VERSION:(e,t)=>{e.deemixVersion=t}}};kn.use(el);var dl=new el.Store({modules:{home:nl,settings:al,defaultSettings:il,spotifyCredentials:rl,charts:ol,favorites:ll,about:cl},strict:!1});const ul=io.connect(window.location.href);function pl(e,t=null){e&&ul.emit("addToQueue",{url:e,bitrate:t},()=>{})}ul.on("connect",()=>{document.getElementById("start_app_placeholder").classList.add("loading_placeholder--hidden")}),ul.on("init_charts",e=>{}),ul.on("init_favorites",e=>{}),ul.on("init_settings",(e,t,n)=>{dl.dispatch("setSettings",e),dl.dispatch("setDefaultSettings",n),dl.dispatch("setCredentials",t)}),ul.on("init_home",e=>{dl.dispatch("cacheHomeData",e)}),ul.on("init_update",e=>{dl.dispatch("setAboutInfo",e)});var hl={sendAddToQueue:pl};const ml={data:()=>({open:!1,url:""}),mounted(){this.$root.$on("QualityModal:open",this.openModal),this.$refs.modal.addEventListener("webkitAnimationEnd",this.handleAnimationEnd)},methods:{tryToDownloadTrack(e){const{target:t}=e;this.$refs.modal.classList.add("animated","fadeOut"),t.matches(".quality-button")&&hl.sendAddToQueue(this.url,t.dataset.qualityValue)},openModal(e){this.url=e,this.open=!0,this.$refs.modal.classList.add("animated","fadeIn")},handleAnimationEnd(e){const{animationName:t}=e;this.$refs.modal.classList.remove("animated",t),"fadeIn"!==t&&(this.open=!1)}}};var fl=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"show",rawName:"v-show",value:e.open,expression:"open"}],ref:"modal",staticClass:"smallmodal",attrs:{id:"modal_quality"},on:{click:function(t){return e.tryToDownloadTrack(t)}}},[n("div",{staticClass:"smallmodal-content"},[n("button",{staticClass:"quality-button",attrs:{"data-quality-value":"9"}},[e._v(e._s(e.$t("globals.download",{thing:"FLAC"})))]),e._v(" "),n("button",{staticClass:"quality-button",attrs:{"data-quality-value":"3"}},[e._v(e._s(e.$t("globals.download",{thing:"MP3 320kbps"})))]),e._v(" "),n("button",{staticClass:"quality-button",attrs:{"data-quality-value":"1"}},[e._v(e._s(e.$t("globals.download",{thing:"MP3 128kbps"})))]),e._v(" "),n("button",{staticClass:"quality-button",attrs:{"data-quality-value":"15"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [HQ]"}))+"\n\t\t")]),e._v(" "),n("button",{staticClass:"quality-button",attrs:{"data-quality-value":"14"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [MQ]"}))+"\n\t\t")]),e._v(" "),n("button",{staticClass:"quality-button",attrs:{"data-quality-value":"13"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [LQ]"}))+"\n\t\t")])])])};fl._withStripped=!0;var gl=function(e,t,n,a,i,r,s,o){const l=("function"==typeof n?n.options:n)||{};l.__file="C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\TheQualityModal.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=a;{let e;if(t&&(e=function(e){t.call(this,s(e))}),void 0!==e)if(l.functional){const t=l.render;l.render=function(n,a){return e.call(a),t(n,a)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:fl,staticRenderFns:[]},(function(e){e&&e("data-v-48a043f0_0",{source:"\n.smallmodal {\r\n\tposition: fixed;\r\n\tz-index: 1250;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: auto;\r\n\tbackground-color: hsla(0, 0%, 0%, 0.4);\r\n\tanimation-duration: 0.3s;\n}\n.smallmodal-content {\r\n\tbackground-color: transparent;\r\n\tmargin: auto;\r\n\twidth: var(--modal-content-width);\r\n\tposition: relative;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\n}\n.smallmodal-content button {\r\n\twidth: 100%;\r\n\tmargin-bottom: 8px;\n}\r\n",map:{version:3,sources:["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\TheQualityModal.vue"],names:[],mappings:";AAmBA;CACA,eAAA;CACA,aAAA;CACA,OAAA;CACA,MAAA;CACA,WAAA;CACA,YAAA;CACA,cAAA;CACA,sCAAA;CACA,wBAAA;AACA;AAEA;CACA,6BAAA;CACA,YAAA;CACA,iCAAA;CACA,kBAAA;CACA,QAAA;CACA,2BAAA;AACA;AAEA;CACA,WAAA;CACA,kBAAA;AACA",file:"TheQualityModal.vue",sourcesContent:["\r\n\r\n diff --git a/src/components/TheSettingsTab.vue b/src/components/TheSettingsTab.vue index c111b16..67f738c 100644 --- a/src/components/TheSettingsTab.vue +++ b/src/components/TheSettingsTab.vue @@ -2,14 +2,17 @@