Fixed #22: spotify conversion bar color

public/js/bundle.js

@@ -2510,11 +2510,11 @@ PERFORMANCE OF THIS SOFTWARE.
 `);else{const d=document.createTextNode(o),f=c.element.childNodes;f[u]&&c.element.removeChild(f[u]),f.length?c.element.insertBefore(d,f[u]):c.element.appendChild(d)}}}}var BackButton=__vue_normalize__$6({render:__vue_render__$6,staticRenderFns:__vue_staticRenderFns__$6},__vue_inject_styles__$6,{},__vue_scope_id__$6,__vue_is_functional_template__$6,__vue_module_identifier__$5,__vue_create_injector__$5),script$5={components:{BackButton},data:()=>({performScrolledSearch:!1}),computed:{showBackButton(){return["Tracklist","Artist","Album","Playlist","Spotify Playlist"].indexOf(this.$route.name)!==-1}},mounted(){this.$router.beforeEach((e,n,a)=>{this.$refs.content.scrollTo(0,0),a()})},methods:{handleContentScroll:debounce(async function(){if(this.$refs.content.scrollTop+this.$refs.content.clientHeight<this.$refs.content.scrollHeight)return;this.performScrolledSearch=!0,await this.$nextTick(),this.performScrolledSearch=!1},100)}};const __vue_script__$5=script$5;var __vue_render__$7=function(){var e=this,n=e.$createElement,a=e._self._c||n;return a("main",{ref:"content",attrs:{id:"content","aria-label":"main content"},on:{scroll:function(i){e.$route.name==="Search"&&e.handleContentScroll(i)}}},[a("div",{attrs:{id:"container"}},[e.showBackButton?a("BackButton",{staticClass:"sticky -ml-20",staticStyle:{top:"1rem"}}):e._e(),e._v(" "),a("keep-alive",[e.$route.meta.notKeepAlive?e._e():a("router-view",{key:e.$route.fullPath,class:{"-mt-16":e.showBackButton},attrs:{"perform-scrolled-search":e.performScrolledSearch}})],1),e._v(" "),e.$route.meta.notKeepAlive?a("router-view",{key:e.$route.fullPath,class:{"-mt-16":e.showBackButton},attrs:{"perform-scrolled-search":e.performScrolledSearch}}):e._e()],1)])},__vue_staticRenderFns__$7=[];const __vue_inject_styles__$7=function(e){if(!e)return;e("data-v-0f6cfb27_0",{source:"#container{--container-width:95%;margin:0 auto;max-width:1280px;width:var(--container-width);transform:scale(1)}@media only screen and (min-width:601px){#container{--container-width:85%}}@media only screen and (min-width:993px){#container{--container-width:70%}}main{background-color:var(--main-background);padding-right:5px;width:100%;height:calc(100vh - 93px);overflow-y:scroll;overflow-x:hidden}main::-webkit-scrollbar{width:10px}main::-webkit-scrollbar-track{background:var(--main-background)}main::-webkit-scrollbar-thumb{background:var(--main-scroll);border-radius:4px;width:6px;padding:0 2px}",map:void 0,media:void 0})},__vue_scope_id__$7=void 0,__vue_module_identifier__$6=void 0,__vue_is_functional_template__$7=!1;function __vue_normalize__$7(e,n,a,i,r,s,l,c){const o=(typeof a=="function"?a.options:a)||{};o.__file="TheContent.vue",o.render||(o.render=e.render,o.staticRenderFns=e.staticRenderFns,o._compiled=!0,r&&(o.functional=!0)),o._scopeId=i;{let u;if(n&&(u=function(d){n.call(this,l(d))}),u!==void 0)if(o.functional){const d=o.render;o.render=function(m,h){return u.call(h),d(m,h)}}else{const d=o.beforeCreate;o.beforeCreate=d?[].concat(d,u):[u]}}return o}function __vue_create_injector__$6(){const e=document.head||document.getElementsByTagName("head")[0],n=__vue_create_injector__$6.styles||(__vue_create_injector__$6.styles={}),a=typeof navigator!="undefined"&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(r,s){if(document.querySelector('style[data-vue-ssr-id~="'+r+'"]'))return;const l=a?s.media||"default":r,c=n[l]||(n[l]={ids:[],parts:[],element:void 0});if(!c.ids.includes(r)){let o=s.source,u=c.ids.length;if(c.ids.push(r),s.map&&(o+=`
 /*# sourceURL=`+s.map.sources[0]+" */",o+=`
 /*# sourceMappingURL=data:application/json;base64,`+btoa(unescape(encodeURIComponent(JSON.stringify(s.map))))+" */"),a&&(c.element=c.element||document.querySelector("style[data-group="+l+"]")),!c.element){const d=c.element=document.createElement("style");d.type="text/css",s.media&&d.setAttribute("media",s.media),a&&(d.setAttribute("data-group",l),d.setAttribute("data-next-index","0")),e.appendChild(d)}if(a&&(u=parseInt(c.element.getAttribute("data-next-index")),c.element.setAttribute("data-next-index",u+1)),c.element.styleSheet)c.parts.push(o),c.element.styleSheet.cssText=c.parts.filter(Boolean).join(`
