client/src/app/+videos/+video-edit/video-add.component.html

   1 <div *ngIf="user.isUploadDisabled()" class="no-upload">
   2   <div class="alert alert-warning">
   3     <div i18n>Sorry, the upload feature is disabled for your account. If you want to add videos, an admin must unlock your quota.</div>
   4     <a i18n routerLink="/about/instance" class="about-link">Read instance rules for help</a>
   5   </div>
   6   <img src="/client/assets/images/mascot/defeated.svg" alt="defeated mascot">
   7 </div>
   8
   9 <div *ngIf="!user.isUploadDisabled()" class="margin-content">
  10   <div class="alert alert-warning" *ngIf="isRootUser()" i18n>
  11     We recommend you to not use the <strong>root</strong> user to publish your videos, since it's the super-admin account of your instance.
  12     <br />
  13     Instead, <a routerLink="/admin/users">create a dedicated account</a> to upload your videos.
  14   </div>
  15
  16   <my-user-quota *ngIf="!isInSecondStep()" [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-quota>
  17
  18   <div class="title-page title-page-single" *ngIf="isInSecondStep()">
  19     <ng-container *ngIf="secondStepType === 'import-url' || secondStepType === 'import-torrent'" i18n>Import {{ videoName }}</ng-container>
  20     <ng-container *ngIf="secondStepType === 'upload'" i18n>Upload {{ videoName }}</ng-container>
  21   </div>
  22
  23   <div ngbNav #nav="ngbNav" class="nav-tabs video-add-nav" [ngClass]="{ 'hide-nav': secondStepType !== undefined }">
  24     <ng-container ngbNavItem>
  25       <a ngbNavLink>
  26         <span i18n>Upload a file</span>
  27       </a>
  28
  29       <ng-template ngbNavContent>
  30         <my-video-upload #videoUpload (firstStepDone)="onFirstStepDone('upload', $event)" (firstStepError)="onError()"></my-video-upload>
  31       </ng-template>
  32     </ng-container>
  33
  34     <ng-container ngbNavItem *ngIf="isVideoImportHttpEnabled()">
  35       <a ngbNavLink>
  36         <span i18n>Import with URL</span>
  37       </a>
  38
  39       <ng-template ngbNavContent>
  40         <my-video-import-url #videoImportUrl (firstStepDone)="onFirstStepDone('import-url', $event)" (firstStepError)="onError()"></my-video-import-url>
  41       </ng-template>
  42     </ng-container>
  43
  44     <ng-container ngbNavItem *ngIf="isVideoImportTorrentEnabled()">
  45       <a ngbNavLink>
  46         <span i18n>Import with torrent</span>
  47       </a>
  48
  49       <ng-template ngbNavContent>
  50         <my-video-import-torrent #videoImportTorrent (firstStepDone)="onFirstStepDone('import-torrent', $event)" (firstStepError)="onError()"></my-video-import-torrent>
  51       </ng-template>
  52     </ng-container>
  53
  54     <ng-container ngbNavItem *ngIf="isVideoLiveEnabled()">
  55       <a ngbNavLink>
  56         <span i18n>Go live</span>
  57       </a>
  58
  59       <ng-template ngbNavContent>
  60         <my-video-go-live #videoGoLive (firstStepDone)="onFirstStepDone('go-live', $event)" (firstStepError)="onError()"></my-video-go-live>
  61       </ng-template>
  62     </ng-container>
  63   </div>
  64
  65   <div [ngbNavOutlet]="nav"></div>
  66 </div>