add expanded to control visibility of the search form

Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>

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 c375352..4450117 100644 (file)
--- 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
@@ -8,8 +8,21 @@
     </select>
     of the following terms:</label>
   </div>
+  <div class="col-lg-6"></div>
+  <div class="col-lg-1">
+    <a class="with-material-icon no-href text-primary"
+      title="Show Form" i18n-title
+      *ngIf="!showForm" (click)="showForm=true">
+      <span class="material-icons">expand_more</span>
+    </a>
+    <a class="with-material-icon no-href text-primary"
+      title="Hide Form" i18n-title
+      *ngIf="showForm" (click)="showForm=false">
+      <span class="material-icons">expand_less</span>
+    </a>
+  </div>
 </div>
-<div class="row mb-1" *ngFor="let t of searchTerms; let idx=index">
+<div class="row mb-1" *ngFor="let t of searchTerms; let idx=index" [hidden]="!showForm">
   <div class="col-lg-3">
     <select class="form-control" id="selected-search-term" [ngModelOptions]="{standalone: true}" [(ngModel)]="t.field"
       (change)="clearSearchTerm(t)">
@@ -81,7 +94,7 @@
     </button>
   </div>
 </div>
-<div class="row">
+<div class="row" [hidden]="!showForm">
   <div class="col-lg-2">
     <button class="form-control btn btn-success" (click)="submitSearch()" i18n>Search</button>
   </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 1c2474b..cc7d08e 100644 (file)
--- 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
@@ -20,6 +20,8 @@ export class AcqSearchFormComponent implements OnInit, AfterViewInit {
 
     @Output() searchSubmitted = new EventEmitter<AcqSearch>();
 
+    showForm = true;
+
     hints = ['jub', 'acqpl', 'acqpo', 'acqinv', 'acqlid'];
     availableSearchFields = {};
     searchTermDatatypes = {};