moved component to different folder

src/app/webapp-common/pipelines/edit-pipeline-page/pipeline-step-info/pipeline-step-info.component.html

@@ -57,10 +57,10 @@
             <!-- <div class="value" [smTooltip]="section.value" smShowTooltipIfEllipsis>{{section.value}}</div> -->
           </div>
         </ng-container>
-        <div *ngIf="step?.data?.parameters?.length > 7" class="show-more-text"
+        <button *ngIf="step?.data?.parameters?.length > 7" class="btn btn-link float-end pe-0"
           (click)="showMoreClicked(step?.data?.parameters)">
           show more
-        </div>
+        </button>
       </div>
       <div class="section">
         <div class="header">METRICS</div>

src/app/webapp-common/pipelines/edit-pipeline-page/pipeline-step-info/pipeline-step-info.component.scss

@@ -174,17 +174,5 @@
       }
     }
   }
-  .show-more-text {
-    color: $blue-300;
-    text-decoration: underline;
-    cursor: pointer;
-    margin-top: 12px;
-    margin-bottom: 12px;
-    margin-left: auto;
-    float: inline-end;
-  }
 
-  .show-more-text:hover {
-    color: $blue-100;
-  }
 }

src/app/webapp-common/pipelines/edit-pipeline-page/pipeline-step-info/pipeline-step-info.component.ts

@@ -17,7 +17,7 @@ import { trackByValue } from "@common/shared/utils/forms-track-by";
 import { cloneDeep } from "lodash-es";
 import { ConfirmDialogComponent } from "@common/shared/ui-components/overlay/confirm-dialog/confirm-dialog.component";
 import { MatDialog } from "@angular/material/dialog";
-import { PipelineParametersDialogComponent } from "@common/pipelines/pipeline-parameters-dialog/pipeline-parameters-dialog.component";
+import { PipelineStepParametersEditDialogComponent } from "@common/pipelines/edit-pipeline-page/pipeline-step-parameters-edit-dialog/pipeline-step-parameters-edit-dialog.component";
 
 @Component({
   selector: "sm-pipeline-step-info",
@@ -126,7 +126,7 @@ export class PipelineStepInfoComponent {
     }, 3000) */
   }
   public showMoreClicked(parameters: any[]) {
-    this.matDialog.open(PipelineParametersDialogComponent, {
+    this.matDialog.open(PipelineStepParametersEditDialogComponent, {
       data: {
         parameters: parameters,
         paramsChanged: this.paramsChanged.bind(this),

src/app/webapp-common/pipelines/edit-pipeline-page/pipeline-step-parameters-edit-dialog/pipeline-step-parameters-edit-dialog.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { PipelineParametersDialogComponent } from './pipeline-parameters-dialog.component';
+import { PipelineParametersDialogComponent } from './pipeline-step-parameters-edit-dialog.component';
 
 describe('PipelineParametersDialogComponent', () => {
   let component: PipelineParametersDialogComponent;

src/app/webapp-common/pipelines/edit-pipeline-page/pipeline-step-parameters-edit-dialog/pipeline-step-parameters-edit-dialog.component.ts

@@ -2,11 +2,11 @@ import { Component, Inject } from "@angular/core";
 import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
 
 @Component({
-  selector: "sm-pipeline-parameters-dialog",
+  selector: "sm-pipeline-step-parameters-edit-dialog",
-  templateUrl: "./pipeline-parameters-dialog.component.html",
+  templateUrl: "./pipeline-step-parameters-edit-dialog.component.html",
-  styleUrls: ["./pipeline-parameters-dialog.component.scss"],
+  styleUrls: ["./pipeline-step-parameters-edit-dialog.component.scss"],
 })
-export class PipelineParametersDialogComponent {
+export class PipelineStepParametersEditDialogComponent {
   parameters: any[];
   paramsChanged: () => void;
   setIsAutoCompleteOpen: (focus: boolean) => void;
@@ -16,7 +16,7 @@ export class PipelineParametersDialogComponent {
   trackByValue: any;
 
   constructor(
-    private matDialogRef: MatDialogRef<PipelineParametersDialogComponent>,
+    private matDialogRef: MatDialogRef<PipelineStepParametersEditDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: any
   ) {
     this.parameters = data.parameters;

src/app/webapp-common/pipelines/pipelines.module.ts

@@ -75,7 +75,7 @@ import { FilterPipe } from "@common/shared/pipes/filter.pipe";
 import { FileSizePipe } from "@common/shared/pipes/filesize.pipe";
 import { RegexPipe } from "@common/shared/pipes/filter-regex.pipe";
 import { FilterMonitorMetricPipe } from "@common/shared/pipes/filter-monitor-metric.pipe";
-import { PipelineParametersDialogComponent } from "./pipeline-parameters-dialog/pipeline-parameters-dialog.component";
+import { PipelineStepParametersEditDialogComponent } from "./edit-pipeline-page/pipeline-step-parameters-edit-dialog/pipeline-step-parameters-edit-dialog.component";
 import { PipelineDetailsDrawerComponent } from './details-dialog/pipeline-details-drawer.component';
 
 export const pipelinesSyncedKeys = ["projects.showPipelineExamples"];
@@ -137,7 +137,7 @@ const getInitState = (userPreferences: UserPreferences) => ({
     PipelineSettingDialogComponent,
     PipelineSettingFormComponent,
     PipelineStepInfoComponent,
-    PipelineParametersDialogComponent,
+    PipelineStepParametersEditDialogComponent,
     PipelineDetailsDrawerComponent,
   ],
   imports: [