client/src/app/shared/shared-user-settings/user-video-settings.component.html

   1 <form role="form" (ngSubmit)="updateDetails()" [formGroup]="form">
   2   <div class="form-group form-group-select">
   3     <div class="anchor" id="video-sensitive-content-policy"></div> <!-- video-sensitive-content-policy anchor -->
   4     <label i18n for="nsfwPolicy">Default policy on videos containing sensitive content</label>
   5     <my-help>
   6       <ng-template ptTemplate="customHtml">
   7         <ng-container i18n>
   8           With <strong>Hide</strong> or <strong>Blur thumbnails</strong>, a confirmation will be requested to watch the video.
   9         </ng-container>
  10       </ng-template>
  11     </my-help>
  12
  13     <div class="peertube-select-container">
  14       <select id="nsfwPolicy" formControlName="nsfwPolicy" class="form-control">
  15         <option i18n value="undefined" disabled>Policy for sensitive videos</option>
  16         <option i18n value="do_not_list">Hide</option>
  17         <option i18n value="blur">Blur thumbnails</option>
  18         <option i18n value="display">Display</option>
  19       </select>
  20     </div>
  21   </div>
  22
  23   <div class="form-group form-group-select">
  24     <div class="anchor" id="video-languages-subtitles"></div> <!-- video-languages-subtitles anchor -->
  25     <label i18n for="videoLanguages">Only display videos in the following languages/subtitles</label>
  26     <my-help>
  27       <ng-template ptTemplate="customHtml">
  28         <ng-container i18n>In Recently added, Trending, Local, Most liked and Search pages</ng-container>
  29       </ng-template>
  30     </my-help>
  31
  32     <div>
  33       <my-select-languages formControlName="videoLanguages"></my-select-languages>
  34     </div>
  35   </div>
  36
  37   <ng-content select="inner-title"></ng-content>
  38
  39   <div class="form-group">
  40     <my-peertube-checkbox
  41       inputName="p2pEnabled" formControlName="p2pEnabled" [recommended]="true"
  42       i18n-labelText labelText="Help share videos being played"
  43     >
  44       <ng-container ngProjectAs="description">
  45         <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>
  46       </ng-container>
  47     </my-peertube-checkbox>
  48   </div>
  49
  50   <div class="form-group">
  51     <my-peertube-checkbox
  52       inputName="autoPlayVideo" formControlName="autoPlayVideo"
  53       i18n-labelText labelText="Automatically play videos"
  54     >
  55       <ng-container ngProjectAs="description">
  56         <span i18n>When on a video page, directly start playing the video.</span>
  57       </ng-container>
  58     </my-peertube-checkbox>
  59   </div>
  60
  61   <div class="form-group">
  62     <my-peertube-checkbox
  63       inputName="autoPlayNextVideo" formControlName="autoPlayNextVideo"
  64       i18n-labelText labelText="Automatically start playing the next video"
  65     >
  66       <ng-container ngProjectAs="description">
  67         <span i18n>When a video ends, follow up with the next suggested video.</span>
  68       </ng-container>
  69     </my-peertube-checkbox>
  70   </div>
  71
  72   <input *ngIf="!reactiveUpdate" type="submit" i18n-value value="Save" [disabled]="!form.valid">
  73 </form>