Only 1 open task displayed within case task lists issue fixed

packages/angular-sdk-components/src/app/_components/field/auto-complete/auto-complete.component.ts

@@ -158,10 +158,10 @@ export class AutoCompleteComponent implements OnInit {
       this.listType = 'datapage';
       datasource = datasourceMetadata.datasource.name;
       this.parameters = this.flattenParameters(datasourceMetadata?.datasource?.parameters);
-      const displayProp = datasourceMetadata.datasource.propertyForDisplayText.startsWith('@P')
+      const displayProp = datasourceMetadata.datasource.propertyForDisplayText?.startsWith('@P')
         ? datasourceMetadata.datasource.propertyForDisplayText.substring(3)
         : datasourceMetadata.datasource.propertyForDisplayText;
-      const valueProp = datasourceMetadata.datasource.propertyForValue.startsWith('@P')
+      const valueProp = datasourceMetadata.datasource.propertyForValue?.startsWith('@P')
         ? datasourceMetadata.datasource.propertyForValue.substring(3)
         : datasourceMetadata.datasource.propertyForValue;
       columns = [

packages/angular-sdk-components/src/app/_components/widget/todo/todo.component.html

@@ -12,26 +12,26 @@
       <div class="psdk-todo-assignment">
         <div class="psdk-avatar">{{ this.currentUserInitials$ }}</div>
         <div class="psdk-todo-card">
-          <div class="psdk-todo-assignment-title">{{ assignment.stepName }}</div>
+          <div class="psdk-todo-assignment-title">{{getAssignmentName(assignment)}}</div>
           <div class="psdk-todo-assignment-data">
-            <div class="psdk-todo-assignment-task" (click)="clickGo([assignment])">
+            <div class="psdk-todo-assignment-task" (click)="clickGo(assignment)">
               Task in <span class="psdk-todo-id">{{ assignment.name }} {{ getID(assignment) }}</span>
               <span *ngIf="assignment.status != undefined">
                 &bull; <span class="psdk-todo-assignment-status">{{ assignment?.status }}</span>
               </span>
-              &bull; Priority {{ assignment?.priority }}
+              &bull; Urgency {{ getPriority(assignment) }}
             </div>
           </div>
         </div>
         <div class="psdk-todo-assignment-action">
-          <button mat-flat-button color="primary" (click)="clickGo([assignment])">Go</button>
+          <button mat-flat-button color="primary" (click)="clickGo(assignment)">Go</button>
         </div>
       </div>
       <div class="psdk-display-divider"></div>
     </div>
   </div>
 
-  <div *ngIf="showTodoList$">
+  <div *ngIf="assignmentCount$ > 3">
     <div *ngIf="bShowMore$; else showLess" class="psdk-todo-show-more">
       <button mat-stroked-button (click)="_showMore()">Show more</button>
     </div>

packages/angular-sdk-components/src/app/_components/widget/todo/todo.component.ts

@@ -34,14 +34,16 @@ export class TodoComponent implements OnInit {
   bShowMore$: boolean = true;
   arAssignments$: Array<any>;
   assignmentsSource$: any;
+  CONSTS: any;
+  bLogging = true;
 
   constructor(private psService: ProgressSpinnerService, private ngZone: NgZone, private utils: Utils) {}
 
   ngOnInit() {
     if (!this.PCore$) {
       this.PCore$ = window.PCore;
     }
-
+    this.CONSTS = this.PCore$.getConstants();
     const { CREATE_STAGE_SAVED, CREATE_STAGE_DELETED } = this.PCore$.getEvents().getCaseEvent();
 
     this.PCore$.getPubSubUtils().subscribe(
@@ -136,59 +138,58 @@ export class TodoComponent implements OnInit {
   }
 
   getID(assignment: any) {
-    let sID = '';
     if (assignment.value) {
-      let refKey = assignment.value;
-      sID = refKey.substring(refKey.lastIndexOf(' ') + 1);
+      const refKey = assignment.value;
+      return refKey.substring(refKey.lastIndexOf(' ') + 1);
     } else {
-      let refKey = assignment.ID;
-      let arKeys = refKey.split('!')[0].split(' ');
-
-      sID = arKeys[2];
+      const refKey = assignment.ID;
+      const arKeys = refKey.split('!')[0].split(' ');
+      return arKeys[2];
     }
+  }
 
-    return sID;
+  topThreeAssignments(assignmentsSource: Array<any>): Array<any> {
+    return Array.isArray(assignmentsSource) ? assignmentsSource.slice(0, 3) : [];
   }
 
-  topThreeAssignments(arList: Array<any>) {
-    let arList3: Array<any> = new Array<any>();
+  getAssignmentId(assignment) {
+    return this.type$ === this.CONSTS.TODO ? assignment.ID : assignment.id;
+  };
 
-    if (arList && typeof arList == 'object') {
-      let len = arList.length;
-      if (len > 3) len = 3;
+  getPriority(assignment) {
+    return this.type$ === this.CONSTS.TODO ? assignment.urgency : assignment.priority;
+  };
 
-      for (let i = 0; i < len; i++) {
-        arList3.push(arList[i]);
-      }
-    }
+  getAssignmentName(assignment) {
+    return this.type$ === this.CONSTS.TODO ? assignment.name : assignment.stepName;
+  };
 
-    return arList3;
+  initAssignments(): Array<any> {
+    if (this.assignmentsSource$) {
+      this.assignmentCount$ = this.assignmentsSource$.length;
+      return this.topThreeAssignments(this.assignmentsSource$);
+    } else {
+      // turn off todolist
+      return [];
+    }
   }
 
-  getCaseInfoAssignment(arList: Array<any>, caseInfoID: string) {
-    let arList1: Array<any> = new Array<any>();
-    for (var aIndex in arList) {
-      if (arList[aIndex].ID.indexOf(caseInfoID) >= 0) {
-        let listRow = JSON.parse(JSON.stringify(arList[aIndex]));
-
+  getCaseInfoAssignment(assignmentsSource: Array<any>, caseInfoID: string) {
+    const result: Array<any> = [];
+    for (const source of assignmentsSource) {
+      if (source.ID.indexOf(caseInfoID) >= 0) {
+        const listRow = JSON.parse(JSON.stringify(source));
         // urgency becomes priority
-        if (listRow.urgency) {
-          listRow['priority'] = listRow.urgency;
-        }
-
-        if (listRow.ID) {
-          // mimic regular list
-          listRow['id'] = listRow['ID'];
-        }
-
-        arList1.push(listRow);
-        break;
+        listRow['priority'] = listRow.urgency || undefined;
+        // mimic regular list
+        listRow['id'] = listRow['ID'] || undefined;
+        result.push(listRow);
       }
     }
-
-    return arList1;
+  
+    return result;
   }
-
+  
   _showMore() {
     this.ngZone.run(() => {
       this.bShowMore$ = false;
@@ -204,40 +205,42 @@ export class TodoComponent implements OnInit {
     });
   }
 
-  clickGo(assignment: any) {
-    let { id, classname } = assignment[0];
-
-    // capture className, as seem to loose it when
-    if (classname == null || classname == '') {
-      classname = this.pConn$.getCaseInfo().getClassName();
-    }
+  isChildCase(assignment) {
+    return assignment.isChild;
+  };
 
-    let sTarget = this.pConn$.getContainerName();
-    let sTargetContainerName = sTarget;
-    let sIsActionFromTodoList = 'todo';
+  clickGo(assignment) {
+    const id = this.getAssignmentId(assignment);
+    let { classname = '' } = assignment;
+    const sTarget = this.pConn$.getContainerName();
+    const sTargetContainerName = sTarget;
 
-    let options = { containerName: sTarget };
+    const options = { containerName: sTargetContainerName };
 
-    if (classname == null || classname == '') {
+    if (classname === null || classname === '') {
       classname = this.pConn$.getCaseInfo().getClassName();
     }
 
     if (sTarget === 'workarea') {
       options['isActionFromToDoList'] = true;
       options['target'] = '';
-      options['context'] = this.context$;
-      options['isChild'] = undefined;
+      options['context'] = null;
+      options['isChild'] = this.isChildCase(assignment);
     } else {
       options['isActionFromToDoList'] = false;
       options['target'] = sTarget;
-      options['context'] = '';
     }
 
-    this.psService.sendMessage(true);
-
     this.pConn$
       .getActionsApi()
       .openAssignment(id, classname, options)
-      .then(() => {});
+      .then(() => {
+        if (this.bLogging) {
+          console.log(`openAssignment completed`);
+        }
+      })
+      .catch(() => {
+        alert(`Submit failed!`);
+      });
   }
 }