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