-<div class="margin-content">
- <div class="alert alert-warning" *ngIf="isRootUser()" i18n>
+<ng-template #AlertButtons>
+ <a i18n routerLink="/about/instance" *ngIf="!isContactFormEnabled" class="about-link">Read instance rules for help</a>
+ <a i18n routerLink="/about/contact" *ngIf="isContactFormEnabled" class="contact-link">Contact us</a>
+</ng-template>
+
+<ng-container *ngIf="user.isUploadDisabled()">
+ <div class="upload-message upload-disabled alert alert-warning">
+ <div>{{ uploadMessages.noQuota }}</div>
+ <ng-template [ngTemplateOutlet]="AlertButtons"></ng-template>
+ </div>
+
+ <div class="upload-image">
+ <img src="/client/assets/images/mascot/defeated.svg" alt="defeated mascot">
+ </div>
+</ng-container>
+
+<ng-container *ngIf="!user.isUploadDisabled()">
+ <div *ngIf="user.isAutoBlocked(serverConfig)" class="upload-message auto-blocked alert alert-warning">
+ <div>{{ uploadMessages.autoBlock }}</div>
+ <ng-template [ngTemplateOutlet]="AlertButtons" *ngIf="!hasNoQuotaLeft && !hasNoQuotaLeftDaily"></ng-template>
+ </div>
+
+ <div *ngIf="hasNoQuotaLeftDaily" class="upload-message quota-daily-left alert alert-warning">
+ <div>{{ uploadMessages.quotaLeftDaily }}</div>
+ <ng-template [ngTemplateOutlet]="AlertButtons" *ngIf="!hasNoQuotaLeft"></ng-template>
+ </div>
+
+ <div *ngIf="hasNoQuotaLeft" class="upload-message quota-left alert alert-warning">
+ <div>{{ uploadMessages.quotaLeft }}</div>
+ <ng-template [ngTemplateOutlet]="AlertButtons"></ng-template>
+ </div>
+
+ <div *ngIf="isRootUser()" class="upload-message root-user alert alert-warning" i18n>
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.
<br />
Instead, <a routerLink="/admin/users">create a dedicated account</a> to upload your videos.
</div>
+</ng-container>
- <my-user-quota *ngIf="!isInSecondStep()" [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-quota>
+<div *ngIf="!user.isUploadDisabled()" class="margin-content">
+ <my-user-quota *ngIf="!isInSecondStep() || secondStepType === 'go-live'" [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-quota>
<div class="title-page title-page-single" *ngIf="isInSecondStep()">
<ng-container *ngIf="secondStepType === 'import-url' || secondStepType === 'import-torrent'" i18n>Import {{ videoName }}</ng-container>
<ng-container *ngIf="secondStepType === 'upload'" i18n>Upload {{ videoName }}</ng-container>
</div>
- <div ngbNav #nav="ngbNav" class="nav-tabs video-add-nav" [ngClass]="{ 'hide-nav': secondStepType !== undefined }">
- <ng-container ngbNavItem>
+ <my-channels-setup-message></my-channels-setup-message>
+
+ <div ngbNav #nav="ngbNav" class="nav-tabs video-add-nav" [activeId]="activeNav" (activeIdChange)="onNavChange($event)" [ngClass]="{ 'hide-nav': !!secondStepType }">
+ <ng-container ngbNavItem="upload">
<a ngbNavLink>
<span i18n>Upload a file</span>
</a>
</ng-template>
</ng-container>
- <ng-container ngbNavItem *ngIf="isVideoImportHttpEnabled()">
+ <ng-container ngbNavItem="import-url" *ngIf="isVideoImportHttpEnabled()">
<a ngbNavLink>
<span i18n>Import with URL</span>
</a>
</ng-template>
</ng-container>
- <ng-container ngbNavItem *ngIf="isVideoImportTorrentEnabled()">
+ <ng-container ngbNavItem="import-torrent" *ngIf="isVideoImportTorrentEnabled()">
<a ngbNavLink>
<span i18n>Import with torrent</span>
</a>
<my-video-import-torrent #videoImportTorrent (firstStepDone)="onFirstStepDone('import-torrent', $event)" (firstStepError)="onError()"></my-video-import-torrent>
</ng-template>
</ng-container>
+
+ <ng-container ngbNavItem="go-live" *ngIf="isVideoLiveEnabled()">
+ <a ngbNavLink>
+ <span i18n>Go live</span>
+ </a>
+
+ <ng-template ngbNavContent>
+ <my-video-go-live #videoGoLive (firstStepDone)="onFirstStepDone('go-live', $event)" (firstStepError)="onError()"></my-video-go-live>
+ </ng-template>
+ </ng-container>
</div>
<div [ngbNavOutlet]="nav"></div>