From 2394c3ebda10031fbd22b7814f919cffe959cfd9 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 10 Jul 2024 16:33:59 -0400
Subject: [PATCH] undo list-input changes

---
 .../app/list-input/list-input.component.html  | 99 +++++++++----------
 1 file changed, 46 insertions(+), 53 deletions(-)

diff --git a/nav-app/src/app/list-input/list-input.component.html b/nav-app/src/app/list-input/list-input.component.html
index 472957f0e..e1340c9d9 100644
--- a/nav-app/src/app/list-input/list-input.component.html
+++ b/nav-app/src/app/list-input/list-input.component.html
@@ -1,60 +1,53 @@
 <div class="list-container">
-    @for (item of list; track item; let i = $index) {
-        <div class="divider-container">
-            <!-- divider -->
-            @if (item.divider) {
-                <div class="divider" (click)="removeDivider(i)" matTooltipPosition="below" matTooltip="remove divider">
-                    <mat-divider></mat-divider>
-                    <mat-icon class="icon">remove</mat-icon>
-                    <mat-divider></mat-divider>
-                </div>
-            }
-            @if (!item.divider && canAddDivider(i)) {
-                <div class="divider-option"
-                    (click)="addDivider(i)"
-                    matTooltipPosition="below"
-                    matTooltip="add a divider">
-                    <mat-divider></mat-divider>
-                    <mat-icon class="icon">add</mat-icon>
-                    <mat-divider></mat-divider>
-                </div>
-            }
+    <div *ngFor="let item of list; let i = index;" class="divider-container">
+        <!-- divider -->
+        <div class="divider" *ngIf="item.divider" (click)="removeDivider(i)" matTooltipPosition="below" matTooltip="remove divider">
+            <mat-divider></mat-divider>
+            <mat-icon class="icon">remove</mat-icon>
+            <mat-divider></mat-divider>
         </div>
+        <div class="divider-option"
+            *ngIf="!item.divider && canAddDivider(i)"
+            (click)="addDivider(i)"
+            matTooltipPosition="below"
+            matTooltip="add a divider">
+            <mat-divider></mat-divider>
+            <mat-icon class="icon">add</mat-icon>
+            <mat-divider></mat-divider>
+        </div>
+    </div>
 
-        <!-- list item -->
-        @if (!item.divider) {
-            <div class="item-container hide-subscript">
-                <mat-form-field>
-                    <mat-label>{{config.nameField}}</mat-label>
-                    <input
-                        matInput
-                        matTextareaAutosize
-                        [(ngModel)]="item[config.nameField]"
-                        (input)="updateList()"/>
-                </mat-form-field>
-                <mat-form-field>
-                    <mat-label>{{config.valueField}}</mat-label>
-                    <input
-                        matInput
-                        matTextareaAutosize
-                        [(ngModel)]="item[config.valueField]"
-                        (input)="updateList()"/>
-                </mat-form-field>
-                @if (includeLinks && item.valid()) {
-                    <span> trying something </span>
-                    <a  class="assigned-link"
-                        href="{{ item[config.valueField] }}"
-                        target="_blank"
-                        rel="noopener noreferrer">
-                        {{ item[config.nameField] }}
-                    </a>
-                }
-                <div class="remove-button">
-                    <button class="button" (click)="remove(i)">remove</button>
-                </div>
-            </div>
+    <!-- list item -->
+    <div *ngIf="!item.divider" class="item-container hide-subscript">
+        <mat-form-field>
+            <mat-label>{{config.nameField}}</mat-label>
+            <input
+                matInput
+                matTextareaAutosize
+                [(ngModel)]="item[config.nameField]"
+                (input)="updateList()"/>
+        </mat-form-field>
+        <mat-form-field>
+            <mat-label>{{config.valueField}}</mat-label>
+            <input
+                matInput
+                matTextareaAutosize
+                [(ngModel)]="item[config.valueField]"
+                (input)="updateList()"/>
+        </mat-form-field>
+        @if (includeLinks && item.valid()) {
+            <span> trying something </span>
+            <a  class="assigned-link"
+                href="{{ item[config.valueField] }}"
+                target="_blank"
+                rel="noopener noreferrer">
+                {{ item[config.nameField] }}
+            </a>
         }
-    }
+        <div class="remove-button">
+            <button class="button" (click)="remove(i)">remove</button>
+        </div>
+    </div>
 </div>
 <div class="add-more">
     <button class="button" (click)="add()">add {{ config.type }}</button>