fix video update button, add color to danger zone

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

<div class="margin-content">
  <div class="title-page title-page-single">
    <span class="mr-1" i18n>Update</span>
    <a [routerLink]="[ '/videos/watch', video.uuid ]">{{ video?.name }}</a>
  </div>

  <form novalidate [formGroup]="form">

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

    <div class="submit-container">
      <my-button className="orange-button" i18n-label label="Update" icon="circle-tick"
                 (click)="update()" (keydown.enter)="update()" 
                 [disabled]="!form.valid || isUpdatingVideo === true"
      ></my-button>
    </div>
  </form>
</div>