]>
Commit | Line | Data |
---|---|---|
4e1592da MK |
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> | |
dfe3f7b7 | 10 | </div> |
dfe3f7b7 | 11 | |
4e1592da MK |
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> | |
cd3d847d C |
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> | |
4e1592da | 38 | </ng-container> |
cd3d847d | 39 | |
4e1592da | 40 | <div *ngIf="!user.isUploadDisabled()" class="margin-content"> |
b5b68755 | 41 | <my-user-quota *ngIf="!isInSecondStep() || secondStepType === 'go-live'" [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-quota> |
2e7f2627 | 42 | |
cd3d847d | 43 | <div class="title-page title-page-single" *ngIf="isInSecondStep()"> |
541006e3 | 44 | <ng-container *ngIf="secondStepType === 'import-url' || secondStepType === 'import-torrent'" i18n>Import {{ videoName }}</ng-container> |
fbad87b0 | 45 | <ng-container *ngIf="secondStepType === 'upload'" i18n>Upload {{ videoName }}</ng-container> |
27e1a06c | 46 | </div> |
897ec54d | 47 | |
3914a50b C |
48 | <div ngbNav #nav="ngbNav" class="nav-tabs video-add-nav" [activeId]="activeNav" (activeIdChange)="onNavChange($event)" [ngClass]="{ 'hide-nav': !!secondStepType }"> |
49 | <ng-container ngbNavItem="upload"> | |
45c6bcf3 C |
50 | <a ngbNavLink> |
51 | <span i18n>Upload a file</span> | |
52 | </a> | |
897ec54d | 53 | |
45c6bcf3 | 54 | <ng-template ngbNavContent> |
7373507f | 55 | <my-video-upload #videoUpload (firstStepDone)="onFirstStepDone('upload', $event)" (firstStepError)="onError()"></my-video-upload> |
b04eabb2 | 56 | </ng-template> |
45c6bcf3 | 57 | </ng-container> |
897ec54d | 58 | |
3914a50b | 59 | <ng-container ngbNavItem="import-url" *ngIf="isVideoImportHttpEnabled()"> |
45c6bcf3 C |
60 | <a ngbNavLink> |
61 | <span i18n>Import with URL</span> | |
62 | </a> | |
63 | ||
64 | <ng-template ngbNavContent> | |
7373507f | 65 | <my-video-import-url #videoImportUrl (firstStepDone)="onFirstStepDone('import-url', $event)" (firstStepError)="onError()"></my-video-import-url> |
b04eabb2 | 66 | </ng-template> |
45c6bcf3 C |
67 | </ng-container> |
68 | ||
3914a50b | 69 | <ng-container ngbNavItem="import-torrent" *ngIf="isVideoImportTorrentEnabled()"> |
45c6bcf3 C |
70 | <a ngbNavLink> |
71 | <span i18n>Import with torrent</span> | |
72 | </a> | |
ce33919c | 73 | |
45c6bcf3 | 74 | <ng-template ngbNavContent> |
7373507f | 75 | <my-video-import-torrent #videoImportTorrent (firstStepDone)="onFirstStepDone('import-torrent', $event)" (firstStepError)="onError()"></my-video-import-torrent> |
b04eabb2 | 76 | </ng-template> |
45c6bcf3 | 77 | </ng-container> |
c6c0fa6c | 78 | |
3914a50b | 79 | <ng-container ngbNavItem="go-live" *ngIf="isVideoLiveEnabled()"> |
c6c0fa6c C |
80 | <a ngbNavLink> |
81 | <span i18n>Go live</span> | |
82 | </a> | |
83 | ||
84 | <ng-template ngbNavContent> | |
85 | <my-video-go-live #videoGoLive (firstStepDone)="onFirstStepDone('go-live', $event)" (firstStepError)="onError()"></my-video-go-live> | |
86 | </ng-template> | |
87 | </ng-container> | |
45c6bcf3 C |
88 | </div> |
89 | ||
90 | <div [ngbNavOutlet]="nav"></div> | |
c6c0fa6c | 91 | </div> |