2020-02-21 21:40:46 +01:00
|
|
|
<template>
|
2021-09-15 04:03:00 +02:00
|
|
|
<details>
|
|
|
|
<summary>
|
|
|
|
<h3>
|
|
|
|
{{ $t("Settings.General Settings.General Settings") }}
|
|
|
|
</h3>
|
|
|
|
</summary>
|
|
|
|
<hr>
|
2020-09-20 20:22:39 +02:00
|
|
|
<div class="switchColumnGrid">
|
|
|
|
<div class="switchColumn">
|
|
|
|
<ft-toggle-switch
|
|
|
|
:label="$t('Settings.General Settings.Check for Updates')"
|
|
|
|
:default-value="checkForUpdates"
|
|
|
|
:compact="true"
|
|
|
|
@change="updateCheckForUpdates"
|
|
|
|
/>
|
|
|
|
<ft-toggle-switch
|
|
|
|
:label="$t('Settings.General Settings.Fallback to Non-Preferred Backend on Failure')"
|
|
|
|
:default-value="backendFallback"
|
|
|
|
:compact="true"
|
2020-10-19 17:32:53 +02:00
|
|
|
:tooltip="$t('Tooltips.General Settings.Fallback to Non-Preferred Backend on Failure')"
|
2020-09-20 20:22:39 +02:00
|
|
|
@change="updateBackendFallback"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div class="switchColumn">
|
|
|
|
<ft-toggle-switch
|
|
|
|
:label="$t('Settings.General Settings.Check for Latest Blog Posts')"
|
|
|
|
:default-value="checkForBlogPosts"
|
|
|
|
:compact="true"
|
|
|
|
@change="updateCheckForBlogPosts"
|
|
|
|
/>
|
|
|
|
<ft-toggle-switch
|
|
|
|
:label="$t('Settings.General Settings.Enable Search Suggestions')"
|
|
|
|
:default-value="enableSearchSuggestions"
|
|
|
|
:compact="true"
|
|
|
|
@change="updateEnableSearchSuggestions"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-03-27 12:37:54 +01:00
|
|
|
<div class="switchGrid">
|
2020-02-21 21:40:46 +01:00
|
|
|
<ft-select
|
2020-08-07 02:20:42 +02:00
|
|
|
:placeholder="$t('Settings.General Settings.Preferred API Backend.Preferred API Backend')"
|
2020-02-27 04:10:56 +01:00
|
|
|
:value="backendPreference"
|
2020-02-21 21:40:46 +01:00
|
|
|
:select-names="backendNames"
|
|
|
|
:select-values="backendValues"
|
2020-10-19 17:32:53 +02:00
|
|
|
:tooltip="$t('Tooltips.General Settings.Preferred API Backend')"
|
|
|
|
@change="handlePreferredApiBackend"
|
2020-02-21 21:40:46 +01:00
|
|
|
/>
|
|
|
|
<ft-select
|
2020-05-28 04:48:41 +02:00
|
|
|
v-if="false"
|
2020-08-07 02:20:42 +02:00
|
|
|
:placeholder="$t('Settings.General Settings.Default Landing Page')"
|
2020-02-27 04:10:56 +01:00
|
|
|
:value="landingPage"
|
2020-02-21 21:40:46 +01:00
|
|
|
:select-names="defaultPageNames"
|
|
|
|
:select-values="defaultPageValues"
|
2020-02-27 04:10:56 +01:00
|
|
|
@change="updateLandingPage"
|
2020-02-21 21:40:46 +01:00
|
|
|
/>
|
|
|
|
<ft-select
|
2020-08-07 02:20:42 +02:00
|
|
|
:placeholder="$t('Settings.General Settings.Video View Type.Video View Type')"
|
2020-02-27 04:10:56 +01:00
|
|
|
:value="listType"
|
2020-02-21 21:40:46 +01:00
|
|
|
:select-names="viewTypeNames"
|
|
|
|
:select-values="viewTypeValues"
|
2020-02-27 04:10:56 +01:00
|
|
|
@change="updateListType"
|
|
|
|
/>
|
|
|
|
<ft-select
|
2020-08-07 02:20:42 +02:00
|
|
|
:placeholder="$t('Settings.General Settings.Thumbnail Preference.Thumbnail Preference')"
|
2020-02-27 04:10:56 +01:00
|
|
|
:value="thumbnailPreference"
|
|
|
|
:select-names="thumbnailTypeNames"
|
|
|
|
:select-values="thumbnailTypeValues"
|
2020-10-19 17:32:53 +02:00
|
|
|
:tooltip="$t('Tooltips.General Settings.Thumbnail Preference')"
|
2020-02-27 04:10:56 +01:00
|
|
|
@change="updateThumbnailPreference"
|
2020-02-21 21:40:46 +01:00
|
|
|
/>
|
2020-08-12 00:17:09 +02:00
|
|
|
<ft-select
|
2020-08-22 22:51:04 +02:00
|
|
|
:placeholder="$t('Settings.General Settings.Locale Preference')"
|
2020-08-12 00:17:09 +02:00
|
|
|
:value="currentLocale"
|
2020-09-16 15:51:26 +02:00
|
|
|
:select-names="localeNames"
|
2020-08-12 00:17:09 +02:00
|
|
|
:select-values="localeOptions"
|
2021-06-20 03:45:37 +02:00
|
|
|
@change="updateCurrentLocale"
|
2020-08-12 00:17:09 +02:00
|
|
|
/>
|
2020-10-22 13:47:30 +02:00
|
|
|
<ft-select
|
|
|
|
:placeholder="$t('Settings.General Settings.Region for Trending')"
|
2020-10-22 20:56:49 +02:00
|
|
|
:value="region"
|
|
|
|
:select-names="regionNames"
|
|
|
|
:select-values="regionValues"
|
|
|
|
:tooltip="$t('Tooltips.General Settings.Region for Trending')"
|
|
|
|
@change="updateRegion"
|
2020-10-22 13:47:30 +02:00
|
|
|
/>
|
2021-09-17 01:03:25 +02:00
|
|
|
<ft-select
|
|
|
|
:placeholder="$t('Settings.General Settings.External Link Handling.External Link Handling')"
|
|
|
|
:value="externalLinkHandling"
|
|
|
|
:select-names="externalLinkHandlingNames"
|
|
|
|
:select-values="externalLinkHandlingValues"
|
|
|
|
:tooltip="$t('Tooltips.General Settings.External Link Handling')"
|
|
|
|
@change="updateExternalLinkHandling"
|
|
|
|
/>
|
2020-06-02 04:42:29 +02:00
|
|
|
</div>
|
|
|
|
<ft-flex-box class="generalSettingsFlexBox">
|
|
|
|
<ft-input
|
2021-07-03 03:55:56 +02:00
|
|
|
:placeholder="$t('Settings.General Settings.Current Invidious Instance')"
|
2021-10-01 09:38:33 +02:00
|
|
|
:show-action-button="false"
|
2020-06-02 04:42:29 +02:00
|
|
|
:show-label="true"
|
2021-07-03 03:55:56 +02:00
|
|
|
:value="currentInvidiousInstance"
|
|
|
|
:data-list="invidiousInstancesList"
|
2020-10-19 17:32:53 +02:00
|
|
|
:tooltip="$t('Tooltips.General Settings.Invidious Instance')"
|
2020-06-02 04:42:29 +02:00
|
|
|
@input="handleInvidiousInstanceInput"
|
2020-05-28 04:48:41 +02:00
|
|
|
/>
|
2020-06-02 04:42:29 +02:00
|
|
|
</ft-flex-box>
|
2021-01-22 03:21:33 +01:00
|
|
|
<ft-flex-box>
|
2021-07-03 03:55:56 +02:00
|
|
|
<div>
|
|
|
|
<a
|
|
|
|
href="https://api.invidious.io"
|
|
|
|
>
|
|
|
|
{{ $t('Settings.General Settings.View all Invidious instance information') }}
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</ft-flex-box>
|
|
|
|
<p
|
|
|
|
v-if="defaultInvidiousInstance !== ''"
|
|
|
|
class="center"
|
|
|
|
>
|
|
|
|
{{ $t('Settings.General Settings.The currently set default instance is $').replace('$', defaultInvidiousInstance) }}
|
|
|
|
</p>
|
|
|
|
<template v-else>
|
|
|
|
<p class="center">
|
|
|
|
{{ $t('Settings.General Settings.No default instance has been set') }}
|
|
|
|
</p>
|
|
|
|
<p class="center">
|
|
|
|
{{ $t('Settings.General Settings.Current instance will be randomized on startup') }}
|
|
|
|
</p>
|
|
|
|
</template>
|
|
|
|
<ft-flex-box>
|
|
|
|
<ft-button
|
|
|
|
:label="$t('Settings.General Settings.Set Current Instance as Default')"
|
|
|
|
@click="handleSetDefaultInstanceClick"
|
|
|
|
/>
|
|
|
|
<ft-button
|
|
|
|
:label="$t('Settings.General Settings.Clear Default Instance')"
|
|
|
|
@click="handleClearDefaultInstanceClick"
|
|
|
|
/>
|
2021-01-22 03:21:33 +01:00
|
|
|
</ft-flex-box>
|
2021-09-15 04:03:00 +02:00
|
|
|
</details>
|
2020-02-21 21:40:46 +01:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./general-settings.js" />
|
2020-03-27 12:37:54 +01:00
|
|
|
<style scoped lang="sass" src="./general-settings.sass" />
|