-`);else{const d=document.createTextNode(o),f=c.element.childNodes;f[u]&&c.element.removeChild(f[u]),f.length?c.element.insertBefore(d,f[u]):c.element.appendChild(d)}}}}var TheContent=__vue_normalize__$7({render:__vue_render__$7,staticRenderFns:__vue_staticRenderFns__$7},__vue_inject_styles__$7,__vue_script__$5,__vue_scope_id__$7,__vue_is_functional_template__$7,__vue_module_identifier__$6,__vue_create_injector__$6);const possibleStates=["converting","downloading","download finished"];var script$6={data(){return{isLoading:!1}},props:{queueItem:Object},computed:{hasFails(){return this.queueItem.failed>=1},allFailed(){let e=!1;return this.queueItem.status==="download finished"&&(e=this.queueItem.failed===this.queueItem.size),e},finishedWithFails(){return this.queueItem.status==="download finished"&&this.hasFails},isDeterminateStatus(){return possibleStates.indexOf(this.queueItem.status)!==-1},barClass(){return{converting:this.queueItem.status==="converting",indeterminate:!this.isDeterminateStatus,determinate:this.isDeterminateStatus}},barStyle(){let e=0,n="var(--primary-color)";return this.hasFails?n="hsl(33, 100%, 47%)":n="hsl(150, 76%, 34%)",this.allFailed&&(n="hsl(360, 100%, 35%)"),this.queueItem.status==="download finished"&&(e=100),this.queueItem.status==="downloading"&&(e=this.queueItem.progress),this.queueItem.status==="converting"&&(e=100-this.queueItem.conversion),{width:`${e}%`,backgroundColor:n}},resultIconText(){let e="delete_forever";return this.queueItem.status==="download finished"&&(this.hasFails?this.queueItem.failed>=this.queueItem.size?e="error":e="warning":e="done"),e}},methods:{onResultIconClick(){this.isDeterminateStatus?(this.finishedWithFails&&this.$emit("show-errors",this.queueItem),this.queueItem.status==="downloading"&&(this.isLoading=!0,this.$emit("remove-item",this.queueItem.uuid))):(this.isLoading=!0,this.$emit("remove-item",this.queueItem.uuid))}}};const __vue_script__$6=script$6;var __vue_render__$8=function(){var e=this,n=e.$createElement,a=e._self._c||n;return a("div",{staticClass:"download-object"},[a("div",{staticClass:"download-info"},[a("img",{staticClass:"rounded coverart",attrs:{width:"75px",src:e.queueItem.cover,alt:"Cover "+e.queueItem.title}}),e._v(" "),a("div",{staticClass:"download-info-data"},[a("span",{staticClass:"download-line"},[e._v(e._s(e.queueItem.title))]),e._v(" "),a("span",{staticClass:"download-slim-separator"},[e._v(" - ")]),e._v(" "),a("span",[e._v(e._s(e.queueItem.artist))])]),e._v(" "),a("div",{staticClass:"download-info-status",staticStyle:{"text-align":"center"}},[a("span",{staticClass:"download-line"},[e._v(" "+e._s(e.queueItem.downloaded+e.queueItem.failed)+"/"+e._s(e.queueItem.size)+" ")]),e._v(" "),e.hasFails?a("span",{staticClass:"flex items-center",class:{clickable:e.finishedWithFails},staticStyle:{"justify-content":"center"},on:{click:function(i){e.finishedWithFails&&e.$emit("show-errors",e.queueItem)}}},[e._v(`
+`);else{const d=document.createTextNode(o),f=c.element.childNodes;f[u]&&c.element.removeChild(f[u]),f.length?c.element.insertBefore(d,f[u]):c.element.appendChild(d)}}}}var TheContent=__vue_normalize__$7({render:__vue_render__$7,staticRenderFns:__vue_staticRenderFns__$7},__vue_inject_styles__$7,__vue_script__$5,__vue_scope_id__$7,__vue_is_functional_template__$7,__vue_module_identifier__$6,__vue_create_injector__$6);const possibleStates=["converting","downloading","download finished"];var script$6={data(){return{isLoading:!1}},props:{queueItem:Object},computed:{hasFails(){return this.queueItem.failed>=1},allFailed(){let e=!1;return this.queueItem.status==="download finished"&&(e=this.queueItem.failed===this.queueItem.size),e},finishedWithFails(){return this.queueItem.status==="download finished"&&this.hasFails},isDeterminateStatus(){return possibleStates.indexOf(this.queueItem.status)!==-1},barClass(){return{converting:this.queueItem.status==="converting",indeterminate:!this.isDeterminateStatus,determinate:this.isDeterminateStatus}},barStyle(){let e=0,n="var(--primary-color)";return this.hasFails?n="hsl(33, 100%, 47%)":n="hsl(150, 76%, 34%)",this.allFailed&&(n="hsl(360, 100%, 35%)"),this.queueItem.status==="download finished"&&(e=100),this.queueItem.status==="downloading"&&(e=this.queueItem.progress),this.queueItem.status==="converting"&&(e=100-this.queueItem.conversion,n="hsl(46, 100%, 50%)"),{width:`${e}%`,backgroundColor:n}},resultIconText(){let e="delete_forever";return this.queueItem.status==="download finished"&&(this.hasFails?this.queueItem.failed>=this.queueItem.size?e="error":e="warning":e="done"),e}},methods:{onResultIconClick(){this.isDeterminateStatus?(this.finishedWithFails&&this.$emit("show-errors",this.queueItem),this.queueItem.status==="downloading"&&(this.isLoading=!0,this.$emit("remove-item",this.queueItem.uuid))):(this.isLoading=!0,this.$emit("remove-item",this.queueItem.uuid))}}};const __vue_script__$6=script$6;var __vue_render__$8=function(){var e=this,n=e.$createElement,a=e._self._c||n;return a("div",{staticClass:"download-object"},[a("div",{staticClass:"download-info"},[a("img",{staticClass:"rounded coverart",attrs:{width:"75px",src:e.queueItem.cover,alt:"Cover "+e.queueItem.title}}),e._v(" "),a("div",{staticClass:"download-info-data"},[a("span",{staticClass:"download-line"},[e._v(e._s(e.queueItem.title))]),e._v(" "),a("span",{staticClass:"download-slim-separator"},[e._v(" - ")]),e._v(" "),a("span",[e._v(e._s(e.queueItem.artist))])]),e._v(" "),a("div",{staticClass:"download-info-status",staticStyle:{"text-align":"center"}},[a("span",{staticClass:"download-line"},[e._v(" "+e._s(e.queueItem.downloaded+e.queueItem.failed)+"/"+e._s(e.queueItem.size)+" ")]),e._v(" "),e.hasFails?a("span",{staticClass:"flex items-center",class:{clickable:e.finishedWithFails},staticStyle:{"justify-content":"center"},on:{click:function(i){e.finishedWithFails&&e.$emit("show-errors",e.queueItem)}}},[e._v(`
 				`+e._s(e.queueItem.failed)+`
 				`),a("i",{staticClass:"material-icons"},[e._v("error_outline")])]):e._e()])]),e._v(" "),a("div",{staticClass:"download-bar"},[a("div",{staticClass:"progress"},[a("div",{class:e.barClass,style:e.barStyle})]),e._v(" "),e.isLoading?a("div",{staticClass:"circle-loader"}):a("i",{staticClass:"material-icons queue_icon",class:{clickable:e.finishedWithFails||e.resultIconText==="delete_forever"},on:{click:e.onResultIconClick}},[e._v(`
 			`+e._s(e.resultIconText)+`
