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

   1 <div id="acq-provider-search-form" class="pl-3 pr-3 pt-3 pb-3 mb-3">
   2 <form>
   3   <div class="row mb-1">
   4     <div class="col-lg">
   5       <input i18n-placeholder placeholder="Provider Name" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerName" type="text" class="form-control" />
   6     </div>
   7     <div class="col-lg">
   8       <input i18n-placeholder placeholder="Code" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerCode" type="text" class="form-control" />
   9     </div>
  10     <div class="col-lg-4">
  11       <eg-org-family-select i18n-labelText labelText="Owner"
  12         [limitPerms]="['VIEW_PROVIDER','MANAGE_PROVIDER','ADMIN_PROVIDER']"
  13         [ngModelOptions]="{standalone: true}" [(ngModel)]="providerOwners">
  14       </eg-org-family-select>
  15     </div>
  16     <div class="col-lg-2 text-right">
  17       <button class="btn btn-primary mr-1" (click)="submitSearch()" type="submit" [hidden]="!collapsed" i18n>Search</button>
  18       <button class="btn btn-secondary" (click)="clearSearch()" type="button" [hidden]="!collapsed" i18n>Reset Form</button>
  19       <button class="btn" [hidden]="collapsed" (click)="toggleCollapse()" type="submit" i18n><span class="material-icons">expand_less</span></button>
  20       <button class="btn" [hidden]="!collapsed" (click)="toggleCollapse()" type="submit" i18n><span class="material-icons">expand_more</span></button>
  21     </div>
  22   </div>
  23
  24   <div class="row mb-1" [hidden]="collapsed">
  25     <div class="col-lg">
  26       <input i18n-placeholder placeholder="Contact Name" [ngModelOptions]="{standalone: true}" [(ngModel)]="contactName" type="text" class="form-control" />
  27     </div>
  28     <div class="col-lg">
  29       <input i18n-placeholder placeholder="Provider Email" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerEmail" type="text" class="form-control" />
  30     </div>
  31     <div class="col-lg">
  32       <input i18n-placeholder placeholder="Provider Phone" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerPhone" type="text" class="form-control" />
  33     </div>
  34     <div class="col-lg">
  35       <eg-combobox i18n-placeholder placeholder="Currency"
  36         idlClass="acqct" [asyncSupportsEmptyTermClick]="true"
  37         (onChange)="providerCurrencyType = $event ? $event.id : null" [asyncSupportsEmptyTermClick]="true"></eg-combobox>
  38     </div>
  39   </div>
  40
  41   <div class="row mb-1" [hidden]="collapsed">
  42     <div class="col-lg">
  43       <input i18n-placeholder placeholder="SAN" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerSAN" type="text" class="form-control" />
  44     </div>
  45     <div class="col-lg">
  46       <!-- edi default account link -->
  47       <eg-combobox i18n-placeholder placeholder="EDI Default"
  48         idlClass="acqedi" [asyncSupportsEmptyTermClick]="true"
  49         (onChange)="providerEDIDefault = $event ? $event.id : null"></eg-combobox>
  50     </div>
  51     <div class="col-lg">
  52       <input i18n-placeholder placeholder="URL" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerURL" type="text" class="form-control" />
  53     </div>
  54     <div class="col-lg form-group">
  55       <label for="acqproIsActive" i18n>Active?</label>
  56       <select class="form-control" id="acqproIsActive" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerIsActive">
  57         <option i18n value="active">Yes</option>
  58         <option i18n value="inactive">No</option>
  59         <option i18n value="any">Any</option>
  60       </select>
  61     </div>
  62   </div>
  63   <div class="row mb-1" [hidden]="collapsed">
  64     <div class="col-lg-2 offset-lg-10 text-right">
  65       <button class="btn btn-primary mr-1" (click)="submitSearch()" type="submit" i18n>Search</button>
  66       <button class="btn btn-secondary" (click)="clearSearch()" type="button" i18n>Reset Form</button>
  67     </div>
  68   </div>
  69 </form>
  70 </div>