mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
2.8 KiB
48 lines
2.8 KiB
<ng-container *ngIf="appsState.selectedAppOrNull | async; let app">
|
|
<ng-container *ngIf="app.canUploadAssets">
|
|
<ul class="nav navbar-nav align-items-center" *ngIf="assetUploader.uploads | async; let uploads" (sqxDropFile)="addFiles($event)">
|
|
<li class="nav-item nav-icon dropdown">
|
|
<span class="nav-link dropdown-toggle" (click)="modalMenu.toggle()">
|
|
<i class="icon-upload-3"></i>
|
|
|
|
<span>{{uploads.length}}</span>
|
|
</span>
|
|
|
|
<ng-container *sqxModal="modalMenu;onRoot:false">
|
|
<div class="dropdown-menu container" (sqxDropFile)="addFiles($event)" @fade>
|
|
<div class="uploads">
|
|
<small class="uploads-empty text-muted" *ngIf="uploads.length === 0">
|
|
{{ 'assets.uploaderUploadHere' | sqxTranslate }}
|
|
</small>
|
|
|
|
<div class="upload row no-gutters" *ngFor="let upload of uploads; trackBy: trackByUpload">
|
|
<div class="col-auto" [ngSwitch]="upload.status">
|
|
<div *ngSwitchCase="'Failed'" class="upload-status upload-status-failed">
|
|
<i class="icon-exclamation"></i>
|
|
</div>
|
|
<div *ngSwitchCase="'Completed'" class="upload-status upload-status-success">
|
|
<i class="icon-checkmark"></i>
|
|
</div>
|
|
<div *ngSwitchDefault class="upload-status upload-status-running">
|
|
<i class="icon-hour-glass"></i>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="upload-name">{{upload.name}}</div>
|
|
</div>
|
|
<div class="col">
|
|
<sqx-progress-bar [value]="upload.progress" [trailWidth]="1.5" [strokeWidth]="1.5" [showText]="false" [animated]="false"></sqx-progress-bar>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button type="button" class="btn btn-text-secondary" (click)="stopUpload(upload)">
|
|
<i class="icon-close"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</li>
|
|
</ul>
|
|
</ng-container>
|
|
</ng-container>
|