stop propegation

Author: larscom

src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.ts

@@ -1,18 +1,18 @@
-import { Job, JobId } from '$groups/model/job'
+import { Job } from '$groups/model/job'
 import { PipelineId } from '$groups/model/pipeline'
 import { ProjectId } from '$groups/model/project'
 import { CommonModule } from '@angular/common'
 import { HttpClient } from '@angular/common/http'
-import { ChangeDetectionStrategy, Component, inject, Injector, input, signal } from '@angular/core'
+import { ChangeDetectionStrategy, Component, HostListener, inject, Injector, input, signal } from '@angular/core'
 import { toObservable, toSignal } from '@angular/core/rxjs-interop'
+import FileSaver from 'file-saver'
 import { NzButtonModule } from 'ng-zorro-antd/button'
 import { NzDropDownModule } from 'ng-zorro-antd/dropdown'
 import { NzIconModule } from 'ng-zorro-antd/icon'
 import { NzSpaceModule } from 'ng-zorro-antd/space'
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip'
 import { combineLatest, switchMap } from 'rxjs'
 import { StatusColorPipe } from '../../pipes/status-color.pipe'
-import FileSaver from 'file-saver'
 
 @Component({
   selector: 'gcd-download-artifacts-icon',
@@ -75,4 +75,8 @@ export class DownloadArtifactsIconComponent {
       }
     })
   }
+
+  @HostListener('click', ['$event']) onClick(e: MouseEvent) {
+    e.stopPropagation()
+  }
 }

src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/start-pipeline-action/start-pipeline-action.component.ts

@@ -1,7 +1,6 @@
 import { ProjectId } from '$groups/model/project'
-import { ConfigService } from '$service/config.service'
 import { CommonModule } from '@angular/common'
-import { ChangeDetectionStrategy, Component, computed, inject, input, signal } from '@angular/core'
+import { ChangeDetectionStrategy, Component, inject, input, signal } from '@angular/core'
 import { NzButtonModule } from 'ng-zorro-antd/button'
 import { NzIconModule } from 'ng-zorro-antd/icon'
 import { NzModalModule, NzModalService } from 'ng-zorro-antd/modal'

src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/write-actions-icon.component.ts

@@ -40,6 +40,6 @@ export class WriteActionsIconComponent {
   tooltipTitle = computed(() => (this.readOnly() ? 'Read-only mode is enabled' : null))
 
   @HostListener('click', ['$event']) onClick(e: MouseEvent) {
-    e.preventDefault()
+    e.stopPropagation()
   }
 }