Refactor how we use icons

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-edit / video-update.component.html

<div class="margin-content">
  <div i18n class="title-page title-page-single">
    Update {{ video?.name }}
  </div>

  <form novalidate [formGroup]="form">

    <my-video-edit
      [form]="form" [formErrors]="formErrors" [schedulePublicationPossible]="schedulePublicationPossible"
      [validationMessages]="validationMessages" [videoPrivacies]="videoPrivacies" [userVideoChannels]="userVideoChannels"
      [videoCaptions]="videoCaptions" [waitTranscodingEnabled]="waitTranscodingEnabled"
    ></my-video-edit>

    <div class="submit-container">
      <div class="submit-button" (click)="update()" [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }">
        <my-global-icon iconName="validate"></my-global-icon>
        <input type="button" i18n-value value="Update" />
      </div>
    </div>
  </form>
</div>