move provider search form

The provider search form is now outside of the tabset and its
visibility is controlled by a button. Also, clicking on a row
on the search results will now hide the search form.

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

diff --git a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html
index 23bce36..7615043 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html
@@ -10,17 +10,23 @@
 </div>
 
 <div class="col-10">
+<div class="row">
+  <div class="col-lg-2 offset-lg-10">
+    <button class="btn btn-primary" [hidden]="showSearchForm" (click)="showSearchForm = !showSearchForm" i18n>Show Search Form</button>
+    <button class="btn btn-primary" [hidden]="!showSearchForm"  (click)="showSearchForm = !showSearchForm" i18n>Hide Search Form</button>
+  </div>
+</div>
+<div class="row mb-5" [hidden]="!showSearchForm">
+  <div class="col-lg-12">
+    <eg-provider-results (desireSummarize)="onDesireSummarize($event)"></eg-provider-results>
+  </div>
+</div>
 <div class="row" id="acq-provider-page">
   <div class="col-lg-12">
     <ngb-tabset #acqProviderTabs [activeId]="activeTab" (tabChange)="onTabChange($event)">
       <ngb-tab title="Provider" i18n-title id="details" [disabled]="!id">
         <ng-template ngbTabContent>
-            <div class="col-lg-12" [hidden]="showSearchForm">
-                PROVIDER DETAILS TAB
-            </div>
-            <div class="col-lg-12" [hidden]="!showSearchForm">
-              <eg-provider-results (desireSummarize)="onDesireSummarize($event)"></eg-provider-results>
-            </div>
+          PROVIDER DETAILS TAB
         </ng-template>
       </ngb-tab>
       <ngb-tab title="Addresses" i18n-title id="addresses" [disabled]="!id">

diff --git a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.ts b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.ts
index 6068a3a..53ee01a 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.ts
@@ -74,6 +74,7 @@ export class AcqProviderComponent implements OnInit, AfterViewInit {
             this.providerSummaryPane.update($event);
             this.id = $event;
             this.providerRecord.fetch(this.id);
+            this.showSearchForm = false;
         };
     }
 

diff --git a/Open-ILS/src/eg2/src/app/staff/acq/provider/provider-results.component.html b/Open-ILS/src/eg2/src/app/staff/acq/provider/provider-results.component.html
index f4ca739..15d2c6d 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/acq/provider/provider-results.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/acq/provider/provider-results.component.html
@@ -12,6 +12,7 @@
   [stickyHeader]="true"
   [filterable]="true"
   [sortable]="true"
+  [disableMultiSelect]="true"
   (onRowClick)="previewRow($event)"
   (onRowActivate)="previewRow($event)"
   [cellTextGenerator]="cellTextGenerator">