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
adessoSE · Nov 22, 2023 · fa82e2c · fa82e2c
1 parent e36b64e
commit fa82e2c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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>