MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Restyles: Confirmation Dialog

This commit is contained in:
apapachristou 2019-05-22 16:36:24 +03:00
parent 072f97fdb7
commit 0708a4f58d
5 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
dmp-frontend/src/app/library/confirmation-dialog/confirmation-dialog.component.html
View File

@ -1,10 +1,15 @@
<div class="confirmation-dialog">
<div class="confirmation-message">
{{ data.message }}
<div class="row d-flex flex-row">
<div class="col-auto confirmation-message">
{{ data.message }}
</div>
<div class="col-auto close-btn" (click)="close()"><mat-icon>close</mat-icon></div>
</div>
<div class="row">
<div class="col"></div>
<div class="col-auto"><button mat-raised-button type="button" (click)="cancel()" class="cancel">{{ data.cancelButton }}</button></div>
<div class="col-auto"><button mat-raised-button type="button" (click)="confirm()" class="confirm">{{ data.confirmButton }}</button></div>
<div class="col-auto"><button mat-raised-button type="button" (click)="cancel()"
class="cancel">{{ data.cancelButton }}</button></div>
<div class="col-auto"><button mat-raised-button type="button" (click)="confirm()"
class="confirm">{{ data.confirmButton }}</button></div>
</div>
</div>

9
dmp-frontend/src/app/library/confirmation-dialog/confirmation-dialog.component.scss
View File

@ -3,13 +3,18 @@
padding-bottom: 20px;
}
.close-btn {
margin-left: auto;
cursor: pointer;
}
.cancel {
background-color: #ba2c2c;
background-color: #aaaaaa;
color: #ffffff;
}
.confirm {
background-color: #92d050;
background-color: #ba2c2c;
color: #ffffff;
}

4
dmp-frontend/src/app/library/confirmation-dialog/confirmation-dialog.component.ts
View File

@ -14,6 +14,10 @@ export class ConfirmationDialogComponent {
) {
}
close() {
this.dialogRef.close(false);
}
cancel() {
this.dialogRef.close(false);
}

2
dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.ts
View File

@ -93,7 +93,7 @@ export class DmpOverviewComponent extends BaseComponent implements OnInit {
maxWidth: '300px',
data: {
message: this.language.instant('GENERAL.CONFIRMATION-DIALOG.DELETE-ITEM'),
confirmButton: this.language.instant('GENERAL.CONFIRMATION-DIALOG.ACTIONS.CONFIRM'),
confirmButton: this.language.instant('GENERAL.CONFIRMATION-DIALOG.ACTIONS.DELETE'),
cancelButton: this.language.instant('GENERAL.CONFIRMATION-DIALOG.ACTIONS.CANCEL')
}
});

4
dmp-frontend/src/assets/i18n/en.json
View File

@ -36,7 +36,9 @@
"DELETE-ITEM": "Delete this item?",
"ACTIONS": {
"CONFIRM": "Yes",
"CANCEL": "No"
"No": "No",
"DELETE": "Delete",
"CANCEL": "Cancel"
}
},
"ACTIONS": {