client/src/app/+my-account/my-account-settings/my-account-video-settings/my-account-video-settings.component.html

   1 <form role="form" (ngSubmit)="updateDetails()" [formGroup]="form">
   2   <div class="form-group">
   3     <label i18n for="nsfwPolicy">Default policy on videos containing sensitive content</label>
   4     <my-help>
   5       <ng-template ptTemplate="customHtml">
   6         <ng-container i18n>
   7           With <strong>Do not list</strong> or <strong>Blur thumbnails</strong>, a confirmation will be requested to watch the video.
   8         </ng-container>
   9       </ng-template>
  10     </my-help>
  11
  12     <div class="peertube-select-container">
  13       <select id="nsfwPolicy" formControlName="nsfwPolicy" class="form-control">
  14         <option i18n value="do_not_list">Do not list</option>
  15         <option i18n value="blur">Blur thumbnails</option>
  16         <option i18n value="display">Display</option>
  17       </select>
  18     </div>
  19   </div>
  20
  21   <div class="form-group">
  22     <label i18n for="videoLanguages">Only display videos in the following languages/subtitles</label>
  23     <my-help>
  24       <ng-template ptTemplate="customHtml">
  25         <ng-container i18n>In Recently added, Trending, Local, Most liked and Search pages</ng-container>
  26       </ng-template>
  27     </my-help>
  28
  29     <div>
  30       <p-multiSelect
  31         inputId="videoLanguages" [options]="languageItems" formControlName="videoLanguages" [showToggleAll]="true"
  32         [defaultLabel]="getDefaultVideoLanguageLabel()" [selectedItemsLabel]="getSelectedVideoLanguageLabel()"
  33         emptyFilterMessage="No results found" i18n-emptyFilterMessage
  34       ></p-multiSelect>
  35     </div>
  36   </div>
  37
  38   <ng-content select="inner-title"></ng-content>
  39
  40   <div class="form-group">
  41     <my-peertube-checkbox
  42       inputName="webTorrentEnabled" formControlName="webTorrentEnabled" [recommended]="true"
  43       i18n-labelText labelText="Help share videos being played"
  44     >
  45       <ng-container ngProjectAs="description">
  46         <span i18n>The <a routerLink="/about/peertube" fragment="privacy">sharing system</a> implies that some technical information about your system (such as a public IP address) can be sent to other peers, but greatly helps to reduce server load.</span>
  47       </ng-container>
  48     </my-peertube-checkbox>
  49   </div>
  50
  51   <div class="form-group">
  52     <my-peertube-checkbox
  53       inputName="autoPlayVideo" formControlName="autoPlayVideo"
  54       i18n-labelText labelText="Automatically play videos"
  55     >
  56       <ng-container ngProjectAs="description">
  57         <span i18n>When on a video page, directly start playing the video.</span>
  58       </ng-container>
  59     </my-peertube-checkbox>
  60   </div>
  61
  62   <div class="form-group">
  63     <my-peertube-checkbox
  64       inputName="autoPlayNextVideo" formControlName="autoPlayNextVideo"
  65       i18n-labelText labelText="Automatically start playing the next video"
  66     >
  67       <ng-container ngProjectAs="description">
  68         <span i18n>When a video ends, follow up with the next suggested video.</span>
  69       </ng-container>
  70     </my-peertube-checkbox>
  71   </div>
  72
  73   <input *ngIf="!reactiveUpdate" type="submit" i18n-value value="Save" [disabled]="!form.valid">
  74 </form>