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,9 +183,16 @@
@change="onChange($event)" @change="onChange($event)"
/> />
</label> </label>
<div v-if="sponsorBlock">
<label class="pref" for="chkSkipSponsors"> <label class="pref" for="chkSkipSponsors">
<strong v-t="'actions.skip_sponsors'" /> <strong v-t="'actions.skip_sponsors'" />
<input id="chkSkipSponsors" v-model="skipSponsor" class="checkbox" type="checkbox" @change="onChange($event)" /> <input
id="chkSkipSponsors"
v-model="skipSponsor"
class="checkbox"
type="checkbox"
@change="onChange($event)"
/>
</label> </label>
<label class="pref" for="chkSkipIntro"> <label class="pref" for="chkSkipIntro">
<strong v-t="'actions.skip_intro'" /> <strong v-t="'actions.skip_intro'" />
@ -197,7 +204,13 @@
</label> </label>
<label class="pref" for="chkSkipPreview"> <label class="pref" for="chkSkipPreview">
<strong v-t="'actions.skip_preview'" /> <strong v-t="'actions.skip_preview'" />
<input id="chkSkipPreview" v-model="skipPreview" 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="chkSkipInteraction"> <label class="pref" for="chkSkipInteraction">
<strong v-t="'actions.skip_interaction'" /> <strong v-t="'actions.skip_interaction'" />
@ -241,13 +254,25 @@
</label> </label>
<label class="pref" for="chkSkipFiller"> <label class="pref" for="chkSkipFiller">
<strong v-t="'actions.skip_filler_tangent'" /> <strong v-t="'actions.skip_filler_tangent'" />
<input id="chkSkipFiller" v-model="skipFiller" class="checkbox" type="checkbox" @change="onChange($event)" /> <input
id="chkSkipFiller"
v-model="skipFiller"
class="checkbox"
type="checkbox"
@change="onChange($event)"
/>
</label> </label>
<label class="pref" for="chkShowMarkers"> <label class="pref" for="chkShowMarkers">
<strong v-t="'actions.show_markers'" /> <strong v-t="'actions.show_markers'" />
<input id="chkShowMarkers" v-model="showMarkers" class="checkbox" type="checkbox" @change="onChange($event)" /> <input
id="chkShowMarkers"
v-model="showMarkers"
class="checkbox"
type="checkbox"
@change="onChange($event)"
/>
</label> </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')}:`" />