Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html

   1 <eg-staff-banner bannerText="Providers" i18n-bannerText>
   2 </eg-staff-banner>
   3 <eg-string #createString i18n-text text="New Provider Added"></eg-string>
   4 <eg-string #createErrString i18n-text text="Failed to Create New Provider"></eg-string>
   5
   6 <eg-confirm-dialog #leaveConfirm
   7   i18n-dialogTitle i18n-dialogBody
   8   dialogTitle="Unsaved Changes Warning"
   9   dialogBody="There are unsaved changes. Are you sure you want to leave?">
  10 </eg-confirm-dialog>
  11
  12 <div><div class="row">
  13
  14 <div class="col">
  15 <div class="row mb-2">
  16   <div class="col-lg">
  17     <h3 i18n *ngIf="id && !showSearchForm">{{providerRecord.currentProvider?.record.name()}} ({{providerRecord.currentProvider?.record.code()}})</h3>
  18   </div>
  19   <div class="col-lg-auto">
  20     <div class="btn-toolbar" role="toolbar">
  21       <div class="button-grp mr-2">
  22         <button class="btn btn-primary" [hidden]="showSearchForm" (click)="showSearchForm = !showSearchForm" i18n>Show Search Form</button>
  23         <button class="btn btn-primary" [hidden]="!showSearchForm"  (click)="showSearchForm = !showSearchForm" i18n>Hide Search Form</button>
  24       </div>
  25       <div class="button-grp mr-2">
  26         <button class="btn btn-primary" (click)="createNew()" [disabled]="!providerRecord.checkIfCanAdminAtAll()" i18n>New Provider</button>
  27       </div>
  28     </div>
  29   </div>
  30 </div>
  31 <div class="row mb-5" [hidden]="!showSearchForm">
  32   <div class="col-lg-12">
  33     <eg-provider-results #acqProviderResults (desireSummarize)="onDesireSummarize($event)" (summarizeSearchFormOpen)="onDesireSummarize($event, false, false)"></eg-provider-results>
  34   </div>
  35 </div>
  36
  37 <h3 i18n *ngIf="id && showSearchForm">{{providerRecord.currentProvider?.record.name()}} ({{providerRecord.currentProvider?.record.code()}})</h3>
  38 <div class="row">
  39 <div class="col-lg-auto" [hidden]="!id">
  40   <eg-acq-provider-summary-pane #acqSearchProviderSummary
  41     (summaryToggled)="onSummaryToggled($event)" [providerId]="id">
  42   </eg-acq-provider-summary-pane>
  43 </div>
  44
  45 <div class="col">
  46 <div class="row" id="acq-provider-page" [hidden]="!id">
  47   <div class="col-lg-12">
  48     <ngb-tabset #acqProviderTabs [activeId]="activeTab" (tabChange)="onTabChange($event)">
  49       <ngb-tab title="Provider" i18n-title id="details" [disabled]="!id">
  50         <ng-template ngbTabContent>
  51           <div class="row mt-3">
  52             <div class="col-lg-12 text-right pb-1">
  53               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  54                 (click)="setDefaultTab()" i18n>Set Default View</button>
  55             </div>
  56           </div>
  57           <eg-provider-details #providerDetails (desireSummarize)="onDesireSummarize($event, true)"></eg-provider-details>
  58         </ng-template>
  59       </ngb-tab>
  60       <ngb-tab title="Addresses" i18n-title id="addresses" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
  61         <ng-template ngbTabContent>
  62           <div class="row mt-3">
  63             <div class="col-lg-12 text-right pb-1">
  64               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  65                 (click)="setDefaultTab()" i18n>Set Default View</button>
  66             </div>
  67           </div>
  68           <eg-provider-addresses></eg-provider-addresses>
  69         </ng-template>
  70       </ngb-tab>
  71       <ngb-tab title="Contacts" i18n-title id="contacts" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
  72         <ng-template ngbTabContent>
  73           <div class="row mt-3">
  74             <div class="col-lg-12 text-right pb-1">
  75               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  76                 (click)="setDefaultTab()" i18n>Set Default View</button>
  77             </div>
  78           </div>
  79           <eg-provider-contacts (desireSummarize)="onDesireSummarize($event, true)"></eg-provider-contacts>
  80         </ng-template>
  81       </ngb-tab>
  82       <ngb-tab title="Attribute Definitions" i18n-title id="attributes" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
  83         <ng-template ngbTabContent>
  84           <div class="row mt-3">
  85             <div class="col-lg-12 text-right pb-1">
  86               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  87                 (click)="setDefaultTab()" i18n>Set Default View</button>
  88             </div>
  89           </div>
  90           <eg-provider-attributes></eg-provider-attributes>
  91         </ng-template>
  92       </ngb-tab>
  93       <ngb-tab title="Holdings Definitions" i18n-title id="holdings" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
  94         <ng-template ngbTabContent>
  95           <div class="row mt-3">
  96             <div class="col-lg-12 text-right pb-1">
  97               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  98                 (click)="setDefaultTab()" i18n>Set Default View</button>
  99             </div>
 100           </div>
 101           <eg-provider-holdings #providerHoldings></eg-provider-holdings>
 102         </ng-template>
 103       </ngb-tab>
 104       <ngb-tab title="EDI" i18n-title id="edi_accounts" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
 105         <ng-template ngbTabContent>
 106           <div class="row mt-3">
 107             <div class="col-lg-12 text-right pb-1">
 108               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
 109                 (click)="setDefaultTab()" i18n>Set Default View</button>
 110             </div>
 111           </div>
 112           <eg-provider-edi-accounts (desireSummarize)="onDesireSummarize($event, true)"></eg-provider-edi-accounts>
 113         </ng-template>
 114       </ngb-tab>
 115       <ngb-tab title="Invoices" i18n-title id="invoices" [disabled]="!id">
 116         <ng-template ngbTabContent>
 117           <div class="row mt-3">
 118             <div class="col-lg-12 text-right pb-1">
 119               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
 120                 (click)="setDefaultTab()" i18n>Set Default View</button>
 121             </div>
 122           </div>
 123           <eg-provider-invoices></eg-provider-invoices>
 124         </ng-template>
 125       </ngb-tab>
 126       <ngb-tab title="POs" i18n-title id="purchase_orders" [disabled]="!id">
 127         <ng-template ngbTabContent>
 128           <div class="row mt-3">
 129             <div class="col-lg-12 text-right pb-1">
 130               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
 131                 (click)="setDefaultTab()" i18n>Set Default View</button>
 132             </div>
 133           </div>
 134           <eg-provider-purchase-orders></eg-provider-purchase-orders>
 135         </ng-template>
 136       </ngb-tab>
 137     </ngb-tabset>
 138   </div>
 139 </div>
 140 </div>
 141 </div>
 142 </div>
 143
 144 </div></div>
 145
 146 <eg-fm-record-editor #createDialog
 147   idlClass="acqpro"
 148   fieldOrder="active,name,code,currency_type,default_claim_policy,default_copy_count,edi_default,owner,url,san,prepayment_required"
 149   [remainOpenOnError]="true"
 150   [fieldOptions]="{currency_type:{preloadLinkedValues:true},edi_default:{preloadLinkedValues:true},default_claim_policy:{preloadLinkedValues:true}}"
 151   hiddenFields="id,email,phone,fax_phone,holding_tag,primary_contact">
 152 </eg-fm-record-editor>