<div class="file-dialog" [ngClass]="{show: isDialogActive}">
    <div class="header">
        <div class="title">
            <span id="total-upload-completed">{{totalCompleted}}</span> {{'FILE_UPLOAD.MESSAGES.COMPLETED' | translate}}
        </div>
        <div class="buttons">
            <div class="minimize-button" [ngClass]="{active: _isDialogMinimized}" (keyup.enter)="toggleDialogMinimize()" (click)="toggleDialogMinimize()" tabindex="0">
                <i class="material-icons down" title="minimize upload list">keyboard_arrow_down</i>
                <i class="material-icons up" title="expand upload list">keyboard_arrow_up</i>
            </div>

            <div class="close-button" (click)="toggleShowDialog()" (keyup.enter)="toggleShowDialog()" tabindex="0" title="close upload list">
                <i class="material-icons">clear</i>
            </div>
        </div>
    </div>
    <div class="body-dialog" *ngIf="filesUploadingList"  [ngClass]="{hide: _isDialogMinimized}">
        <alfresco-file-uploading-list [filesUploadingList]="filesUploadingList"></alfresco-file-uploading-list>
    </div>
</div>