-		`)])])])},__vue_staticRenderFns__$8=[];const __vue_inject_styles__$8=function(e){if(!e)return;e("data-v-72ae757e_0",{source:".download-object{padding-bottom:8px}.download-object .download-info{display:flex;align-items:center}.download-object .download-info img{height:75px;flex-shrink:0;flex:0 0 75px}.download-object .download-info .download-line{display:block}.download-object .download-info .download-slim-separator{display:none}.download-object .download-info-data{flex:1 50%;margin-left:8px;overflow:hidden}.download-object .download-info-status{flex:1 15%;margin-left:8px;width:80px}.download-object>.download-bar{display:flex;align-items:center;height:24px}.download-object>.download-bar>.queue_icon{cursor:default;margin-left:8px}.download-object>.download-bar>.progress{margin:0}#download_list:not(.slim) .download-line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#download_list.slim>.download-object .download-info{display:block}#download_list.slim>.download-object .download-info img{display:none}#download_list.slim>.download-object .download-info .download-line{display:inline-block}#download_list.slim>.download-object .download-info .download-slim-separator{display:inline-block}#download_list.slim>.download-object .download-info-data{width:calc(80% - 16px);display:inline-block;padding-left:0}#download_list.slim>.download-object .download-info-status{width:20%;display:inline-block;float:right}.progress{position:relative;height:4px;display:block;width:100%;background-color:var(--secondary-background);border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:var(--primary-color);transition:width .3s linear}.progress .converting{background-color:var(--secondary-color);transition:none!important}.progress .indeterminate{background-color:var(--primary-color)}.progress .indeterminate::before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress .indeterminate::after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}",map:void 0,media:void 0})},__vue_scope_id__$8=void 0,__vue_module_identifier__$7=void 0,__vue_is_functional_template__$8=!1;function __vue_normalize__$8(e,n,a,i,r,s,l,c){const o=(typeof a=="function"?a.options:a)||{};o.__file="QueueItem.vue",o.render||(o.render=e.render,o.staticRenderFns=e.staticRenderFns,o._compiled=!0,r&&(o.functional=!0)),o._scopeId=i;{let u;if(n&&(u=function(d){n.call(this,l(d))}),u!==void 0)if(o.functional){const d=o.render;o.render=function(m,h){return u.call(h),d(m,h)}}else{const d=o.beforeCreate;o.beforeCreate=d?[].concat(d,u):[u]}}return o}function __vue_create_injector__$7(){const e=document.head||document.getElementsByTagName("head")[0],n=__vue_create_injector__$7.styles||(__vue_create_injector__$7.styles={}),a=typeof navigator!="undefined"&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(r,s){if(document.querySelector('style[data-vue-ssr-id~="'+r+'"]'))return;const l=a?s.media||"default":r,c=n[l]||(n[l]={ids:[],parts:[],element:void 0});if(!c.ids.includes(r)){let o=s.source,u=c.ids.length;if(c.ids.push(r),s.map&&(o+=`
+		`)])])])},__vue_staticRenderFns__$8=[];const __vue_inject_styles__$8=function(e){if(!e)return;e("data-v-571dc33c_0",{source:".download-object{padding-bottom:8px}.download-object .download-info{display:flex;align-items:center}.download-object .download-info img{height:75px;flex-shrink:0;flex:0 0 75px}.download-object .download-info .download-line{display:block}.download-object .download-info .download-slim-separator{display:none}.download-object .download-info-data{flex:1 50%;margin-left:8px;overflow:hidden}.download-object .download-info-status{flex:1 15%;margin-left:8px;width:80px}.download-object>.download-bar{display:flex;align-items:center;height:24px}.download-object>.download-bar>.queue_icon{cursor:default;margin-left:8px}.download-object>.download-bar>.progress{margin:0}#download_list:not(.slim) .download-line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#download_list.slim>.download-object .download-info{display:block}#download_list.slim>.download-object .download-info img{display:none}#download_list.slim>.download-object .download-info .download-line{display:inline-block}#download_list.slim>.download-object .download-info .download-slim-separator{display:inline-block}#download_list.slim>.download-object .download-info-data{width:calc(80% - 16px);display:inline-block;padding-left:0}#download_list.slim>.download-object .download-info-status{width:20%;display:inline-block;float:right}.progress{position:relative;height:4px;display:block;width:100%;background-color:var(--secondary-background);border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:var(--primary-color);transition:width .3s linear}.progress .converting{background-color:var(--secondary-color);transition:none!important}.progress .indeterminate{background-color:var(--primary-color)}.progress .indeterminate::before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress .indeterminate::after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}",map:void 0,media:void 0})},__vue_scope_id__$8=void 0,__vue_module_identifier__$7=void 0,__vue_is_functional_template__$8=!1;function __vue_normalize__$8(e,n,a,i,r,s,l,c){const o=(typeof a=="function"?a.options:a)||{};o.__file="QueueItem.vue",o.render||(o.render=e.render,o.staticRenderFns=e.staticRenderFns,o._compiled=!0,r&&(o.functional=!0)),o._scopeId=i;{let u;if(n&&(u=function(d){n.call(this,l(d))}),u!==void 0)if(o.functional){const d=o.render;o.render=function(m,h){return u.call(h),d(m,h)}}else{const d=o.beforeCreate;o.beforeCreate=d?[].concat(d,u):[u]}}return o}function __vue_create_injector__$7(){const e=document.head||document.getElementsByTagName("head")[0],n=__vue_create_injector__$7.styles||(__vue_create_injector__$7.styles={}),a=typeof navigator!="undefined"&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(r,s){if(document.querySelector('style[data-vue-ssr-id~="'+r+'"]'))return;const l=a?s.media||"default":r,c=n[l]||(n[l]={ids:[],parts:[],element:void 0});if(!c.ids.includes(r)){let o=s.source,u=c.ids.length;if(c.ids.push(r),s.map&&(o+=`
 /*# sourceURL=`+s.map.sources[0]+" */",o+=`
 /*# sourceMappingURL=data:application/json;base64,`+btoa(unescape(encodeURIComponent(JSON.stringify(s.map))))+" */"),a&&(c.element=c.element||document.querySelector("style[data-group="+l+"]")),!c.element){const d=c.element=document.createElement("style");d.type="text/css",s.media&&d.setAttribute("media",s.media),a&&(d.setAttribute("data-group",l),d.setAttribute("data-next-index","0")),e.appendChild(d)}if(a&&(u=parseInt(c.element.getAttribute("data-next-index")),c.element.setAttribute("data-next-index",u+1)),c.element.styleSheet)c.parts.push(o),c.element.styleSheet.cssText=c.parts.filter(Boolean).join(`
 `);else{const d=document.createTextNode(o),f=c.element.childNodes;f[u]&&c.element.removeChild(f[u]),f.length?c.element.insertBefore(d,f[u]):c.element.appendChild(d)}}}}var QueueItem=__vue_normalize__$8({render:__vue_render__$8,staticRenderFns:__vue_staticRenderFns__$8},__vue_inject_styles__$8,__vue_script__$6,__vue_scope_id__$8,__vue_is_functional_template__$8,__vue_module_identifier__$7,__vue_create_injector__$7),commonjsGlobal=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{};function createCommonjsModule(e,n,a){return a={path:n,exports:{},require:function(i,r){return commonjsRequire(i,r??a.path)}},e(a,a.exports),a.exports}function commonjsRequire(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var toastify=createCommonjsModule(function(e){/*!

src/components/downloads/QueueItem.vue

@@ -278,6 +278,7 @@ export default {
 
 			if (this.queueItem.status === 'converting') {
 				width = 100 - this.queueItem.conversion
+				backgroundColor = 'hsl(46, 100%, 50%)'
 			}
 
 			return {
@@ -321,4 +322,4 @@ export default {
 		}
 	}
 }
-</script>
+</script>