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

Use the activiti people with the new look and feel inside the demo shell (#2008)

Browse Source
This commit is contained in:
Maurizio Vitale
2017-06-22 14:55:38 +01:00
committed by Eugenio Romano
parent beba80d8e8
commit 88114952c2
3 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -24,3 +24,10 @@
.activiti-task-details__action-button {
text-transform: uppercase;
}
.people-dialog {
position: fixed;
top: 50%;
transform: translate(0, -50%);
width: 40%;
}

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

@@ -20,12 +20,7 @@
</activiti-task-header>
<div *ngIf="showHeaderContent" class="mdl-grid">
<div *ngIf="showInvolvePeople" class="mdl-cell mdl-cell--4-col">
<activiti-people
[iconImageUrl]="peopleIconImageUrl"
[people]="taskPeople"
[readOnly]="readOnlyForm"
[taskId]="taskDetails.id">
</activiti-people>
<button type="button" md-button md-raised-button (click)="showPeopleDialog()">{{'TASK_DETAILS.LABELS.INVOLVED_PEOPLE'|translate}}</button>
</div>
<div *ngIf="showComments" class="mdl-cell mdl-cell--4-col">
<activiti-comments #activiticomments
@@ -74,4 +69,16 @@
<button type="button" class="mdl-button" (click)="closeErrorDialog()">{{'TASK_DETAILS.ERROR.CLOSE'|translate}}</button>
</div>
</dialog>
<dialog class="mdl-dialog people-dialog" #dialogPeople>
<div class="mdl-dialog__content">
<activiti-people
[iconImageUrl]="peopleIconImageUrl"
[people]="taskPeople"
[readOnly]="readOnlyForm"
[taskId]="taskDetails.id">
</activiti-people>
<br><br>
<button type="button" md-button md-raised-button (click)="closePeopleDialog()">{{'TASK_DETAILS.ERROR.CLOSE'|translate}}</button>
</div>
</dialog>
</div>

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

@@ -35,6 +35,7 @@ import { FormService, FormModel, FormOutcomeEvent, ContentLinkModel } from 'ng2-
import { TaskQueryRequestRepresentationModel } from '../models/filter.model';
declare var require: any;
declare let dialogPolyfill: any;
@Component({
selector: 'activiti-task-details',
@@ -52,6 +53,9 @@ export class ActivitiTaskDetails implements OnInit, OnChanges {
@ViewChild('errorDialog')
errorDialog: DebugElement;
@ViewChild('dialogPeople')
peopleDialog: any;
@Input()
debugMode: boolean = false;
@@ -289,6 +293,19 @@ export class ActivitiTaskDetails implements OnInit, OnChanges {
this.errorDialog.nativeElement.close();
}
public showPeopleDialog() {
if (!this.peopleDialog.nativeElement.showModal) {
dialogPolyfill.registerDialog(this.peopleDialog.nativeElement);
}
this.peopleDialog.nativeElement.showModal();
}
public closePeopleDialog() {
if (this.peopleDialog) {
this.peopleDialog.nativeElement.close();
}
}
onClaimTask(taskId: string) {
this.loadDetails(taskId);
}