okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added experimental flags and section in settings for temporary config settings, added compact ui experiment

Browse source
This commit is contained in:
booploops 2022-01-12 07:36:20 -08:00
parent fab2e1ba33
commit e579ed8a99
6 changed files with 127 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

1
index.js
View file

@ -80,6 +80,7 @@ const configDefaults = {
}, },
"advanced": { "advanced": {
"AudioContext": false, "AudioContext": false,
"experiments": []
} }
} }

5
src/renderer/index.js
View file

@ -635,6 +635,11 @@ const app = new Vue({
this.$forceUpdate() this.$forceUpdate()
}, 500) }, 500)
}, },
getAppClasses() {
if(this.cfg.advanced.experiments.includes('compactui')) {
return {compact: true}
}
},
invokeDrawer(panel) { invokeDrawer(panel) {
if (this.drawer.panel == panel && this.drawer.open) { if (this.drawer.panel == panel && this.drawer.open) {
if (panel == "lyrics") { if (panel == "lyrics") {

10
src/renderer/less/compact.less
View file

@ -1,8 +1,10 @@
.app-sidebar-content.compact { #app.compact {
.content-inner {
zoom: 0.95;
}
.app-sidebar-content {
padding:0px; padding:0px;
.app-sidebar-header-text { .app-sidebar-header-text {
padding: 6px 10px; padding: 6px 10px;
margin: 0px; margin: 0px;
@ -42,6 +44,8 @@
} }
} }
}
// if page width is less than 951px // if page width is less than 951px
@media (max-width: 951px) { @media (max-width: 951px) {
.content-inner { .content-inner {

1
src/renderer/style.less
View file

@ -1883,6 +1883,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
font-size: 1em; font-size: 1em;
font-family: inherit; font-family: inherit;
padding: 8px 16px; padding: 8px 16px;
background: #404040;
} }
optgroup { optgroup {

2
src/renderer/views/main.ejs
View file

@ -30,7 +30,7 @@
</head> </head>
<body oncontextmenu="return false;" loading="1" platform="<%= env.platform %>"> <body oncontextmenu="return false;" loading="1" platform="<%= env.platform %>">
<div id="app"> <div id="app" :class="getAppClasses()">
<transition name="fsModeSwitch"> <transition name="fsModeSwitch">
<div id="app-main" v-show="appMode == 'player'"> <div id="app-main" v-show="appMode == 'player'">
<div class="mv-chrome" v-if="chrome.topChromeVisible == false"></div> <div class="mv-chrome" v-if="chrome.topChromeVisible == false"></div>

21
src/renderer/views/pages/settings.ejs
View file

@ -476,6 +476,20 @@
<input type="checkbox" v-model="app.cfg.lastfm.enabledRemoveFeaturingArtists" switch/> <input type="checkbox" v-model="app.cfg.lastfm.enabledRemoveFeaturingArtists" switch/>
</div> </div>
</div> </div>
<div class="md-option-header">
<span>Experimental</span>
</div>
<div class="md-option-line">
<div class="md-option-segment">
Compact UI
</div>
<div class="md-option-segment md-option-segment_auto" >
<button class="md-btn" :class="{'md-btn-primary': app.cfg.advanced.experiments.includes('compactui')}" @click="app.cfg.advanced.experiments.includes('compactui') ? removeExperiment('compactui') : addExperiment('compactui')">
{{app.cfg.advanced.experiments.includes('compactui') ? 'Enabled' : 'Disabled'}}
</button>
</div>
</div>
<div style="opacity: 0.5; pointer-events: none">
<div class="md-option-header"> <div class="md-option-header">
<span>Unfinished / Non Functional</span> <span>Unfinished / Non Functional</span>
</div> </div>
@ -552,6 +566,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</script> </script>
<script> <script>
@ -573,6 +588,12 @@
} }
}, },
methods: { methods: {
addExperiment(flag) {
app.cfg.advanced.experiments.push(flag);
},
removeExperiment(flag) {
app.cfg.advanced.experiments.splice(app.cfg.advanced.experiments.indexOf(flag), 1);
},
toggleAudioContext: function(){ toggleAudioContext: function(){
if (app.cfg.advanced.AudioContext){ if (app.cfg.advanced.AudioContext){
CiderAudio.init(); CiderAudio.init();