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 me-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 me-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     <ul ngbNav #acqProviderTabs="ngbNav" [(activeId)]="activeTab" (navChange)="onNavChange($event)" [keyboard]="true" [roles]="false" role="tablist" class="nav-tabs">
  49       <li role="presentation" [ngbNavItem]="'details'" [disabled]="!id">
  50         <a i18n ngbNavLink role="tab">Provider</a>
  51         <ng-template ngbNavContent>
  52           <div class="row mt-3">
  53             <div class="col-lg-12 text-end pb-1">
  54               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  55                 (click)="setDefaultTab()" i18n>Set Default View</button>
  56             </div>
  57           </div>
  58           <eg-provider-details #providerDetails (desireSummarize)="onDesireSummarize($event, true)"></eg-provider-details>
  59         </ng-template>
  60       </li>
  61       <li role="presentation" [ngbNavItem]="'addresses'" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
  62         <a i18n ngbNavLink role="tab">Addresses</a>
  63         <ng-template ngbNavContent>
  64           <div class="row mt-3">
  65             <div class="col-lg-12 text-end pb-1">
  66               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  67                 (click)="setDefaultTab()" i18n>Set Default View</button>
  68             </div>
  69           </div>
  70           <eg-provider-addresses></eg-provider-addresses>
  71         </ng-template>
  72       </li>
  73       <li role="presentation" [ngbNavItem]="'contacts'" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
  74         <a i18n ngbNavLink role="tab">Contacts</a>
  75           <ng-template ngbNavContent>
  76           <div class="row mt-3">
  77             <div class="col-lg-12 text-end pb-1">
  78               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  79                 (click)="setDefaultTab()" i18n>Set Default View</button>
  80             </div>
  81           </div>
  82           <eg-provider-contacts (desireSummarize)="onDesireSummarize($event, true)"></eg-provider-contacts>
  83         </ng-template>
  84       </li>
  85       <li role="presentation" [ngbNavItem]="'attributes'" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
  86         <a i18n ngbNavLink role="tab">Attribute Definitions</a>
  87         <ng-template ngbNavContent>
  88           <div class="row mt-3">
  89             <div class="col-lg-12 text-end pb-1">
  90               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
  91                 (click)="setDefaultTab()" i18n>Set Default View</button>
  92             </div>
  93           </div>
  94           <eg-provider-attributes></eg-provider-attributes>
  95         </ng-template>
  96       </li>
  97       <li role="presentation" [ngbNavItem]="'holdings'" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
  98         <a i18n ngbNavLink role="tab">Holdings Definitions</a>
  99         <ng-template ngbNavContent>
 100           <div class="row mt-3">
 101             <div class="col-lg-12 text-end pb-1">
 102               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
 103                 (click)="setDefaultTab()" i18n>Set Default View</button>
 104             </div>
 105           </div>
 106           <eg-provider-holdings #providerHoldings></eg-provider-holdings>
 107         </ng-template>
 108       </li>
 109       <li role="presentation" [ngbNavItem]="'edi_accounts'" [disabled]="!id || !this.providerRecord.currentProvider || !this.providerRecord.currentProvider.canAdmin">
 110         <a i18n ngbNavLink role="tab">EDI</a>
 111         <ng-template ngbNavContent>
 112           <div class="row mt-3">
 113             <div class="col-lg-12 text-end pb-1">
 114               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
 115                 (click)="setDefaultTab()" i18n>Set Default View</button>
 116             </div>
 117           </div>
 118           <eg-provider-edi-accounts (desireSummarize)="onDesireSummarize($event, true)"></eg-provider-edi-accounts>
 119         </ng-template>
 120       </li>
 121       <li role="presentation" [ngbNavItem]="'invoices'" [disabled]="!id">
 122         <a i18n ngbNavLink role="tab">Invoices</a>
 123         <ng-template ngbNavContent>
 124           <div class="row mt-3">
 125             <div class="col-lg-12 text-end pb-1">
 126               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
 127                 (click)="setDefaultTab()" i18n>Set Default View</button>
 128             </div>
 129           </div>
 130           <eg-provider-invoices></eg-provider-invoices>
 131         </ng-template>
 132       </li>
 133       <li role="presentation" [ngbNavItem]="'purchase_orders'" [disabled]="!id">
 134         <a i18n ngbNavLink role="tab">POs</a>
 135         <ng-template ngbNavContent>
 136           <div class="row mt-3">
 137             <div class="col-lg-12 text-end pb-1">
 138               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
 139                 (click)="setDefaultTab()" i18n>Set Default View</button>
 140             </div>
 141           </div>
 142           <eg-provider-purchase-orders></eg-provider-purchase-orders>
 143         </ng-template>
 144       </li>
 145     </ul>
 146
 147     <div [ngbNavOutlet]="acqProviderTabs" class="mt-2"></div>
 148   </div>
 149 </div>
 150 </div>
 151 </div>
 152 </div>
 153
 154 </div></div>
 155
 156 <eg-fm-record-editor #createDialog
 157   idlClass="acqpro"
 158   fieldOrder="active,name,code,currency_type,default_claim_policy,default_copy_count,edi_default,owner,url,san,prepayment_required"
 159   [remainOpenOnError]="true"
 160   [fieldOptions]="{currency_type:{preloadLinkedValues:true},edi_default:{preloadLinkedValues:true},default_claim_policy:{preloadLinkedValues:true}}"
 161   hiddenFields="id,email,phone,fax_phone,holding_tag,primary_contact">
 162 </eg-fm-record-editor>