From 1232c79a0e2cc15ed2d14304d99e8742e28e5ff2 Mon Sep 17 00:00:00 2001
From: Galen Charlton <gmc@equinoxinitiative.org>
Date: Fri, 17 Jan 2020 17:59:02 -0500
Subject: [PATCH] add support for removing search terms

This also removes the 'Add Search Term' button in favor
of +/- buttons at the end of each search row to match the
Angular staff catalog.

Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
---
 .../app/staff/acq/search/acq-search-form.component.html | 17 +++++++++++++----
 .../app/staff/acq/search/acq-search-form.component.ts   |  7 +++++++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/Open-ILS/src/eg2/src/app/staff/acq/search/acq-search-form.component.html b/Open-ILS/src/eg2/src/app/staff/acq/search/acq-search-form.component.html
index 14f2e7ad5b..0fe01b2b6b 100644
--- a/Open-ILS/src/eg2/src/app/staff/acq/search/acq-search-form.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/acq/search/acq-search-form.component.html
@@ -1,4 +1,4 @@
-<div class="row" *ngFor="let t of searchTerms">
+<div class="row" *ngFor="let t of searchTerms; let idx=index">
   <div class="col-lg-3">
     <select class="form-control" id="selected-search-term" [ngModelOptions]="{standalone: true}" [(ngModel)]="t.field"
       (change)="clearSearchTerm(t)">
@@ -42,12 +42,21 @@
       </eg-date-select>
     </ng-container>
   </div>
+  <div class="col-lg-2 pl-0 pr-1">
+    <button class="btn btn-sm material-icon-button"
+      (click)="addSearchTerm()"
+      i18n-title title="Add Search Row">
+      <span class="material-icons">add_circle_outline</span>
+    </button>
+    <button class="btn btn-sm material-icon-button"
+      (click)="delSearchTerm(idx)"
+      i18n-title title="Remove Search Row">
+      <span class="material-icons">remove_circle_outline</span>
+    </button>
+  </div>
 </div>
 <div class="row">
   <div class="col-lg-2">
-    <button class="form-control" (click)="addSearchTerm()" i18n>Add Search Term</button>
-  </div>
-  <div class="col-lg-2">
     <button class="form-control btn-success" (click)="submitSearch()" i18n>Search</button>
   </div>
 </div>
diff --git a/Open-ILS/src/eg2/src/app/staff/acq/search/acq-search-form.component.ts b/Open-ILS/src/eg2/src/app/staff/acq/search/acq-search-form.component.ts
index 36a50fb937..4816ab41c8 100644
--- a/Open-ILS/src/eg2/src/app/staff/acq/search/acq-search-form.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/acq/search/acq-search-form.component.ts
@@ -78,6 +78,13 @@ export class AcqSearchFormComponent implements OnInit, AfterViewInit {
     addSearchTerm() {
         this.searchTerms.push({ field: '', op: '', value1: '', value2: '' });
     }
+    delSearchTerm(index: number) {
+        if (this.searchTerms.length < 2) {
+            this.clearSearchTerm(this.searchTerms[0]);
+        } else {
+            this.searchTerms.splice(index, 1);
+        }
+    }
     clearSearchTerm(term: AcqSearchTerm) {
         term.value1 = '';
         term.value2 = '';
-- 
2.11.0