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>Do not list</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">Do not list</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-checkbox
  34         formControlName="videoLanguages" [availableItems]="languageItems"
  35         [selectableGroup]="true" [selectableGroupAsModel]="true"
  36       >
  37       </my-select-checkbox >
  38     </div>
  39   </div>
  40
  41   <ng-content select="inner-title"></ng-content>
  42
  43   <div class="form-group">
  44     <my-peertube-checkbox
  45       inputName="webTorrentEnabled" formControlName="webTorrentEnabled" [recommended]="true"
  46       i18n-labelText labelText="Help share videos being played"
  47     >
  48       <ng-container ngProjectAs="description">
  49         <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>
  50       </ng-container>
  51     </my-peertube-checkbox>
  52   </div>
  53
  54   <div class="form-group">
  55     <my-peertube-checkbox
  56       inputName="autoPlayVideo" formControlName="autoPlayVideo"
  57       i18n-labelText labelText="Automatically play videos"
  58     >
  59       <ng-container ngProjectAs="description">
  60         <span i18n>When on a video page, directly start playing the video.</span>
  61       </ng-container>
  62     </my-peertube-checkbox>
  63   </div>
  64
  65   <div class="form-group">
  66     <my-peertube-checkbox
  67       inputName="autoPlayNextVideo" formControlName="autoPlayNextVideo"
  68       i18n-labelText labelText="Automatically start playing the next video"
  69     >
  70       <ng-container ngProjectAs="description">
  71         <span i18n>When a video ends, follow up with the next suggested video.</span>
  72       </ng-container>
  73     </my-peertube-checkbox>
  74   </div>
  75
  76   <input *ngIf="!reactiveUpdate" type="submit" i18n-value value="Save" [disabled]="!form.valid">
  77 </form>