This commit is contained in:
vapormusic 2022-06-05 18:50:07 +07:00
commit b0f65224dd
11 changed files with 1151 additions and 783 deletions

View file

@ -53,7 +53,7 @@
<%- include('../svg/chevron-right.svg') %>
</button>
</div>
<div class="app-chrome-item" v-if="cfg.advanced.experiments.includes('collapseSidebar')">
<div class="app-chrome-item" v-if="getThemeDirective('windowLayout') == 'twopanel'">
<button
class="playback-button collapseLibrary"
v-b-tooltip.hover

View file

@ -1,7 +1,7 @@
<script type="text/x-template" id="cider-oobe">
<div class="content-inner oobe">
<!-- before_we_start-->
<transition name="wpfade">
<!-- <transition name=""> -->
<div class="oobe-view" v-if="screen == 'before_we_start'">
<div class="oobe-header">
{{ getLz("oobe.amupsell.title") }}
@ -13,10 +13,10 @@
</div>
</div>
</div>
</transition>
<!-- </transition> -->
<!-- Welcome -->
<transition name="wpfade">
<!-- <transition name=""> -->
<div class="oobe-view" v-if="screen == 'welcome'">
<div class="oobe-header">
{{ getLz("oobe.intro.title") }}
@ -29,10 +29,10 @@
</div>
</div>
</div>
</transition>
<!-- </transition> -->
<!-- General -->
<transition name="wpfade">
<!-- <transition name=""> -->
<div class="oobe-view" v-if="screen == 'general'">
<div class="oobe-header">
{{ getLz("oobe.general.title") }}
@ -45,10 +45,10 @@
</div>
</div>
</div>
</transition>
<!-- </transition> -->
<!-- Visual -->
<transition name="wpfade">
<!-- <transition name=""> -->
<div class="oobe-view" v-if="screen == 'visual'">
<div class="oobe-header">
{{ getLz("oobe.visual.title") }}
@ -56,9 +56,9 @@
<div class="oobe-body visual">
<b-row>
<b-col>
<div class="card bg-dark text-white stylePicker">
<div class="card bg-dark text-white stylePicker" @click="$root.cfg.visual.directives.windowLayout = 'twopanel'" :class="{'style-active': ($root.cfg.visual.directives.windowLayout == 'twopanel')}">
<div class="card-body">
<img class="visualPreview" src="./assets/oobe/ss1.png" alt="TEMP">
<img class="visualPreview" src="./assets/oobe/mojave.png" alt="TEMP">
</div>
<div class="card-footer">
Mojave
@ -66,9 +66,9 @@
</div>
</b-col>
<b-col>
<div class="card bg-dark text-white stylePicker">
<div class="card bg-dark text-white stylePicker" @click="$root.cfg.visual.directives.windowLayout = 'default'" :class="{'style-active': ($root.cfg.visual.directives.windowLayout == 'default')}">
<div class="card-body">
<img class="visualPreview" src="./assets/oobe/ss2.png" alt="TEMP">
<img class="visualPreview" src="./assets/oobe/maverick.png" alt="TEMP">
</div>
<div class="card-footer">
Maverick
@ -85,10 +85,10 @@
</div>
</div>
</div>
</transition>
<!-- </transition> -->
<!-- Audio -->
<transition name="wpfade">
<!-- <transition name=""> -->
<div class="oobe-view" v-if="screen == 'audio'">
<div class="oobe-header">
{{ getLz("oobe.audio.title") }}
@ -110,17 +110,39 @@
</label>
</div>
</div>
<div class="md-option-line" v-show="$root.cfg.advanced.AudioContext === true">
<div class="md-option-segment">
{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.ciderPPE')}}
<br>
<small>{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.ciderPPE.description')}}</small>
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="checkbox" v-model="$root.cfg.audio.maikiwiAudio.ciderPPE"
switch/>
</div>
</div>
</div>
</div>
</div>
<div class="oobe-footer">
<div class="btn-group">
<div class="md-btn" @click="screen = 'visual'">{{ getLz("oobe.previous") }}</div>
<div class="md-btn">{{ getLz("oobe.next") }}</div>
<div class="md-btn" @click="signIn()">{{ getLz("oobe.next") }}</div>
</div>
</div>
</div>
</transition>
<!-- </transition> -->
<div class="oobe-view" v-if="screen == 'signin'">
<div class="oobe-header">
Sign in with Apple Music
</div>
<div class="oobe-body">
<div class="blurb"></div>
</div>
<div class="oobe-footer">
</div>
</div>
</div>
</script>
<script>
@ -135,6 +157,14 @@
},
methods: {
signIn() {
if(localStorage.getItem("music.ampwebplay.media-user-token")) {
localStorage.setItem("seenOOBE", 1)
window.location.reload()
}
this.screen = "signin"
capiInit()
},
getLz() {
return this.$root.getLz.apply(this.$root, arguments);
}

View file

@ -1149,19 +1149,6 @@
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
Collapsable Sidebar
</div>
<div class="md-option-segment md-option-segment_auto">
<label>
<input type="checkbox" v-model="app.cfg.advanced.experiments.includes('collapseSidebar')"
@click="app.cfg.advanced.experiments.includes('collapseSidebar') ? removeExperiment('collapseSidebar') : addExperiment('collapseSidebar')"
switch/>
</label>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
{{$root.getLz('settings.option.experimental.compactUI')}}