#1170 Event handling function which set in the icon element does not work after Angular 20 migration.

Author: xingzhang-suse

admin/webapp/websrc/app/routes/components/compliance-grid/compliance-grid.component.html

@@ -3,8 +3,8 @@
     <div
       class="d-flex flex-row justify-content-end align-items-center"
       *ngIf="!isContainer">
-      <button ariaLabel="csv report" mat-button>
-        <i (click)="exportCSV()" class="eos-icons icon-18">csv_file</i>
+      <button ariaLabel="csv report" mat-button (click)="exportCSV()">
+        <i class="eos-icons icon-18">csv_file</i>
       </button>
     </div>
     <ag-grid-angular

admin/webapp/websrc/app/routes/components/container-brief/container-brief-dialog/container-brief-dialog.component.html

@@ -11,8 +11,9 @@
   <button
     aria-label="Close icon button"
     class="d-flex align-items-center justify-content-center"
+    (click)="onNoClick()"
     mat-icon-button>
-    <i (click)="onNoClick()" class="eos-icons">close</i>
+    <i class="eos-icons">close</i>
   </button>
 </div>
 <app-container-brief

admin/webapp/websrc/app/routes/components/enforcer-brief/enforcer-brief-dialog/enforcer-brief-dialog.component.html

@@ -11,8 +11,9 @@
   <button
     aria-label="Close icon button"
     class="d-flex align-items-center justify-content-center"
+    (click)="onNoClick()"
     mat-icon-button>
-    <i (click)="onNoClick()" class="eos-icons">close</i>
+    <i class="eos-icons">close</i>
   </button>
 </div>
 <hr class="fancy mx-0 my-0" />

admin/webapp/websrc/app/routes/components/node-brief/node-brief-dialog/node-brief-dialog.component.html

@@ -11,8 +11,9 @@
   <button
     aria-label="Close icon button"
     class="d-flex align-items-center justify-content-center"
+    (click)="onNoClick()"
     mat-icon-button>
-    <i (click)="onNoClick()" class="eos-icons">close</i>
+    <i class="eos-icons">close</i>
   </button>
 </div>
 <hr class="fancy mx-0 my-0" />

admin/webapp/websrc/app/routes/components/pod-brief/pod-brief-dialog/pod-brief-dialog.component.html

@@ -11,8 +11,9 @@
   <button
     aria-label="Close icon button"
     class="d-flex align-items-center justify-content-center"
+    (click)="onNoClick()"
     mat-icon-button>
-    <i (click)="onNoClick()" class="eos-icons">close</i>
+    <i class="eos-icons">close</i>
   </button>
 </div>
 <hr class="fancy mx-0 my-0" />

admin/webapp/websrc/app/routes/network-activities/pod-info/pod-info.component.html

@@ -303,8 +303,9 @@ <h4 class="handle" id="cveInfoHeader">
       id="closeCveInfo"
       aria-label="Close icon button"
       class="d-flex align-items-center justify-content-center"
+      (click)="onCveInfo = !onCveInfo"
       mat-icon-button>
-      <i (click)="onCveInfo = !onCveInfo" class="eos-icons">close</i>
+      <i class="eos-icons">close</i>
     </button>
   </div>