Open-ILS/src/eg2/src/app/staff/admin/local/staff_portal_page/staff-portal-page.component.html

   1 <ng-template #successStrTmpl i18n>{{idlClassDef.label}} Update Succeeded</ng-template>
   2 <eg-string #successString [template]="successStrTmpl"></eg-string>
   3
   4 <ng-template #updateFailedStrTmpl i18n>Update of {{idlClassDef.label}} failed</ng-template>
   5 <eg-string #updateFailedString [template]="updateFailedStrTmpl"></eg-string>
   6
   7 <ng-template #deleteFailedStrTmpl i18n>Delete of {{idlClassDef.label}} failed or was not allowed</ng-template>
   8 <eg-string #deleteFailedString [template]="deleteFailedStrTmpl"></eg-string>
   9
  10 <ng-template #deleteSuccessStrTmpl i18n>{{idlClassDef.label}} Successfully Deleted</ng-template>
  11 <eg-string #deleteSuccessString [template]="deleteSuccessStrTmpl"></eg-string>
  12
  13 <ng-template #createStrTmpl i18n>{{idlClassDef.label}} Successfully Created</ng-template>
  14 <eg-string #createString [template]="createStrTmpl"></eg-string>
  15
  16 <ng-template #createErrStrTmpl i18n>Failed to create new {{idlClassDef.label}}</ng-template>
  17 <eg-string #createErrString [template]="createErrStrTmpl"></eg-string>
  18
  19 <eg-string #cloneSuccessString i18n-text text="Portal Page Entries Cloning Succeeded"></eg-string>
  20 <eg-string #cloneFailedString i18n-text text="Portal Page Entries Cloning Failed"></eg-string>
  21
  22 <eg-confirm-dialog #delConfirm
  23   i18n-dialogTitle i18n-dialogBody
  24   dialogTitle="Delete?"
  25   dialogBody="Delete staff portal page entry or entries?">
  26 </eg-confirm-dialog>
  27
  28 <eg-staff-banner bannerText="Staff Portal Page" i18n-bannerText></eg-staff-banner>
  29
  30 <eg-clone-portal-entries-dialog #cloneDialog></eg-clone-portal-entries-dialog>
  31
  32 <ng-container *ngIf="orgField || gridFilters">
  33   <div class="row">
  34     <div class="col-lg-6">
  35       <ng-container *ngIf="orgField">
  36         <eg-org-family-select
  37           ariaLabel="Org Unit" i18n-ariaLabel
  38           [limitPerms]="viewPerms"
  39           [selectedOrgId]="contextOrg.id()"
  40           [ancestorSelectorChecked]="true"
  41           [(ngModel)]="searchOrgs"
  42           (ngModelChange)="grid.reload()">
  43         </eg-org-family-select>
  44       </ng-container>
  45     </div>
  46     <div class="col-lg-6 d-flex">
  47       <div class="flex-1"></div><!-- push right -->
  48       <ng-container *ngIf="gridFilters">
  49         <span i18n>Filters Applied: {{gridFilters | json}}</span>
  50         <a class="ps-2 fst-italic"
  51           [attr.href]="clearGridFiltersUrl()" i18n>Clear Filters</a>
  52       </ng-container>
  53     </div>
  54   </div>
  55   <hr/>
  56 </ng-container>
  57
  58 <!-- idlObject and fieldName applied programmatically -->
  59 <eg-translate #translator></eg-translate>
  60
  61 <ng-container *ngIf="helpTemplate">
  62   <ng-container *ngTemplateOutlet="helpTemplate"></ng-container>
  63 </ng-container>
  64
  65 <ng-template #configFieldLink let-row="row" let-col="col">
  66   <a i18n-title title="Link To {{col.label}}"
  67     [attr.href]="configFieldLinkUrl(row, col)">{{configLinkLabel(row, col)}}</a>
  68 </ng-template>
  69
  70 <eg-grid #grid idlClass="{{idlClass}}" [dataSource]="dataSource" hideFields="{{hideGridFields}}"
  71     [sortable]="true" persistKey="{{persistKey}}" autoGeneratedColumnOrder="{{fieldOrder}}"
  72     [filterable]="true"
  73     (onRowActivate)="showEditDialog($event)"
  74     [filterable]="true" [stickyHeader]="true">
  75   <eg-grid-toolbar-button [disabled]="!canCreate"
  76     label="New {{idlClassDef.label}}" i18n-label (onClick)="createNew()">
  77   </eg-grid-toolbar-button>
  78   <eg-grid-toolbar-button [disabled]="!canCreate"
  79     label="Clone a Library's Portal Page Entries" i18n-label (onClick)="cloneEntries()">
  80   </eg-grid-toolbar-button>
  81   <eg-grid-toolbar-button [disabled]="translatableFields.length === 0"
  82     label="Apply Translations" i18n-label (onClick)="translate()">
  83   </eg-grid-toolbar-button>
  84   <eg-grid-toolbar-action label="Edit Selected" i18n-label (onClick)="editSelected($event)">
  85   </eg-grid-toolbar-action>
  86   <eg-grid-toolbar-action label="Delete Selected" i18n-label (onClick)="deleteSelected($event)">
  87   </eg-grid-toolbar-action>
  88   <ng-container *ngFor="let cf of configFields">
  89     <eg-grid-column name="{{cf.name}}" [cellTemplate]="configFieldLink">
  90     </eg-grid-column>
  91   </ng-container>
  92 </eg-grid>
  93
  94 <ng-template #textTemplate let-field="field" let-record="record">
  95   <textarea rows="3"
  96     class="form-control"
  97     id="{{idPrefix}}-{{field.name}}" name="{{field.name}}"
  98     type="text" pattern="[\s\S]*\S[\s\S]*"
  99     placeholder="{{field.label}}..." i18n-placeholder
 100     [required]="field.isRequired()"
 101     [ngModel]="record[field.name]()"
 102     (ngModelChange)="record[field.name]($event)"></textarea>
 103 </ng-template>
 104
 105 <eg-fm-record-editor #editDialog idlClass="{{idlClass}}"
 106     [fieldOptions]="fieldOptions"
 107     [fieldOrder]="fieldOrder"
 108     [defaultNewRecord]="defaultNewRecord"
 109     [fieldOptions]="{entry_text:{customTemplate:{template:textTemplate}}}"
 110     [preloadLinkedValues]="true"
 111     [readonlyFields]="readonlyFields">
 112 </eg-fm-record-editor>
 113
 114