Fix do format in component

src/app/canvas-meta-model/canvas-model-consistency.service.ts

@@ -575,11 +575,11 @@ export class CanvasModelConsistencyService {
   ): {
     patternHintFeatureIds: string[];
     patternHints: string[];
-    usedPatterns: string[];
+    usedPatterns: Instance[];
   } {
     const patternHintFeatureIds = new Set<string>();
     const patternHints: string[] = [];
-    const usedPatterns: string[] = [];
+    const usedPatterns: Instance[] = [];
 
     patterns.forEach((pattern) => {
       let leafFeatures = 0;
@@ -634,7 +634,7 @@ export class CanvasModelConsistencyService {
             patternHints.push(hint);
             featureIds.forEach((id) => patternHintFeatureIds.add(id));
           } else {
-            usedPatterns.push(pattern.name);
+            usedPatterns.push(pattern);
           }
         }
       }

src/app/canvas-meta-model/conformance-report.ts

+import { Instance } from './instance';
+
 export class ConformanceReport {
   errorFeatureIds: string[] = [];
   errors: string[] = [];
@@ -9,7 +11,7 @@ export class ConformanceReport {
   hints: string[] = [];
   patternHintFeatureIds: string[] = [];
   patternHints: string[] = [];
-  usedPatterns: string[] = [];
+  usedPatterns: Instance[] = [];
 
   constructor(conformanceReport: Partial<ConformanceReport> = {}) {
     Object.assign(this, conformanceReport);

src/app/canvas/api/refine-canvas/refine-canvas.component.html

@@ -176,7 +176,7 @@
               <h6>Used Patterns</h6>
               <ul>
                 <li *ngFor="let pattern of conformance.usedPatterns">
-                  {{ pattern }}
+                  {{ pattern.name }}
                 </li>
               </ul>
             </div>

src/app/canvas/instances/example/example.component.html

@@ -49,7 +49,7 @@
       </li>
       <li ngbNavItem="stepHints" #stepHints="ngbNavItem">
         <a ngbNavLink>2. Hints</a>
-        <ng-template ngbNavContent> Adapt the example with hints </ng-template>
+        <ng-template ngbNavContent> Adapt the example with hints</ng-template>
       </li>
       <li ngbNavItem="stepCompare" #stepCompare="ngbNavItem">
         <a ngbNavLink>3. Compare & Adaption</a>
@@ -59,7 +59,7 @@
       </li>
       <li ngbNavItem="stepView">
         <a ngbNavLink>4. View</a>
-        <ng-template ngbNavContent> Just view the example </ng-template>
+        <ng-template ngbNavContent> Just view the example</ng-template>
       </li>
     </ul>
     <div class="mt-1" [ngbNavOutlet]="nav"></div>
@@ -236,7 +236,7 @@
               <h6>Used Patterns</h6>
               <ul>
                 <li *ngFor="let pattern of conformance.usedPatterns">
-                  {{ pattern }}
+                  {{ pattern.name }}
                 </li>
               </ul>
             </div>
@@ -270,7 +270,7 @@
       <div *ngIf="usedPatterns" style="margin-top: 20px">
         <h6>Used Patterns</h6>
         <ul>
-          <li *ngFor="let pattern of usedPatterns">{{ pattern }}</li>
+          <li *ngFor="let pattern of usedPatterns">{{ pattern.name }}</li>
         </ul>
       </div>
     </div>

src/app/canvas/instances/example/example.component.ts

@@ -31,7 +31,7 @@ export class ExampleComponent implements OnInit {
   });
 
   // used patterns
-  usedPatterns: string[] = null;
+  usedPatterns: Instance[] = null;
 
   // Compare / Heatmap
   selectOtherInstanceForm: FormGroup = this.fb.group({