TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

add more categories

Browse source
This commit is contained in:
Bnyro 2022-08-11 19:23:18 +02:00
parent 63d93e2050
commit 606644608b
2 changed files with 31 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
src/components/PreferencesPage.vue
View file

@ -11,8 +11,30 @@
<select id="ddlTheme" v-model="selectedTheme" class="select w-auto" @change="onChange($event)"> <select id="ddlTheme" v-model="selectedTheme" class="select w-auto" @change="onChange($event)">
<option v-t="'actions.auto'" value="auto" /> <option v-t="'actions.auto'" value="auto" />
<option v-t="'actions.dark'" value="dark" /> <option v-t="'actions.dark'" value="dark" />
<option v-t="'actions.light'" value="light" /></select <option v-t="'actions.light'" value="light" />
></label> </select>
</label>
<label class="pref" for="ddlLanguageSelection">
<strong v-t="'actions.language_selection'" />
<select id="ddlLanguageSelection" v-model="selectedLanguage" class="select w-auto" @change="onChange($event)">
<option v-for="language in languages" :key="language.code" :value="language.code" v-text="language.name" />
</select>
</label>
<label class="pref" for="ddlCountrySelection">
<strong v-t="'actions.country_selection'" />
<select id="ddlCountrySelection" v-model="countrySelected" class="select" @change="onChange($event)">
<option v-for="country in countryMap" :key="country.code" :value="country.code" v-text="country.name" />
</select>
</label>
<label class="pref" for="ddlDefaultHomepage">
<strong v-t="'actions.default_homepage'" />
<select id="ddlDefaultHomepage" v-model="defaultHomepage" class="select w-auto" @change="onChange($event)">
<option v-t="'titles.trending'" value="trending" />
<option v-t="'titles.feed'" value="feed" />
</select>
</label>
<h2 class="text-center" v-text="`${$t('titles.player')}`" />
<label class="pref" for="chkAutoPlayVideo"> <label class="pref" for="chkAutoPlayVideo">
<strong v-t="'actions.autoplay_video'" /> <strong v-t="'actions.autoplay_video'" />
<input <input
@ -44,19 +66,6 @@
@change="onChange($event)" @change="onChange($event)"
/> />
</label> </label>
<label class="pref" for="ddlCountrySelection">
<strong v-t="'actions.country_selection'" />
<select id="ddlCountrySelection" v-model="countrySelected" class="select" @change="onChange($event)">
<option v-for="country in countryMap" :key="country.code" :value="country.code" v-text="country.name" />
</select>
</label>
<label class="pref" for="ddlDefaultHomepage">
<strong v-t="'actions.default_homepage'" />
<select id="ddlDefaultHomepage" v-model="defaultHomepage" class="select w-auto" @change="onChange($event)">
<option v-t="'titles.trending'" value="trending" />
<option v-t="'titles.feed'" value="feed" />
</select>
</label>
<label class="pref" for="chkShowComments"> <label class="pref" for="chkShowComments">
<strong v-t="'actions.show_comments'" /> <strong v-t="'actions.show_comments'" />
<input <input
@ -97,12 +106,6 @@
@change="onChange($event)" @change="onChange($event)"
/> />
</label> </label>
<label class="pref" for="ddlLanguageSelection">
<strong v-t="'actions.language_selection'" />
<select id="ddlLanguageSelection" v-model="selectedLanguage" class="select w-auto" @change="onChange($event)">
<option v-for="language in languages" :key="language.code" :value="language.code" v-text="language.name" />
</select>
</label>
<label class="pref" for="ddlEnabledCodecs"> <label class="pref" for="ddlEnabledCodecs">
<strong v-t="'actions.enabled_codecs'" /> <strong v-t="'actions.enabled_codecs'" />
<select <select
@ -211,6 +214,7 @@
<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>
<h2 class="text-center" v-text="`${$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')}:`" />
<select id="ddlInstanceSelection" v-model="selectedInstance" class="select w-auto" @change="onChange($event)"> <select id="ddlInstanceSelection" v-model="selectedInstance" class="select w-auto" @change="onChange($event)">
@ -254,6 +258,7 @@
<!-- options that are visible only when logged in --> <!-- options that are visible only when logged in -->
<div v-if="this.authenticated"> <div v-if="this.authenticated">
<h2 class="text-center" v-text="`${$t('titles.account')}`"></h2>
<label class="pref" for="txtDeleteAccountPassword"> <label class="pref" for="txtDeleteAccountPassword">
<strong v-t="'actions.delete_account'" /> <strong v-t="'actions.delete_account'" />
<div class="flex items-center"> <div class="flex items-center">
@ -264,7 +269,7 @@
v-on:keyup.enter="deleteAccount" v-on:keyup.enter="deleteAccount"
:placeholder="$t('login.password')" :placeholder="$t('login.password')"
:aria-label="$t('login.password')" :aria-label="$t('login.password')"
class="input w-auto mr-12" class="input w-auto mr-2"
type="password" type="password"
/> />
<a class="btn w-auto" @click="deleteAccount" v-t="'actions.delete_account'" /> <a class="btn w-auto" @click="deleteAccount" v-t="'actions.delete_account'" />

5
src/locales/en.json
View file

@ -7,7 +7,10 @@
"preferences": "Preferences", "preferences": "Preferences",
"history": "History", "history": "History",
"subscriptions": "Subscriptions", "subscriptions": "Subscriptions",
"playlists": "Playlists" "playlists": "Playlists",
"account": "Account",
"instance": "Instance",
"player": "Player"
}, },
"player": { "player": {
"watch_on": "Watch on {0}" "watch_on": "Watch on {0}"