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

[ADF-4349] Cloud - task-form-component - Create a new component (#4620)

Browse Source 
* [ADF-4349] Created task form cloud

* [ADF-4349] Used task-form in demo shell

* [ADF-4349] Used task directives

* [ADF-4349] Added tests

* [ADF-4349] Added documentation

* [ADF-4349] Added translation for buttons
This commit is contained in:
Deepak Paul
2019-04-17 20:34:59 +05:30
committed by Maurizio Vitale
parent bcdfcee397
commit 21fd0299bd
17 changed files with 827 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
demo-shell/src/app/components/cloud/task-details-cloud-demo.component.html
View File

@@ -3,23 +3,15 @@
<div fxLayout="column" fxFill fxLayoutGap="2px">
<div fxLayout="row" fxFill>
<div fxLayout="column" fxFlex="80%">
<div class="adf-task-control">
<button mat-button (click)="goBack()">Cancel</button>
<button mat-button color="primary" *ngIf="canCompleteTask()" adf-cloud-complete-task
(success)="onCompletedTask()">{{ 'ADF_TASK_LIST.DETAILS.BUTTON.COMPLETE' | translate }}</button>
<button mat-button color="primary" *ngIf="canClaimTask()" adf-cloud-claim-task
(success)="onClaimTask()">{{ 'ADF_TASK_LIST.DETAILS.BUTTON.CLAIM' | translate }}</button>
<button mat-button color="primary" *ngIf="canUnClaimTask()" adf-cloud-unclaim-task
(success)="onUnclaimTask()">{{ 'ADF_TASK_LIST.DETAILS.BUTTON.UNCLAIM' | translate }}</button>
</div>
<adf-cloud-form *ngIf="hasTaskForm()" fxFlex="100%"
<adf-task-form-cloud
[appName]="appName"
[taskId]="taskId"
(formCompleted)="onTaskCompleted()"
(cancelClick)="goBack()"
(taskClaimed)="onClaimTask()"
(taskCompleted)="onTaskCompleted()"
(taskUnclaimed)="onUnclaimTask()"
(formSaved)="onFormSaved()">
</adf-cloud-form>
</adf-task-form-cloud>
</div>
<adf-cloud-task-header fxFlex
[appName]="appName"

35
demo-shell/src/app/components/cloud/task-details-cloud-demo.component.ts
View File

@@ -15,18 +15,17 @@
* limitations under the License.
*/
import { Component, OnInit } from '@angular/core';
import { Component } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { TaskDetailsCloudModel, TaskCloudService, UploadCloudWidgetComponent } from '@alfresco/adf-process-services-cloud';
import { UploadCloudWidgetComponent } from '@alfresco/adf-process-services-cloud';
import { NotificationService, FormRenderingService } from '@alfresco/adf-core';
@Component({
templateUrl: './task-details-cloud-demo.component.html',
styleUrls: ['./task-details-cloud-demo.component.scss']
})
export class TaskDetailsCloudDemoComponent implements OnInit {
export class TaskDetailsCloudDemoComponent {
taskDetails: TaskDetailsCloudModel;
taskId: string;
appName: string;
@@ -34,7 +33,6 @@ export class TaskDetailsCloudDemoComponent implements OnInit {
private route: ActivatedRoute,
private router: Router,
private formRenderingService: FormRenderingService,
private taskCloudService: TaskCloudService,
private notificationService: NotificationService
) {
this.route.params.subscribe((params) => {
@@ -47,37 +45,10 @@ export class TaskDetailsCloudDemoComponent implements OnInit {
}
ngOnInit() {
this.loadTaskDetailsById(this.appName, this.taskId);
}
loadTaskDetailsById(appName: string, taskId: string) {
this.taskCloudService.getTaskById(appName, taskId).subscribe(
(taskDetails: TaskDetailsCloudModel ) => {
this.taskDetails = taskDetails;
});
}
isTaskValid(): boolean {
return this.appName !== undefined && this.taskId !== undefined;
}
canCompleteTask(): boolean {
return this.taskDetails && !this.taskDetails.formKey && this.taskCloudService.canCompleteTask(this.taskDetails);
}
canClaimTask(): boolean {
return this.taskDetails && this.taskCloudService.canClaimTask(this.taskDetails);
}
canUnClaimTask(): boolean {
return this.taskDetails && this.taskCloudService.canUnclaimTask(this.taskDetails);
}
hasTaskForm(): boolean {
return this.taskDetails && this.taskDetails.formKey;
}
goBack() {
this.router.navigate([`/cloud/${this.appName}/`]);
}