Added comments toggle in client settings

client/components/Settings.vue

@@ -195,6 +195,14 @@ const videoQualities = ['144p', '240p', '360p', '720p', '1080p', '1440p', '2160p
         :right="true"
         @valuechange="val => settingsStore.setRewriteYouTubeURLs(val)"
       />
+      <SwitchButton
+        :value="settingsStore.hideComments"
+        :label="'Hide comments'"
+        :small-label="'Do not load and do not show comments on videos'"
+        :disabled="false"
+        :right="true"
+        @valuechange="val => settingsStore.setHideComments(val)"
+      />
 
       <h2><VTIcon name="mdi:television" />Videoplayer</h2>
       <div class="settings-dropdown-menu">

client/pages/watch.vue

@@ -238,7 +238,8 @@ watch(
     if (newValue.v !== oldValue.v || newValue.list !== oldValue.list) {
       refresh();
       const videoId = newValue.v as string;
-      loadComments(videoId);
+      if (!settingsStore.hideComments)
+        loadComments(videoId);
     }
   }
 );
@@ -249,7 +250,8 @@ onMounted(() => {
   if (window && window.innerWidth > 700) {
     recommendedOpen.value = true;
   }
-  loadComments();
+  if (!settingsStore.hideComments)
+    loadComments();
   loadDislikes();
   loadPlaylist();
 });
@@ -426,7 +428,7 @@ const watchPageTitle = computed(() => {
           </div>
         </div>
 
-        <div class="comments-description">
+        <div v-if="!settingsStore.hideComments" class="comments-description">
           <div
             class="video-infobox-description links"
             v-html="createTextLinks(video.description)"

client/store/settings.ts

@@ -27,6 +27,7 @@ export const useSettingsStore = defineStore(
     const state = toRefs(
       reactive({
         alwaysLoopVideo: false,
+        hideComments: false,
         audioModeDefault: false,
         autoAdjustAudioQuality: true,
         autoAdjustVideoQuality: true,

server/src/user/settings/dto/settings.dto.ts

@@ -29,6 +29,8 @@ export class SettingsDto {
 
   alwaysLoopVideo: boolean;
 
+  hideComments: boolean;
+
   autoplayNextVideo: boolean;
 
   audioModeDefault: boolean;

server/src/user/settings/schemas/settings.schema.ts

@@ -50,6 +50,9 @@ export class Settings extends Document implements SettingsDto {
   @Prop()
   alwaysLoopVideo: boolean;
 
+  @Prop()
+  hideComments: boolean;
+
   @Prop()
   autoplayNextVideo: boolean;
 

server/src/user/settings/settings.service.ts

@@ -13,6 +13,7 @@ export class SettingsService {
 
   private defaultOptions: SettingsDto = {
     alwaysLoopVideo: false,
+    hideComments: false,
     audioModeDefault: false,
     autoAdjustAudioQuality: true,
     autoAdjustVideoQuality: true,

shared/api.schema.ts

@@ -232,6 +232,7 @@ export interface components {
       saveVideoHistory: boolean;
       showHomeSubscriptions: boolean;
       alwaysLoopVideo: boolean;
+      hideComments: boolean;
       autoplayNextVideo: boolean;
       audioModeDefault: boolean;
       defaultVideoSpeed: number;