mirror of
				https://github.com/TeamPiped/Piped.git
				synced 2024-08-14 23:57:27 +00:00 
			
		
		
		
	Add more translatable strings.
This commit is contained in:
		
							parent
							
								
									ddf768c5bd
								
							
						
					
					
						commit
						c70a5f2888
					
				
					 4 changed files with 79 additions and 47 deletions
				
			
		| 
						 | 
				
			
			@ -1,18 +1,18 @@
 | 
			
		|||
<template>
 | 
			
		||||
    <h1 class="uk-text-bold uk-text-center">Feed</h1>
 | 
			
		||||
    <h1 class="uk-text-bold uk-text-center" v-t="'titles.feed'" />
 | 
			
		||||
 | 
			
		||||
    <small>You can import subscriptions from <router-link to="/import">here</router-link>.</small>
 | 
			
		||||
 | 
			
		||||
    <br />
 | 
			
		||||
    <router-link to="/subscriptions" class="uk-text-center">View Subscriptions</router-link>
 | 
			
		||||
    <router-link to="/subscriptions" class="uk-text-center" v-t="'actions.view_subscriptions'" />
 | 
			
		||||
 | 
			
		||||
    <br />
 | 
			
		||||
    Sort by:
 | 
			
		||||
    {{ $t("actions.sort_by") }}
 | 
			
		||||
    <select class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
 | 
			
		||||
        <option value="descending">Most Recent</option>
 | 
			
		||||
        <option value="ascending">Least Recent</option>
 | 
			
		||||
        <option value="channel_ascending">Channel Name (A-Z)</option>
 | 
			
		||||
        <option value="channel_descending">Channel Name (Z-A)</option>
 | 
			
		||||
        <option value="descending" v-t="'actions.most_recent'" />
 | 
			
		||||
        <option value="ascending" v-t="'actions.least_recent'" />
 | 
			
		||||
        <option value="channel_ascending" v-t="'actions.channel_name_asc'" />
 | 
			
		||||
        <option value="channel_descending" v-t="'actions.channel_name_desc'" />
 | 
			
		||||
    </select>
 | 
			
		||||
 | 
			
		||||
    <div class="uk-align-right">
 | 
			
		||||
