inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add dialog to task details component to notify the user of an error

Browse Source 
Refs #851
This commit is contained in:
Will Abson 2016-11-04 17:18:41 +00:00
parent c005002b8f
commit ea1953771b
4 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.css
View File

@ -1,3 +1,7 @@
:host { :host {
width: 100%; width: 100%;
} }
.error-dialog h3 {
margin: 16px 0;
}

7
ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.html
View File

@ -40,4 +40,11 @@
<button type="button" class="mdl-button" *ngIf="!hasFormKey() && isTaskActive()" (click)="onComplete()"> <button type="button" class="mdl-button" *ngIf="!hasFormKey() && isTaskActive()" (click)="onComplete()">
{{ 'TASK_DETAILS.BUTTON.COMPLETE' | translate }} {{ 'TASK_DETAILS.BUTTON.COMPLETE' | translate }}
</button> </button>
<dialog class="mdl-dialog error-dialog" #errorDialog>
<div class="mdl-dialog__content">
<h3>{{'TASK_DETAILS.ERROR.TITLE'|translate}}</h3>
<p>{{'TASK_DETAILS.ERROR.DESCRIPTION'|translate}}</p>
<button type="button" class="mdl-button" (click)="closeErrorDialog()">{{'TASK_DETAILS.ERROR.CLOSE'|translate}}</button>
</div>
</dialog>
</div> </div>

10
ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.ts
View File

@ -15,7 +15,7 @@
* limitations under the License. * limitations under the License.
*/ */
import { Component, Input, OnInit, ViewChild, Output, EventEmitter, TemplateRef, OnChanges, SimpleChanges } from '@angular/core'; import { Component, Input, OnInit, ViewChild, Output, EventEmitter, TemplateRef, OnChanges, SimpleChanges, DebugElement } from '@angular/core';
import { AlfrescoTranslationService, AlfrescoAuthenticationService } from 'ng2-alfresco-core'; import { AlfrescoTranslationService, AlfrescoAuthenticationService } from 'ng2-alfresco-core';
import { ActivitiTaskListService } from './../services/activiti-tasklist.service'; import { ActivitiTaskListService } from './../services/activiti-tasklist.service';
import { TaskDetailsModel } from '../models/task-details.model'; import { TaskDetailsModel } from '../models/task-details.model';
@ -37,6 +37,9 @@ export class ActivitiTaskDetails implements OnInit, OnChanges {
@ViewChild('activitichecklist') @ViewChild('activitichecklist')
activitichecklist: any; activitichecklist: any;
@ViewChild('errorDialog')
errorDialog: DebugElement;
@Input() @Input()
taskId: string; taskId: string;
@ -215,10 +218,15 @@ export class ActivitiTaskDetails implements OnInit, OnChanges {
} }
onFormError(error: any) { onFormError(error: any) {
this.errorDialog.nativeElement.showModal();
this.onError.emit(error); this.onError.emit(error);
} }
onExecuteFormOutcome(event: FormOutcomeEvent) { onExecuteFormOutcome(event: FormOutcomeEvent) {
this.executeOutcome.emit(event); this.executeOutcome.emit(event);
} }
closeErrorDialog(): void {
this.errorDialog.nativeElement.close();
}
} }

5
ng2-components/ng2-activiti-tasklist/src/i18n/en.json
View File

@ -33,6 +33,11 @@
}, },
"CHECKLIST": { "CHECKLIST": {
"NONE": "No checklist." "NONE": "No checklist."
},
"ERROR": {
"TITLE": "Something went wrong",
"DESCRIPTION": "Could not complete the specified action. Please try again or check that you have permission.",
"CLOSE": "Close"
} }
}, },
"TASK_FILTERS": { "TASK_FILTERS": {