From fa82e2c2fd2ad7c54e76bdcc13bc2768b0bc3b2b Mon Sep 17 00:00:00 2001
From: Silas Meilbeck <130072839+sMeilbeck@users.noreply.github.com>
Date: Wed, 22 Nov 2023 14:26:06 +0100
Subject: [PATCH] Changed id from row to column in multiple Scenario (#498)

* Changed id from row to coulmn in multiple Scenario

* Change id and associated css selectors of Multiple Scenario edit options

* fixed css

* Adjusted to rename/delete_example

* Added checkbox_all differentiation

* switched css back, as it seems to be legacy code
---
 frontend/src/app/base-editor/base-editor.component.html     | 4 ++--
 frontend/src/app/example-table/example-table.component.css  | 2 +-
 frontend/src/app/example-table/example-table.component.html | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/base-editor/base-editor.component.html b/frontend/src/app/base-editor/base-editor.component.html
index 542e65daf..ddfada626 100644
--- a/frontend/src/app/base-editor/base-editor.component.html
+++ b/frontend/src/app/base-editor/base-editor.component.html
@@ -7,7 +7,7 @@
   <ng-template #actionBar>
     <div class="scenarioBarContainer" [ngStyle]="{'margin': (name==='example') ? '0px' : ''}">
       <div class="actionBarButtonGroup">
-        <input type="checkbox" class="checkbox" id="checkbox_all" (change)="checkAllSteps()" [checked]="this.allChecked"
+        <input type="checkbox" class="checkbox" id="{{name+'_checkbox_all'}}" (change)="checkAllSteps()" [checked]="this.allChecked"
           uk-tooltip title="Check All Steps" />
         <div [class.disabled]="!this.activeActionBar">
           <button *ngIf="name !== 'example' && name !== 'block-editor'" id="{{name+'_addBlock_step_'}}"
@@ -28,7 +28,7 @@
             <em class="material-icons">content_copy</em>
           </button>
         </div>
-        <button *ngIf="name==='example'" id="{{name+'_add_row'}}" uk-tooltip title="Add new Variable"
+        <button *ngIf="name==='example'" id="{{name+'_add_column'}}" uk-tooltip title="Add new Variable"
           (click)="openNewExample(step)">
           <div class="actionButton" style="display:grid;">
             <em class="material-icons-outlined"
diff --git a/frontend/src/app/example-table/example-table.component.css b/frontend/src/app/example-table/example-table.component.css
index 694c734a3..81c442ab0 100644
--- a/frontend/src/app/example-table/example-table.component.css
+++ b/frontend/src/app/example-table/example-table.component.css
@@ -93,7 +93,7 @@ span, .checkboxWrapper{
   vertical-align: middle;
 }
 
-#inputExample{
+#inputExample_rename, #inputExample_delete{
   margin: 0 !important;
   padding: 0 !important;
 }
diff --git a/frontend/src/app/example-table/example-table.component.html b/frontend/src/app/example-table/example-table.component.html
index faeae00bb..4d3b4daec 100644
--- a/frontend/src/app/example-table/example-table.component.html
+++ b/frontend/src/app/example-table/example-table.component.html
@@ -19,10 +19,10 @@
 				<div *ngIf="!first">
 					{{column}}
 					<span *ngIf="editMode">
-						<button id="inputExample" class="scenarioTitle" (click)="renameExample(columnIndex)">
+						<button id="rename_example" class="scenarioTitle" (click)="renameExample(columnIndex)">
 							<em class="material-icons">edit</em>
 						</button>
-						<button id="inputExample" class="scenarioTitle" (click)="deleteExample($event, columnIndex)">
+						<button id="delete_example" class="scenarioTitle" (click)="deleteExample($event, columnIndex)">
 							<em class="material-icons">delete</em>
 						</button>
 					</span>