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

   1 <ng-template #AlertButtons>
   2   <a i18n routerLink="/about/instance" *ngIf="!isContactFormEnabled" class="about-link">Read instance rules for help</a>
   3   <a i18n routerLink="/about/contact" *ngIf="isContactFormEnabled" class="contact-link">Contact us</a>
   4 </ng-template>
   5
   6 <ng-container *ngIf="user.isUploadDisabled()">
   7   <div class="upload-message upload-disabled alert alert-warning">
   8     <div>{{ uploadMessages.noQuota }}</div>
   9     <ng-template [ngTemplateOutlet]="AlertButtons"></ng-template>
  10   </div>
  11
  12   <div class="upload-image">
  13     <img src="/client/assets/images/mascot/defeated.svg" alt="defeated mascot">
  14   </div>
  15 </ng-container>
  16
  17 <ng-container *ngIf="!user.isUploadDisabled()">
  18   <div *ngIf="user.isAutoBlocked()" class="upload-message auto-blocked alert alert-warning">
  19     <div>{{ uploadMessages.autoBlock }}</div>
  20     <ng-template [ngTemplateOutlet]="AlertButtons" *ngIf="!user.hasNoQuotaLeft() && !user.hasNoQuotaLeftDaily()"></ng-template>
  21   </div>
  22
  23   <div *ngIf="user.hasNoQuotaLeft()" class="upload-message quota-daily-left alert alert-warning">
  24     <div>{{ uploadMessages.quotaLeftDaily }}</div>
  25     <ng-template [ngTemplateOutlet]="AlertButtons" *ngIf="!user.hasNoQuotaLeft()"></ng-template>
  26   </div>
  27
  28   <div *ngIf="user.hasNoQuotaLeft()" class="upload-message quota-left alert alert-warning">
  29     <div>{{ uploadMessages.quotaLeft }}</div>
  30     <ng-template [ngTemplateOutlet]="AlertButtons"></ng-template>
  31   </div>
  32
  33   <div *ngIf="isRootUser()" class="upload-message root-user alert alert-warning" i18n>
  34     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.
  35     <br />
  36     Instead, <a routerLink="/admin/users">create a dedicated account</a> to upload your videos.
  37   </div>
  38 </ng-container>
  39
  40 <div *ngIf="!user.isUploadDisabled()" class="margin-content">
  41   <my-user-quota *ngIf="!isInSecondStep() || secondStepType === 'go-live'" [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-quota>
  42
  43   <div class="title-page title-page-single" *ngIf="isInSecondStep()">
  44     <ng-container *ngIf="secondStepType === 'import-url' || secondStepType === 'import-torrent'" i18n>Import {{ videoName }}</ng-container>
  45     <ng-container *ngIf="secondStepType === 'upload'" i18n>Upload {{ videoName }}</ng-container>
  46   </div>
  47
  48   <my-channels-setup-message></my-channels-setup-message>
  49
  50   <div ngbNav #nav="ngbNav" class="nav-tabs video-add-nav" [activeId]="activeNav" (activeIdChange)="onNavChange($event)" [ngClass]="{ 'hide-nav': !!secondStepType }">
  51     <ng-container ngbNavItem="upload">
  52       <a ngbNavLink>
  53         <span i18n>Upload a file</span>
  54       </a>
  55
  56       <ng-template ngbNavContent>
  57         <my-video-upload #videoUpload (firstStepDone)="onFirstStepDone('upload', $event)" (firstStepError)="onError()"></my-video-upload>
  58       </ng-template>
  59     </ng-container>
  60
  61     <ng-container ngbNavItem="import-url" *ngIf="isVideoImportHttpEnabled()">
  62       <a ngbNavLink>
  63         <span i18n>Import with URL</span>
  64       </a>
  65
  66       <ng-template ngbNavContent>
  67         <my-video-import-url #videoImportUrl (firstStepDone)="onFirstStepDone('import-url', $event)" (firstStepError)="onError()"></my-video-import-url>
  68       </ng-template>
  69     </ng-container>
  70
  71     <ng-container ngbNavItem="import-torrent" *ngIf="isVideoImportTorrentEnabled()">
  72       <a ngbNavLink>
  73         <span i18n>Import with torrent</span>
  74       </a>
  75
  76       <ng-template ngbNavContent>
  77         <my-video-import-torrent #videoImportTorrent (firstStepDone)="onFirstStepDone('import-torrent', $event)" (firstStepError)="onError()"></my-video-import-torrent>
  78       </ng-template>
  79     </ng-container>
  80
  81     <ng-container ngbNavItem="go-live" *ngIf="isVideoLiveEnabled()">
  82       <a ngbNavLink>
  83         <span i18n>Go live</span>
  84       </a>
  85
  86       <ng-template ngbNavContent>
  87         <my-video-go-live #videoGoLive (firstStepDone)="onFirstStepDone('go-live', $event)" (firstStepError)="onError()"></my-video-go-live>
  88       </ng-template>
  89     </ng-container>
  90   </div>
  91
  92   <div [ngbNavOutlet]="nav"></div>
  93 </div>