mirror of https://github.com/FreeTubeApp/FreeTube
265 lines
9.6 KiB
Vue
265 lines
9.6 KiB
Vue
<template>
|
|
<ft-settings-section
|
|
:title="$t('Settings.Distraction Free Settings.Distraction Free Settings')"
|
|
>
|
|
<h4
|
|
class="groupTitle"
|
|
>
|
|
{{ $t('Settings.Distraction Free Settings.Sections.Side Bar') }}
|
|
</h4>
|
|
<div class="switchColumnGrid">
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Trending Videos')"
|
|
:compact="true"
|
|
:default-value="hideTrendingVideos"
|
|
@change="updateHideTrendingVideos"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Popular Videos')"
|
|
:compact="true"
|
|
:default-value="hidePopularVideos"
|
|
@change="updateHidePopularVideos"
|
|
/>
|
|
</div>
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Playlists')"
|
|
:compact="true"
|
|
:default-value="hidePlaylists"
|
|
@change="updateHidePlaylists"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Active Subscriptions')"
|
|
:compact="true"
|
|
:default-value="hideActiveSubscriptions"
|
|
@change="updateHideActiveSubscriptions"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<h4
|
|
class="groupTitle"
|
|
>
|
|
{{ $t('Settings.Distraction Free Settings.Sections.Subscriptions Page') }}
|
|
</h4>
|
|
<div class="switchColumnGrid">
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Subscriptions Videos')"
|
|
:compact="true"
|
|
:default-value="hideSubscriptionsVideos"
|
|
@change="updateHideSubscriptionsVideos"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Subscriptions Shorts')"
|
|
:compact="true"
|
|
:default-value="hideSubscriptionsShorts"
|
|
@change="updateHideSubscriptionsShorts"
|
|
/>
|
|
</div>
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Subscriptions Live')"
|
|
:compact="true"
|
|
:disabled="hideLiveStreams"
|
|
:default-value="hideLiveStreams || hideSubscriptionsLive"
|
|
:tooltip="hideLiveStreams ? hideSubscriptionsLiveTooltip : ''"
|
|
v-on="!hideLiveStreams ? { change: updateHideSubscriptionsLive } : {}"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Subscriptions Community')"
|
|
:compact="true"
|
|
:default-value="hideSubscriptionsCommunity"
|
|
@change="updateHideSubscriptionsCommunity"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<h4
|
|
class="groupTitle"
|
|
>
|
|
{{ $t('Settings.Distraction Free Settings.Sections.Channel Page') }}
|
|
</h4>
|
|
<div class="switchColumnGrid">
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Channel Shorts')"
|
|
:compact="true"
|
|
:default-value="hideChannelShorts"
|
|
@change="updateHideChannelShorts"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Channel Playlists')"
|
|
:compact="true"
|
|
:default-value="hideChannelPlaylists"
|
|
@change="updateHideChannelPlaylists"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Channel Podcasts')"
|
|
:compact="true"
|
|
:default-value="hideChannelPodcasts"
|
|
@change="updateHideChannelPodcasts"
|
|
/>
|
|
</div>
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Channel Community')"
|
|
:compact="true"
|
|
:default-value="hideChannelCommunity"
|
|
@change="updateHideChannelCommunity"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Featured Channels')"
|
|
:compact="true"
|
|
:default-value="hideFeaturedChannels"
|
|
@change="updateHideFeaturedChannels"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Channel Releases')"
|
|
:compact="true"
|
|
:default-value="hideChannelReleases"
|
|
@change="updateHideChannelReleases"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<h4
|
|
class="groupTitle"
|
|
>
|
|
{{ $t('Settings.Distraction Free Settings.Sections.Watch Page') }}
|
|
</h4>
|
|
<div class="switchColumnGrid">
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Video Likes And Dislikes')"
|
|
:compact="true"
|
|
:default-value="hideVideoLikesAndDislikes"
|
|
@change="updateHideVideoLikesAndDislikes"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Chapters')"
|
|
:compact="true"
|
|
:default-value="hideChapters"
|
|
@change="updateHideChapters"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Video Description')"
|
|
:compact="true"
|
|
:default-value="hideVideoDescription"
|
|
@change="updateHideVideoDescription"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Comment Likes')"
|
|
:compact="true"
|
|
:default-value="hideCommentLikes"
|
|
@change="updateHideCommentLikes"
|
|
/>
|
|
</div>
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Live Chat')"
|
|
:compact="true"
|
|
:default-value="hideLiveChat"
|
|
@change="updateHideLiveChat"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Recommended Videos')"
|
|
:compact="true"
|
|
:default-value="hideRecommendedVideos"
|
|
@change="handleHideRecommendedVideos"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Comments')"
|
|
:compact="true"
|
|
:default-value="hideComments"
|
|
@change="updateHideComments"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Profile Pictures in Comments')"
|
|
:compact="true"
|
|
:default-value="hideCommentPhotos"
|
|
@change="updateHideCommentPhotos"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<h4
|
|
class="groupTitle"
|
|
>
|
|
{{ $t('Settings.Distraction Free Settings.Sections.General') }}
|
|
</h4>
|
|
<div class="switchColumnGrid">
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Video Views')"
|
|
:compact="true"
|
|
:default-value="hideVideoViews"
|
|
@change="updateHideVideoViews"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Channel Subscribers')"
|
|
:compact="true"
|
|
:default-value="hideChannelSubscriptions"
|
|
@change="updateHideChannelSubscriptions"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Sharing Actions')"
|
|
:compact="true"
|
|
:default-value="hideSharingActions"
|
|
@change="updateHideSharingActions"
|
|
/>
|
|
</div>
|
|
<div class="switchColumn">
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Live Streams')"
|
|
:compact="true"
|
|
:default-value="hideLiveStreams"
|
|
@change="updateHideLiveStreams"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Hide Upcoming Premieres')"
|
|
:compact="true"
|
|
:default-value="hideUpcomingPremieres"
|
|
@change="updateHideUpcomingPremieres"
|
|
/>
|
|
<ft-toggle-switch
|
|
:label="$t('Settings.Distraction Free Settings.Display Titles Without Excessive Capitalisation')"
|
|
:compact="true"
|
|
:default-value="showDistractionFreeTitles"
|
|
@change="updateShowDistractionFreeTitles"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<br class="hide-on-mobile">
|
|
<ft-flex-box>
|
|
<ft-input-tags
|
|
:disabled="channelHiderDisabled"
|
|
:disabled-msg="$t('Settings.Distraction Free Settings.Hide Channels Disabled Message')"
|
|
:label="$t('Settings.Distraction Free Settings.Hide Channels')"
|
|
:tag-name-placeholder="$t('Settings.Distraction Free Settings.Hide Channels Placeholder')"
|
|
:show-action-button="true"
|
|
:tag-list="channelsHidden"
|
|
:tooltip="$t('Tooltips.Distraction Free Settings.Hide Channels')"
|
|
:validate-tag-name="validateChannelId"
|
|
:find-tag-info="findChannelTagInfo"
|
|
:are-channel-tags="true"
|
|
@invalid-name="handleInvalidChannel"
|
|
@error-find-tag-info="handleChannelAPIError"
|
|
@change="handleChannelsHidden"
|
|
@already-exists="handleChannelsExists"
|
|
/>
|
|
</ft-flex-box>
|
|
<ft-flex-box>
|
|
<ft-input-tags
|
|
:label="$t('Settings.Distraction Free Settings.Hide Videos and Playlists Containing Text')"
|
|
:tag-name-placeholder="$t('Settings.Distraction Free Settings.Hide Videos and Playlists Containing Text Placeholder')"
|
|
:show-action-button="true"
|
|
:tag-list="forbiddenTitles"
|
|
:min-input-length="3"
|
|
:tooltip="$t('Tooltips.Distraction Free Settings.Hide Videos and Playlists Containing Text')"
|
|
@change="handleForbiddenTitles"
|
|
/>
|
|
</ft-flex-box>
|
|
</ft-settings-section>
|
|
</template>
|
|
|
|
<script src="./distraction-settings.js" />
|
|
<style src="./distraction-settings.css" />
|