Add more attributes to about page

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-settings / my-account-video-settings / my-account-video-settings.component.html

<form role="form" (ngSubmit)="updateDetails()" [formGroup]="form">
  <div class="form-group">
    <label i18n for="nsfwPolicy">Default policy on videos containing sensitive content</label>
    <my-help
      helpType="custom" i18n-customHtml
      customHtml="With <strong>Do not list</strong> or <strong>Blur thumbnails</strong>, a confirmation will be requested to watch the video."
    ></my-help>

    <div class="peertube-select-container">
      <select id="nsfwPolicy" formControlName="nsfwPolicy">
        <option i18n value="do_not_list">Do not list</option>
        <option i18n value="blur">Blur thumbnails</option>
        <option i18n value="display">Display</option>
      </select>
    </div>
  </div>

  <div class="form-group">
    <label i18n for="videoLanguages">Only display videos in the following languages</label>
    <my-help i18n-customHtml
             customHtml="In Recently added, Trending, Local and Search pages"
    ></my-help>

    <div>
      <p-multiSelect
        inputId="videoLanguages" [options]="languageItems" formControlName="videoLanguages" showToggleAll="true"
        [defaultLabel]="getDefaultVideoLanguageLabel()" [selectedItemsLabel]="getSelectedVideoLanguageLabel()"
        emptyFilterMessage="No results found" i18n-emptyFilterMessage
      ></p-multiSelect>
    </div>
  </div>

  <div class="form-group">
    <my-peertube-checkbox
      inputName="webTorrentEnabled" formControlName="webTorrentEnabled"
      i18n-labelText labelText="Use WebTorrent to exchange parts of the video with others"
    ></my-peertube-checkbox>
  </div>

  <div class="form-group">
    <my-peertube-checkbox
      inputName="autoPlayVideo" formControlName="autoPlayVideo"
      i18n-labelText labelText="Automatically plays video"
    ></my-peertube-checkbox>
  </div>

  <input type="submit" i18n-value value="Save" [disabled]="!form.valid">
</form>