</div>
<div class="modal-body common-form striped-odd">
<div class="row" *ngFor="let value of values">
- <div class="col-lg-4 fw-bold border-right">{{value.label}}</div>
+ <div class="col-lg-4 fw-bold border-end">{{value.label}}</div>
<div class="col-lg-8">
<a href="javascript:;" (click)="copyValue(value.value)">{{value.value}}</a>
</div>
</div>
<div class="modal-body form-common form-validated" *ngIf="idlObj">
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n>Field Name</label>
<input
type="text"
value="{{idlClassDef.field_map[field].label}}">
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n>Current Value</label>
<input
type="text"
value="{{idlObj[field]()}}">
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n>Select Locale</label>
<select class="form-control col-lg-7"
(change)="localeChanged($event)"
</select>
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold" i18n>Translation</label>
+ <label class="col-lg-4 text-end fw-bold" i18n>Translation</label>
<input
id='translation-input'
type="text"
<div class="mt-3">
<div class="row" *ngFor="let attr of lineitem.attributes()">
<div class="col-lg-2">{{attrLabel(attr)}}</div>
- <div class="col-lg-10 border-left">{{attr.attr_value()}}</div>
+ <div class="col-lg-10 border-start">{{attr.attr_value()}}</div>
</div>
</div>
</ng-container>
[ngModelOptions]="{standalone: true}" [(ngModel)]="providerOwners">
</eg-org-family-select>
</div>
- <div class="col-lg-2 text-right">
+ <div class="col-lg-2 text-end">
<button class="btn btn-primary me-1" (click)="submitSearch()" type="submit" [hidden]="!collapsed" i18n>Search</button>
<button class="btn btn-secondary" (click)="clearSearch()" type="button" [hidden]="!collapsed" i18n>Reset Form</button>
<button class="btn" [hidden]="collapsed" (click)="toggleCollapse()" type="submit" i18n><span class="material-icons">expand_less</span></button>
</div>
</div>
<div class="row mb-1" [hidden]="collapsed">
- <div class="col-lg-2 offset-lg-10 text-right">
+ <div class="col-lg-2 offset-lg-10 text-end">
<button class="btn btn-primary me-1" (click)="submitSearch()" type="submit" i18n>Search</button>
<button class="btn btn-secondary" (click)="clearSearch()" type="button" i18n>Reset Form</button>
</div>
<a i18n ngbNavLink role="tab">Provider</a>
<ng-template ngbNavContent>
<div class="row mt-3">
- <div class="col-lg-12 text-right pb-1">
+ <div class="col-lg-12 text-end pb-1">
<button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
<a i18n ngbNavLink role="tab">Addresses</a>
<ng-template ngbNavContent>
<div class="row mt-3">
- <div class="col-lg-12 text-right pb-1">
+ <div class="col-lg-12 text-end pb-1">
<button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
<a i18n ngbNavLink role="tab">Contacts</a>
<ng-template ngbNavContent>
<div class="row mt-3">
- <div class="col-lg-12 text-right pb-1">
+ <div class="col-lg-12 text-end pb-1">
<button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
<a i18n ngbNavLink role="tab">Attribute Definitions</a>
<ng-template ngbNavContent>
<div class="row mt-3">
- <div class="col-lg-12 text-right pb-1">
+ <div class="col-lg-12 text-end pb-1">
<button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
<a i18n ngbNavLink role="tab">Holdings Definitions</a>
<ng-template ngbNavContent>
<div class="row mt-3">
- <div class="col-lg-12 text-right pb-1">
+ <div class="col-lg-12 text-end pb-1">
<button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
<a i18n ngbNavLink role="tab">EDI</a>
<ng-template ngbNavContent>
<div class="row mt-3">
- <div class="col-lg-12 text-right pb-1">
+ <div class="col-lg-12 text-end pb-1">
<button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
<a i18n ngbNavLink role="tab">Invoices</a>
<ng-template ngbNavContent>
<div class="row mt-3">
- <div class="col-lg-12 text-right pb-1">
+ <div class="col-lg-12 text-end pb-1">
<button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
<a i18n ngbNavLink role="tab">POs</a>
<ng-template ngbNavContent>
<div class="row mt-3">
- <div class="col-lg-12 text-right pb-1">
+ <div class="col-lg-12 text-end pb-1">
<button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
[disabled]="fund?.active() !== 't'"
(click)="doTransfer()" i18n>Transfer Money</button>
</div>
- <div class="col-lg-9 text-right pb-1">
+ <div class="col-lg-9 text-end pb-1">
<button class="btn btn-secondary btn-xs" [disabled]="activeTab === defaultTabType"
(click)="setDefaultTab()" i18n>Set Default View</button>
</div>
</div>
</div>
<div class="row mt-3">
- <div class="col-lg-12 text-right">
+ <div class="col-lg-12 text-end">
<button class="btn btn-primary" [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
(click)="associateItem(barcodeInput, relationshipInput)" i18n [disabled]="!barcodeInput">
Add Material
</div>
</div>
<div class="row mt-3">
- <div class="col-lg-12 text-right">
+ <div class="col-lg-12 text-end">
<button class="btn btn-primary" i18n (click)="associateElectronicBibRecord()"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'">
Add Material
</div>
</div>
<div class="row mt-3">
- <div class="text-right" [ngClass]="isDialog() ? 'col-md-2' : 'col-md-6'">
+ <div class="text-end" [ngClass]="isDialog() ? 'col-md-2' : 'col-md-6'">
<button class="btn btn-primary"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
i18n [disabled]="!userBarcode" (click)="associateUser(userBarcode)">
</eg-staff-banner>
<div class="row">
- <div class="col text-right">
+ <div class="col text-end">
<button class="btn btn-danger" *ngIf="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 'f' "
(click)="archiveCourse()">
<span class="align-middle">Archive Course</span>
[fieldOptions]="{message_template:{customTemplate:{template:textAreaTemplate}},template:{customTemplate:{template:textAreaTemplate}}}"
fieldOrder="owner,name,hook,active,delay,delay_field,group_field,reactor,validator,repeat_delay,id,cleanup_failure,granularity,max_delay,message_library_path,message_template,message_title,message_usr_path,opt_in_setting,usr_field,retention_interval,cleanup_success,template">
</eg-fm-record-editor>
- <div class="text-right">
+ <div class="text-end">
<button class="btn btn-outline-dark me-3" (click)="back()">← Back to Notifications/Action Triggers</button>
</div>
</ng-template>
</eg-staff-banner>
<div class="row">
- <div class="col text-right">
+ <div class="col text-end">
<a class="btn btn-warning ms-3" routerLink="/staff/admin/server/config/floating_group">
<span class="material-icons align-middle">keyboard_return</span>
<span class="align-middle" i18n>Return to Floating Groups List</span>
</div>
</div>
</div>
- <div class="row mt-3 pt-3 border border-left-0 border-right-0 border-bottom-0 border-light">
+ <div class="row mt-3 pt-3 border border-start-0 border-end-0 border-bottom-0 border-light">
<div class="col">
<span i18n>Workstations Registered With This Browser</span>
</div>
</div>
<form class="modal-body form-common" [formGroup]="create">
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n for="create-patron-barcode">Patron barcode</label>
<div class="col-lg-7">
<input type="text" id="create-patron-barcode"
</span>
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n for="create-end-time">Start time</label>
<eg-datetime-select
formControlName="startTime"
</eg-datetime-select>
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n for="create-end-time">End time</label>
<eg-datetime-select
formControlName="endTime"
</div>
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n for="create-pickup-library">Reservation location</label>
<eg-org-select domId="create-pickup-library" [applyDefault]="true"
[disableOrgs]="disableOrgs()" [hideOrgs]="disableOrgs()"
<span i18n>Reservation location is in the {{timezone}} timezone</span>
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n for="create-resource">Resource</label>
<input *ngIf="targetResource && targetResourceBarcode" id="create-resource" value="{{targetResourceBarcode}}" disabled>
<eg-combobox
</eg-combobox>
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n for="create-email-notify">Notify by email?</label>
<input type="checkbox" formControlName="emailNotify">
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
i18n for="create-note">Note</label>
<input type="text" id="create-note"
class="form-control col-lg-7" formControlName="note">
<div class="d-flex justify-content-end">
<div class="pe-1">
- <div class="float-right">
+ <div class="float-end">
<!-- note basket view link does not propagate search params -->
<a routerLink="/staff/catalog/search" [queryParams]="{showBasket: true}"
class="label-with-material-icon">
</div>
</div>
<div class="col-lg-4">
- <div *ngIf="nextEntry" class="float-right">
+ <div *ngIf="nextEntry" class="float-end">
<div class="d-flex">
<div class="flex-1 pt-1">
<span>{{nextEntry.value}}</span>
'text-dark bg-warning' : copyCount.count === 0 && (copyCount.transcendant === 0 || !copyCount.transcendant),
'bg-info' : copyCount.count === 0
}">
- <div class="float-left text-left w-50">
+ <div class="float-start text-left w-50">
<span class="pe-1">
{{copyCount.available}} / {{copyCount.count}} items
</span>
</div>
- <div class="float-left w-50">
+ <div class="float-start w-50">
@ {{orgName(copyCount.org_unit)}}
</div>
</div>
<div class="col-lg-2">
<div class="row">
<div class="col-lg-12">
- <div class="float-right small-text-1">
+ <div class="float-end small-text-1">
Created {{summary.record.create_date() | date:'shortDate'}} by
<!-- creator if fleshed after the initial data set is loaded -->
<a *ngIf="summary.record.creator().usrname" target="_self"
</div>
<div class="row pt-2">
<div class="col-lg-12">
- <div class="float-right small-text-1" i18n>
+ <div class="float-end small-text-1" i18n>
Edited {{summary.record.edit_date() | date:'shortDate'}} by
<a *ngIf="summary.record.editor().usrname" target="_self"
href="/eg/staff/circ/patron/{{summary.record.editor().id()}}/checkout">
</div>
<div class="row pt-2">
<div class="col-lg-12">
- <div class="float-right">
+ <div class="float-end">
<ng-container *ngIf="summary.record.deleted() === 't'">
<span class="text-danger" i18n>(Deleted)</span>
</ng-container>
</eg-catalog-result-record>
</div>
</div>
- <div class="float-right">
+ <div class="float-end">
<eg-catalog-result-pagination></eg-catalog-result-pagination>
</div>
<div class="col-lg-12">
<div class="card">
<div class="card-body">
- <div class="float-right d-flex">
+ <div class="float-end d-flex">
<eg-org-select
(onChange)="orgOnChange($event)"
[initialOrg]="context.searchOrg"
<div class="alert alert-danger p-1 text-dark">
<span *ngIf="backdate"
- class="me-3 pe-3 border-right border-info label-with-material-icon">
+ class="me-3 pe-3 border-end border-info label-with-material-icon">
<span class="material-icons">history</span>
<span class="ps-2" i18n>Backdated Check In {{backdate | date:'shortDate'}}</span>
</span>
<span *ngIf="backdate && backdateUntilLogout"
- class="me-3 pe-3 border-right border-info label-with-material-icon">
+ class="me-3 pe-3 border-end border-info label-with-material-icon">
<span class="material-icons">timeline</span>
<span class="ps-2" i18n>Use Effective Date Until Logout</span>
</span>
<span *ngIf="modifiers.no_precat_alert"
- class="me-3 pe-3 border-right border-info label-with-material-icon">
+ class="me-3 pe-3 border-end border-info label-with-material-icon">
<span class="material-icons">edit</span>
<span class="ps-2" i18n>Ignore Pre-Cataloged Items</span>
</span>
<span *ngIf="modifiers.noop"
- class="me-3 pe-3 border-right border-info label-with-material-icon">
+ class="me-3 pe-3 border-end border-info label-with-material-icon">
<span class="material-icons">block</span>
<span class="ps-2" i18n>Suppress Holds and Transits</span>
</span>
<span *ngIf="modifiers.void_overdues"
- class="me-3 pe-3 border-right border-info label-with-material-icon">
+ class="me-3 pe-3 border-end border-info label-with-material-icon">
<span class="material-icons">monetization_on</span>
<span class="ps-2" i18n>Amnesty Mode</span>
</span>
<span *ngIf="modifiers.auto_print_holds_transits"
- class="me-3 pe-3 border-right border-info label-with-material-icon">
+ class="me-3 pe-3 border-end border-info label-with-material-icon">
<span class="material-icons">print</span>
<span class="ps-2" i18n>Auto-Print Hold and Transit Slips</span>
</span>
- <span class="me-3 pe-3 border-right border-info"
+ <span class="me-3 pe-3 border-end border-info"
*ngIf="modifiers.clear_expired" i18n>Clear Holds Shelf</span>
<ng-container *ngIf="modifiers.retarget_holds">
- <span class="me-3 pe-3 border-right border-info"
+ <span class="me-3 pe-3 border-end border-info"
*ngIf="modifiers.retarget_holds_all" i18n>Always Retarget Local Holds</span>
- <span class="me-3 pe-3 border-right border-info"
+ <span class="me-3 pe-3 border-end border-info"
*ngIf="!modifiers.retarget_holds_all" i18n>Retarget Local Holds</span>
</ng-container>
<span *ngIf="modifiers.hold_as_transit"
- class="me-3 pe-3 border-right border-info label-with-material-icon">
+ class="me-3 pe-3 border-end border-info label-with-material-icon">
<span class="material-icons">directions_transit</span>
<span class="ps-2" i18n>Capture Local Holds As Transits</span>
</span>
- <span class="me-3 pe-3 border-right border-info"
+ <span class="me-3 pe-3 border-end border-info"
*ngIf="modifiers.manual_float" i18n>Manual Floating Active</span>
- <span class="me-3 pe-3 border-right border-info"
+ <span class="me-3 pe-3 border-end border-info"
*ngIf="modifiers.do_inventory_update" i18n>Update Inventory</span>
</div>
</div>
<ng-container *ngIf="summary">
<div class="row border-bottom border-secondary pb-2 pt-2 mb-4">
- <div class="col-lg-3 pe-0 me-0 border-right">
+ <div class="col-lg-3 pe-0 me-0 border-end">
<div class="d-flex pt-1 pb-1 striped">
<div class="flex-4" i18n>Total Owed:</div>
<div class="flex-1"
</div>
</div>
- <div class="col-lg-3 pe-0 me-0 border-right">
+ <div class="col-lg-3 pe-0 me-0 border-end">
<div class="d-flex pt-1 pb-1 striped">
<div class="flex-4" i18n>Owed for Selected:</div>
<div class="flex-1">{{owedSelected() | currency}}</div>
</div>
</div>
- <div class="col-lg-3 pe-0 me-0 border-right">
+ <div class="col-lg-3 pe-0 me-0 border-end">
<div class="d-flex pt-1 pb-1 striped">
<div class="flex-4" i18n>Refunds Available:</div>
<div class="flex-1">{{refundsAvailable() | currency}}</div>
<ng-template #default>{{count.key}}</ng-template>
</ng-container>
</div>
- <div class="ps-1 border-left" i18n>
+ <div class="ps-1 border-start" i18n>
{count.value, plural, =1 {1 copy} other {{{count.value}} copies}}
</div>
</ng-container>
</div>
</ng-container>
- <div class="pe-3 me-3 border-right">
+ <div class="pe-3 me-3 border-end">
<button class="btn btn-success" (click)="saveRecord()"
[disabled]="record && (record.deleted || record.id === -1)" i18n>Save Changes</button>
</div>
<!-- SUBFIELD DECORATOR/DELIMITER -->
<eg-marc-editable-content fieldText="‡" i18n-fieldText
- moreClasses="sf-delimiter border-right-0 bg-transparent p-1 pe-0">
+ moreClasses="sf-delimiter border-end-0 bg-transparent p-1 pe-0">
</eg-marc-editable-content>
<!-- SUBFIELD CHARACTER -->
<eg-marc-editable-content
[context]="context" [field]="field" fieldType="sfc"
[subfield]="subfield" ariaLabel="Subfield Code" i18n-ariaLabel
- moreClasses="sf-code border-left-0 p-1 ps-0">
+ moreClasses="sf-code border-start-0 p-1 ps-0">
</eg-marc-editable-content>
<!-- SUBFIELD VALUE -->
<form class="form-validated">
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold" for="username" i18n>Username</label>
+ <label class="col-lg-4 text-end fw-bold" for="username" i18n>Username</label>
<input
type="text"
class="form-control col-lg-7"
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
for="password" i18n>Password</label>
<input
type="password"
</div>
<div class="form-group row">
- <label class="col-lg-4 text-right fw-bold"
+ <label class="col-lg-4 text-end fw-bold"
for="loginType" i18n>Login Type</label>
<select
class="form-control col-lg-7"
th {
text-align: left; font-weight: bold;
border-bottom: 1px #000 solid;
- border-right: 1px #000 solid;
+ border-end: 1px #000 solid;
padding: 0.5em;
}
</style>