-<div *ngIf="!user.isUploadDisabled()" class="margin-content">
- <div class="alert alert-warning" *ngIf="isRootUser()" i18n>
+ <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>