| 
						 | 
				
			
			@ -50,7 +50,7 @@ export default {
 | 
			
		|||
        });
 | 
			
		||||
    },
 | 
			
		||||
    activated() {
 | 
			
		||||
        document.title = "Feed - Piped";
 | 
			
		||||
        document.title = this.$t("titles.feed") + " - Piped";
 | 
			
		||||
        if (this.videos.length > 0) this.updateWatched(this.videos);
 | 
			
		||||
    },
 | 
			
		||||
    methods: {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -29,7 +29,7 @@
 | 
			
		|||
        <div class="uk-navbar-right">
 | 
			
		||||
            <ul class="uk-navbar-nav">
 | 
			
		||||
                <li>
 | 
			
		||||
                    <router-link to="/preferences">Preferences</router-link>
 | 
			
		||||
                    <router-link to="/preferences" v-t="'titles.preferences'" />
 | 
			
		||||
                </li>
 | 
			
		||||
                <li v-if="shouldShowLogin">
 | 
			
		||||
                    <router-link to="/login" v-t="'titles.login'" />
 | 
			
		||||
| 
						 | 
				
			
			@ -38,7 +38,7 @@
 | 
			
		|||
                    <router-link to="/register" v-t="'titles.register'" />
 | 
			
		||||
                </li>
 | 
			
		||||
                <li v-if="shouldShowHistory">
 | 
			
		||||
                    <router-link to="/history">History</router-link>
 | 
			
		||||
                    <router-link to="/history" v-t="'titles.history'" />
 | 
			
		||||
                </li>
 | 
			
		||||
                <li v-if="authenticated">
 | 
			
		||||
                    <router-link to="/feed" v-t="'titles.feed'" />
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,104 +1,104 @@
 | 
			
		|||
<template>
 | 
			
		||||
    <div class="uk-flex uk-flex-between uk-flex-middle">
 | 
			
		||||
        <button class="uk-button uk-button-text" @click="$router.go(-1) || $router.push('/')">
 | 
			
		||||
            <font-awesome-icon icon="chevron-left" />  Back
 | 
			
		||||
            <font-awesome-icon icon="chevron-left" />  {{ $t("actions.back") }}
 | 
			
		||||
        </button>
 | 
			
		||||
        <span><h1 class="uk-text-bold uk-text-center" v-t="'titles.preferences'"/></span>
 | 
			
		||||
        <span />
 | 
			
		||||
    </div>
 | 
			
		||||
    <hr />
 | 
			
		||||
    <h2>SponsorBlock</h2>
 | 
			
		||||
    <p>Uses the API from <a href="https://sponsor.ajay.app/">sponsor.ajay.app</a></p>
 | 
			
		||||
    <b>Enable Sponsorblock</b>
 | 
			
		||||
    <p>{{ $t("actions.uses_api_from") }}<a href="https://sponsor.ajay.app/">sponsor.ajay.app</a></p>
 | 
			
		||||
    <b v-t="'actions.enable_sponsorblock'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="sponsorBlock" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Skip Sponsors</b>
 | 
			
		||||
    <b v-t="'actions.skip_sponsors'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="skipSponsor" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Skip Intermission/Intro Animation</b>
 | 
			
		||||
    <b v-t="'actions.skip_intro'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="skipIntro" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Skip Endcards/Credits</b>
 | 
			
		||||
    <b v-t="'actions.skip_outro'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="skipOutro" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Skip Preview/Recap</b>
 | 
			
		||||
    <b v-t="'actions.skip_preview'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="skipPreview" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Skip Interaction Reminder (Subscribe)</b>
 | 
			
		||||
    <b v-t="'actions.skip_interaction'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="skipInteraction" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Skip Unpaid/Self Promotion</b>
 | 
			
		||||
    <b v-t="'actions.skip_self_promo'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="skipSelfPromo" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Skip Music: Non-Music Section</b>
 | 
			
		||||
    <b v-t="'actions.skip_non_music'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="skipMusicOffTopic" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Theme</b>
 | 
			
		||||
    <b v-t="'actions.theme'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <select class="uk-select uk-width-auto" v-model="selectedTheme" @change="onChange($event)">
 | 
			
		||||
        <option value="auto">Auto</option>
 | 
			
		||||
        <option value="dark">Dark</option>
 | 
			
		||||
        <option value="light">Light</option>
 | 
			
		||||
        <option value="auto" v-t="'actions.auto'" />
 | 
			
		||||
        <option value="dark" v-t="'actions.dark'" />
 | 
			
		||||
        <option value="light" v-t="'actions.light'" />
 | 
			
		||||
    </select>
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Autoplay Video</b>
 | 
			
		||||
    <b v-t="'actions.autoplay_video'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="autoPlayVideo" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Audio Only</b>
 | 
			
		||||
    <b v-t="'actions.audio_only'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="listen" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Default Quality</b>
 | 
			
		||||
    <b v-t="'actions.default_quality'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <select class="uk-select uk-width-auto" v-model="defaultQuality" @change="onChange($event)">
 | 
			
		||||
        <option value="0">Auto</option>
 | 
			
		||||
        <option value="0" v-t="'actions.auto'" />
 | 
			
		||||
        <option :key="resolution" v-for="resolution in resolutions" :value="resolution">{{ resolution }}p</option>
 | 
			
		||||
    </select>
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Buffering Goal (in seconds)</b>
 | 
			
		||||
    <b v-t="'actions.buffering_goal'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-input uk-width-auto" v-model="bufferingGoal" @change="onChange($event)" type="text" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Country Selection</b>
 | 
			
		||||
    <b v-t="'actions.country_selection'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <select class="uk-select uk-width-auto" v-model="country" @change="onChange($event)">
 | 
			
		||||
        <option :key="country.code" v-for="country in countryMap" :value="country.code">{{ country.name }}</option>
 | 
			
		||||
    </select>
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Default Homepage</b>
 | 
			
		||||
    <b v-t="'actions.default_homepage'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <select class="uk-select uk-width-auto" v-model="defaultHomepage" @change="onChange($event)">
 | 
			
		||||
        <option value="trending">Trending</option>
 | 
			
		||||
        <option value="feed">Feed</option>
 | 
			
		||||
        <option value="trending" v-t="'titles.trending'" />
 | 
			
		||||
        <option value="feed" v-t="'titles.feed'" />
 | 
			
		||||
    </select>
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Show Comments</b>
 | 
			
		||||
    <b v-t="'actions.show_comments'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="showComments" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Minimize Description by default</b>
 | 
			
		||||
    <b v-t="'actions.minimize_description'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="minimizeDescription" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Store Watch History</b>
 | 
			
		||||
    <b v-t="'actions.store_watch_history'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <input class="uk-checkbox" v-model="watchHistory" @change="onChange($event)" type="checkbox" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <b>Language Selection</b>
 | 
			
		||||
    <b v-t="'actions.language_selection'" />
 | 
			
		||||
    <br />
 | 
			
		||||
    <select class="uk-select uk-width-auto" v-model="selectedLanguage" @change="onChange($event)">
 | 
			
		||||
        <option :key="language.code" v-for="language in languages" :value="language.code">{{ language.name }}</option>
 | 
			
		||||
    </select>
 | 
			
		||||
    <h2>Instances List</h2>
 | 
			
		||||
    <h2 v-t="'actions.instances_list'" />
 | 
			
		||||
    <table class="uk-table">
 | 
			
		||||
        <thead>
 | 
			
		||||
            <tr>
 | 
			
		||||
| 
						 | 
				
			
			@ -191,14 +191,14 @@ export default {
 | 
			
		|||
                            cdn: split[3].trim(),
 | 
			
		||||
                        });
 | 
			
		||||
                    }
 | 
			
		||||
                    if (this.instances.filter(instance => instance.apiurl == this.apiUrl()).length > 0)
 | 
			
		||||
                        this.instances.push({
 | 
			
		||||
                            name: "Custom Instance",
 | 
			
		||||
                            apiurl: this.apiUrl(),
 | 
			
		||||
                            locations: "Unknown",
 | 
			
		||||
                            cdn: "Unknown",
 | 
			
		||||
                        });
 | 
			
		||||
                });
 | 
			
		||||
                if (this.instances.filter(instance => instance.apiurl == this.apiUrl()).length == 0)
 | 
			
		||||
                    this.instances.push({
 | 
			
		||||
                        name: "Custom Instance",
 | 
			
		||||
                        apiurl: this.apiUrl(),
 | 
			
		||||
                        locations: "Unknown",
 | 
			
		||||
                        cdn: "Unknown",
 | 
			
		||||
                    });
 | 
			
		||||
            });
 | 
			
		||||
 | 
			
		||||
        if (localStorage) {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -4,13 +4,45 @@
 | 
			
		|||
        "login": "Login",
 | 
			
		||||
        "register": "Register",
 | 
			
		||||
        "feed": "Feed",
 | 
			
		||||
        "preferences": "Preferences"
 | 
			
		||||
        "preferences": "Preferences",
 | 
			
		||||
        "history": "History"
 | 
			
		||||
    },
 | 
			
		||||
    "player": {
 | 
			
		||||
        "watch_on": "Watch on"
 | 
			
		||||
    },
 | 
			
		||||
    "actions": {
 | 
			
		||||
        "subscribe": "Subscribe",
 | 
			
		||||
        "unsubscribe": "Unsubscribe"
 | 
			
		||||
        "unsubscribe": "Unsubscribe",
 | 
			
		||||
        "view_subscriptions": "View Subscriptions",
 | 
			
		||||
        "sort_by": "Sort by:",
 | 
			
		||||
        "most_recent": "Most Recent",
 | 
			
		||||
        "least_recent": "Least Recent",
 | 
			
		||||
        "channel_name_asc": "Channel Name (A-Z)",
 | 
			
		||||
        "channel_name_desc": "Channel Name (Z-A)",
 | 
			
		||||
        "back": "Back",
 | 
			
		||||
        "uses_api_from": "Uses the API from ",
 | 
			
		||||
        "enable_sponsorblock": "Enable Sponsorblock",
 | 
			
		||||
        "skip_sponsors": "Skip Sponsors",
 | 
			
		||||
        "skip_intro": "Skip Intermission/Intro Animation",
 | 
			
		||||
        "skip_outro": "Skip Endcards/Credits",
 | 
			
		||||
        "skip_preview": "Skip Preview/Recap",
 | 
			
		||||
        "skip_interaction": "Skip Interaction Reminder (Subscribe)",
 | 
			
		||||
        "skip_self_promo": "Skip Unpaid/Self Promotion",
 | 
			
		||||
        "skip_non_music": "Skip Music: Non-Music Section",
 | 
			
		||||
        "theme": "Theme",
 | 
			
		||||
        "auto": "Auto",
 | 
			
		||||
        "dark": "Dark",
 | 
			
		||||
        "light": "Light",
 | 
			
		||||
        "autoplay_video": "Autoplay Video",
 | 
			
		||||
        "audio_only": "Audio Only",
 | 
			
		||||
        "default_quality": "Default Quality",
 | 
			
		||||
        "buffering_goal": "Buffering Goal (in seconds)",
 | 
			
		||||
        "country_selection": "Country Selection",
 | 
			
		||||
        "default_homepage": "Default Homepage",
 | 
			
		||||
        "show_comments": "Show Comments",
 | 
			
		||||
        "minimize_description": "Minimize Description by default",
 | 
			
		||||
        "store_watch_history": "Store Watch History",
 | 
			
		||||
        "language_selection": "Language Selection",
 | 
			
		||||
        "instances_list": "Instances List"
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue