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 form-group-select">
   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="undefined" disabled>Policy for sensitive videos</option>
  15         <option i18n value="do_not_list">Do not list</option>
  16         <option i18n value="blur">Blur thumbnails</option>
  17         <option i18n value="display">Display</option>
  18       </select>
  19     </div>
  20   </div>
  21
  22   <div class="form-group form-group-select">
  23     <label i18n for="videoLanguages">Only display videos in the following languages/subtitles</label>
  24     <my-help>
  25       <ng-template ptTemplate="customHtml">
  26         <ng-container i18n>In Recently added, Trending, Local, Most liked and Search pages</ng-container>
  27       </ng-template>
  28     </my-help>
  29
  30     <div>
  31       <p-multiSelect
  32         inputId="videoLanguages" [options]="languageItems" formControlName="videoLanguages" [showToggleAll]="true"
  33         [defaultLabel]="getDefaultVideoLanguageLabel()" [selectedItemsLabel]="getSelectedVideoLanguageLabel()"
  34         emptyFilterMessage="No results found" i18n-emptyFilterMessage
  35       ></p-multiSelect>
  36     </div>
  37   </div>
  38
  39   <ng-content select="inner-title"></ng-content>
  40
  41   <div class="form-group">
  42     <my-peertube-checkbox
  43       inputName="webTorrentEnabled" formControlName="webTorrentEnabled" [recommended]="true"
  44       i18n-labelText labelText="Help share videos being played"
  45     >
  46       <ng-container ngProjectAs="description">
  47         <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>
  48       </ng-container>
  49     </my-peertube-checkbox>
  50   </div>
  51
  52   <div class="form-group">
  53     <my-peertube-checkbox
  54       inputName="autoPlayVideo" formControlName="autoPlayVideo"
  55       i18n-labelText labelText="Automatically play videos"
  56     >
  57       <ng-container ngProjectAs="description">
  58         <span i18n>When on a video page, directly start playing the video.</span>
  59       </ng-container>
  60     </my-peertube-checkbox>
  61   </div>
  62
  63   <div class="form-group">
  64     <my-peertube-checkbox
  65       inputName="autoPlayNextVideo" formControlName="autoPlayNextVideo"
  66       i18n-labelText labelText="Automatically start playing the next video"
  67     >
  68       <ng-container ngProjectAs="description">
  69         <span i18n>When a video ends, follow up with the next suggested video.</span>
  70       </ng-container>
  71     </my-peertube-checkbox>
  72   </div>
  73
  74   <input *ngIf="!reactiveUpdate" type="submit" i18n-value value="Save" [disabled]="!form.valid">
  75 </form>