Add Parental Control toggle to disable channel link from videos

src/renderer/components/ParentalControlSettings.vue

@@ -16,6 +16,12 @@
           :default-value="showFamilyFriendlyOnly"
           @change="updateShowFamilyFriendlyOnly"
         />
+        <FtToggleSwitch
+          :label="$t('Settings.Parental Control Settings.Disable Channel Link on Videos')"
+          compact
+          :default-value="disableChannelLinks"
+          @change="updateDisableChannelLinks"
+        />
       </div>
       <div class="switchColumn">
         <FtToggleSwitch
@@ -59,6 +65,10 @@ const showFamilyFriendlyOnly = computed(() => {
   return store.getters.getShowFamilyFriendlyOnly
 })
 
+const disableChannelLinks = computed(() => {
+  return store.getters.getDisableChannelLinks
+})
+
 /**
  * @param {boolean} value
  */
@@ -86,4 +96,11 @@ function updateHideUploader(value) {
 function updateShowFamilyFriendlyOnly(value) {
   store.dispatch('updateShowFamilyFriendlyOnly', value)
 }
+
+/**
+ * @param {boolean} value
+ */
+function updateDisableChannelLinks(value) {
+  store.dispatch('updateDisableChannelLinks', value)
+}
 </script>

src/renderer/components/WatchVideoInfo/WatchVideoInfo.css

@@ -97,6 +97,10 @@
   gap: 4px;
 }
 
+.revertCursor {
+  cursor: revert;
+}
+
 @media screen and (width <= 730px) {
   .videoButtons {
     flex-direction: column;

src/renderer/components/WatchVideoInfo/WatchVideoInfo.vue

@@ -42,6 +42,7 @@
           v-if="!hideUploader"
         >
           <RouterLink
+            v-if="!disableChannelLinks"
             :to="`/channel/${channelId}`"
           >
             <img
@@ -50,18 +51,31 @@
               alt=""
             >
           </RouterLink>
+          <img
+            v-if="disableChannelLinks"
+            :src="channelThumbnail"
+            class="channelThumbnail revertCursor"
+            alt=""
+          >
         </div>
         <div>
           <div
             v-if="!hideUploader"
           >
             <RouterLink
+              v-if="!disableChannelLinks"
               :to="`/channel/${channelId}`"
               class="channelName"
               dir="auto"
             >
               {{ channelName }}
             </RouterLink>
+            <div
+              v-if="disableChannelLinks"
+              class="channelName revertCursor"
+            >
+              {{ channelName }}
+            </div>
           </div>
           <FtSubscribeButton
             v-if="!hideUnsubscribeButton"
@@ -503,6 +517,8 @@ function removeFromQuickBookmarkPlaylist() {
   // TODO: Maybe show playlist name
   showToast(t('Video.Video has been removed from your saved list'))
 }
+
+const disableChannelLinks = computed(() => store.getters.getDisableChannelLinks)
 </script>
 
 <style scoped src="./WatchVideoInfo.css" />

src/renderer/components/ft-list-video/ft-list-video.js

@@ -546,6 +546,10 @@ export default defineComponent({
     deArrowCache: function () {
       return this.$store.getters.getDeArrowCache[this.id]
     },
+
+    disableChannelLinks: function () {
+      return this.$store.getters.getDisableChannelLinks
+    },
   },
   watch: {
     showAddToPlaylistPrompt(value) {

src/renderer/components/ft-list-video/ft-list-video.scss

@@ -59,3 +59,8 @@
 .deArrowToggleIcon {
   inline-size: 1em;
 }
+
+.linkDisabled {
+  text-decoration: none;
+  cursor: initial;
+}

src/renderer/components/ft-list-video/ft-list-video.vue

@@ -126,8 +126,9 @@
         <router-link
           v-if="channelId !== null"
           class="channelName"
+          :class="{ 'linkDisabled': disableChannelLinks }"
           dir="auto"
-          :to="`/channel/${channelId}`"
+          :to="!disableChannelLinks ? `/channel/${channelId}`: ``"
         >
           {{ channelName }}
         </router-link>

src/renderer/store/modules/settings.js

@@ -169,6 +169,7 @@ const state = {
   defaultViewingMode: 'default',
   defaultVideoFormat: 'dash',
   disableSmoothScrolling: false,
+  disableChannelLinks: false,
   displayVideoPlayButton: false,
   enableSearchSuggestions: true,
   enableSubtitlesByDefault: false,

static/locales/en-US.yaml

@@ -673,6 +673,14 @@ Settings:
     Hide Uploader on Watch page: Hide Uploader on Watch page
     Show Family Friendly Only: Show Family Friendly Only
     Hide Search Bar: Hide Search Bar
+    Disable Channel Link on Videos : Disable Channel Link on Videos
+  Download Settings:
+    Download Settings: Download
+    Ask Download Path: Ask for download path
+    Choose Path: Choose Path
+    Download Behavior: Download Behavior
+    Download in app: Download in app
+    Open in web browser: Open in web browser
   Experimental Settings:
     Experimental Settings: Experimental
     Warning: These settings are experimental, they may cause crashes while enabled. Making backups is highly recommended. Use at your own risk!