Hide sponsor options from Preferences if sponsorBlock isn't checked

This commit is contained in:
fmessmer 2022-11-17 17:24:56 +01:00
parent e186bed3f0
commit 827e3f5c34
1 changed files with 90 additions and 65 deletions

View File

@ -183,71 +183,96 @@
@change="onChange($event)" @change="onChange($event)"
/> />
</label> </label>
<label class="pref" for="chkSkipSponsors"> <div v-if="sponsorBlock">
<strong v-t="'actions.skip_sponsors'" /> <label class="pref" for="chkSkipSponsors">
<input id="chkSkipSponsors" v-model="skipSponsor" class="checkbox" type="checkbox" @change="onChange($event)" /> <strong v-t="'actions.skip_sponsors'" />
</label> <input
<label class="pref" for="chkSkipIntro"> id="chkSkipSponsors"
<strong v-t="'actions.skip_intro'" /> v-model="skipSponsor"
<input id="chkSkipIntro" v-model="skipIntro" class="checkbox" type="checkbox" @change="onChange($event)" /> class="checkbox"
</label> type="checkbox"
<label class="pref" for="chkSkipOutro"> @change="onChange($event)"
<strong v-t="'actions.skip_outro'" /> />
<input id="chkSkipOutro" v-model="skipOutro" class="checkbox" type="checkbox" @change="onChange($event)" /> </label>
</label> <label class="pref" for="chkSkipIntro">
<label class="pref" for="chkSkipPreview"> <strong v-t="'actions.skip_intro'" />
<strong v-t="'actions.skip_preview'" /> <input id="chkSkipIntro" v-model="skipIntro" class="checkbox" type="checkbox" @change="onChange($event)" />
<input id="chkSkipPreview" v-model="skipPreview" class="checkbox" type="checkbox" @change="onChange($event)" /> </label>
</label> <label class="pref" for="chkSkipOutro">
<label class="pref" for="chkSkipInteraction"> <strong v-t="'actions.skip_outro'" />
<strong v-t="'actions.skip_interaction'" /> <input id="chkSkipOutro" v-model="skipOutro" class="checkbox" type="checkbox" @change="onChange($event)" />
<input </label>
id="chkSkipInteraction" <label class="pref" for="chkSkipPreview">
v-model="skipInteraction" <strong v-t="'actions.skip_preview'" />
class="checkbox" <input
type="checkbox" id="chkSkipPreview"
@change="onChange($event)" v-model="skipPreview"
/> class="checkbox"
</label> type="checkbox"
<label class="pref" for="chkSkipSelfPromo"> @change="onChange($event)"
<strong v-t="'actions.skip_self_promo'" /> />
<input </label>
id="chkSkipSelfPromo" <label class="pref" for="chkSkipInteraction">
v-model="skipSelfPromo" <strong v-t="'actions.skip_interaction'" />
class="checkbox" <input
type="checkbox" id="chkSkipInteraction"
@change="onChange($event)" v-model="skipInteraction"
/> class="checkbox"
</label> type="checkbox"
<label class="pref" for="chkSkipNonMusic"> @change="onChange($event)"
<strong v-t="'actions.skip_non_music'" /> />
<input </label>
id="chkSkipNonMusic" <label class="pref" for="chkSkipSelfPromo">
v-model="skipMusicOffTopic" <strong v-t="'actions.skip_self_promo'" />
class="checkbox" <input
type="checkbox" id="chkSkipSelfPromo"
@change="onChange($event)" v-model="skipSelfPromo"
/> class="checkbox"
</label> type="checkbox"
<label class="pref" for="chkSkipHighlight"> @change="onChange($event)"
<strong v-t="'actions.skip_highlight'" /> />
<input </label>
id="chkSkipHighlight" <label class="pref" for="chkSkipNonMusic">
v-model="skipHighlight" <strong v-t="'actions.skip_non_music'" />
class="checkbox" <input
type="checkbox" id="chkSkipNonMusic"
@change="onChange($event)" v-model="skipMusicOffTopic"
/> class="checkbox"
</label> type="checkbox"
<label class="pref" for="chkSkipFiller"> @change="onChange($event)"
<strong v-t="'actions.skip_filler_tangent'" /> />
<input id="chkSkipFiller" v-model="skipFiller" class="checkbox" type="checkbox" @change="onChange($event)" /> </label>
</label> <label class="pref" for="chkSkipHighlight">
<label class="pref" for="chkShowMarkers"> <strong v-t="'actions.skip_highlight'" />
<strong v-t="'actions.show_markers'" /> <input
<input id="chkShowMarkers" v-model="showMarkers" class="checkbox" type="checkbox" @change="onChange($event)" /> id="chkSkipHighlight"
</label> v-model="skipHighlight"
class="checkbox"
type="checkbox"
@change="onChange($event)"
/>
</label>
<label class="pref" for="chkSkipFiller">
<strong v-t="'actions.skip_filler_tangent'" />
<input
id="chkSkipFiller"
v-model="skipFiller"
class="checkbox"
type="checkbox"
@change="onChange($event)"
/>
</label>
<label class="pref" for="chkShowMarkers">
<strong v-t="'actions.show_markers'" />
<input
id="chkShowMarkers"
v-model="showMarkers"
class="checkbox"
type="checkbox"
@change="onChange($event)"
/>
</label>
</div>
<h2 class="text-center" v-t="'titles.instance'" /> <h2 class="text-center" v-t="'titles.instance'" />
<label class="pref" for="ddlInstanceSelection"> <label class="pref" for="ddlInstanceSelection">
<strong v-text="`${$t('actions.instance_selection')}:`" /> <strong v-text="`${$t('actions.instance_selection')}:`" />