inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-08-07 17:48:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1457] Upload Dialog - Cancel all confirmation dialog (#2248)

Browse Source 
* cancel all confirmation

* confirmation text
This commit is contained in:
Cilibiu Bogdan
2017-08-25 18:11:41 +03:00
committed by Maurizio Vitale
parent f1158d9f70
commit 14bedf8659
6 changed files with 222 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.html
View File

@@ -4,12 +4,17 @@
[class.upload-dialog--position-left]="position === 'left'"
[class.upload-dialog--position-right]="position === 'right'">
<header class="upload-dialog__header">
<md-icon
md-list-icon
(click)="toggleMinimized()"
title="{{ (isDialogMinimized ? 'ADF_FILE_UPLOAD.BUTTON.MAXIMIZE': 'ADF_FILE_UPLOAD.BUTTON.MINIMIZE') | translate }}">
{{ isDialogMinimized ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}
</md-icon>
<button
md-button
color="secondary"
[disabled]="isConfirmation"
(click)="toggleMinimized()">
<md-icon
md-list-icon
title="{{ (isDialogMinimized ? 'ADF_FILE_UPLOAD.BUTTON.MAXIMIZE': 'ADF_FILE_UPLOAD.BUTTON.MINIMIZE') | translate }}">
{{ isDialogMinimized ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}
</md-icon>
</button>
<span
class="upload-dialog__title"
@@ -51,8 +56,11 @@
}}
</section>
<section class="upload-dialog__content">
<section
class="upload-dialog__content"
[class.upload-dialog--padding]="isConfirmation">
<adf-file-uploading-list
[class.upload-dialog--hide]="isConfirmation"
#uploadList
[files]="filesUploadingList">
<ng-template let-file="$implicit">
@@ -63,14 +71,28 @@
</adf-file-uploading-list-row>
</ng-template>
</adf-file-uploading-list>
<div
class="upload-dialog__confirmation"
[class.upload-dialog--hide]="!isConfirmation">
<p class="upload-dialog__confirmation--title">
{{ 'ADF_FILE_UPLOAD.CONFIRMATION.MESSAGE.TITLE' | translate }}
</p>
<p class="upload-dialog__confirmation--text">
{{ 'ADF_FILE_UPLOAD.CONFIRMATION.MESSAGE.TEXT' | translate }}
</p>
</div>
</section>
<footer class="upload-dialog__actions">
<footer
class="upload-dialog__actions"
[class.upload-dialog--hide]="isConfirmation">
<button
color="primary"
*ngIf="!uploadList.isUploadCompleted() && !uploadList.isUploadCancelled()"
md-button
(click)="uploadList.cancelAllFiles()">
*ngIf="!uploadList.isUploadCompleted() && !uploadList.isUploadCancelled()"
(click)="toggleConfirmation()">
{{ 'ADF_FILE_UPLOAD.BUTTON.CANCEL_ALL' | translate }}
</button>
@@ -82,4 +104,22 @@
{{ 'ADF_FILE_UPLOAD.BUTTON.CLOSE' | translate }}
</button>
</footer>
<footer
class="upload-dialog__actions"
[class.upload-dialog--hide]="!isConfirmation">
<button
color="secondary"
md-button
(click)="cancelAllUploads()">
{{ 'ADF_FILE_UPLOAD.CONFIRMATION.BUTTON.CANCEL' | translate }}
</button>
<button
md-button
color="primary"
(click)="toggleConfirmation()">
{{ 'ADF_FILE_UPLOAD.CONFIRMATION.BUTTON.CONTINUE' | translate }}
</button>
</footer>
</div>