See previous commit. I missed a sub-dir.
Signed-off-by: Bill Erickson <berickxx@gmail.com>
</div>
<div class="modal-body common-form striped-odd">
<div class="row" *ngFor="let value of values">
- <div class="col-lg-4 font-weight-bold border-right">{{value.label}}</div>
+ <div class="col-lg-4 fw-bold border-right">{{value.label}}</div>
<div class="col-lg-8">
<a href="javascript:;" (click)="copyValue(value.value)">{{value.value}}</a>
</div>
class="form-control"
[id]="domId"
[ngClass]="{
- 'text-success font-italic font-weight-bold': selected && selected.freetext,
+ 'text-success font-italic fw-bold': selected && selected.freetext,
'form-control-sm': smallFormControl
}"
[placeholder]="placeholder"
<ng-template #actionsTemplate>
<div class="pt-2">
<button class="btn btn-sm btn-outline-dark" (click)="applyFilterCommon(col)" i18n>Apply filter</button>
- <span class="pl-2"></span>
+ <span class="ps-2"></span>
<button class="btn btn-sm btn-outline-dark" (click)="clearFilter(col)" i18n>Clear filter</button>
- <span class="pl-2"></span>
+ <span class="ps-2"></span>
<button class="btn btn-sm btn-outline-dark" (click)="closeDropdown()" i18n>Close</button>
</div>
</ng-template>
</div>
<div class="row pt-1" *ngFor="let action of gridContext.toolbarActions">
<ng-container *ngIf="action.isGroup">
- <div class="col-lg-12 font-weight-bold font-italic">{{action.label}}</div>
+ <div class="col-lg-12 fw-bold font-italic">{{action.label}}</div>
</ng-container>
<ng-container *ngIf="action.isSeparator">
<div class="col-lg-12 dropdown-divider"></div>
</ng-container>
<ng-container *ngIf="!action.isGroup && !action.isSeparator">
<div class="col-lg-9">
- <div [ngClass]="{'pl-2': action.group}"
+ <div [ngClass]="{'ps-2': action.group}"
(click)="showHideClicked(action)">{{action.label}}</div>
</div>
<div class="col-lg-3" (click)="showHideClicked(action)">
[disabled]="shouldDisable(action)"
(click)="performAction(action)" tabindex="0">
<ng-container *ngIf="action.isGroup">
- <span class="font-weight-bold font-italic">{{action.label}}</span>
+ <span class="fw-bold font-italic">{{action.label}}</span>
</ng-container>
<ng-container *ngIf="action.isSeparator">
<div class="dropdown-divider"></div>
<div class="eg-grid-toolbar mb-2">
<div class="btn-toolbar">
- <span class="font-weight-bold mr-2" *ngIf="gridContext.toolbarLabel">
+ <span class="fw-bold me-2" *ngIf="gridContext.toolbarLabel">
{{gridContext.toolbarLabel}}
</span>
<div class="btn-grp" *ngIf="gridContext.toolbarButtons.length || gridContext.isFilterable">
<!-- special case for remove filters button -->
<button *ngIf="gridContext.isFilterable"
- class="btn btn-outline-dark mr-1" (click)="gridContext.removeFilters()"
+ class="btn btn-outline-dark me-1" (click)="gridContext.removeFilters()"
[disabled]="!gridContext.filtersSet() || gridContext.dataSource.requestingData" i18n>
Remove Filters
</button>
<button *ngFor="let btn of gridContext.toolbarButtons"
[disabled]="btn.disabled"
- class="btn btn-outline-dark mr-1" (click)="performButtonAction(btn)">
+ class="btn btn-outline-dark me-1" (click)="performButtonAction(btn)">
{{btn.label}}
</button>
</div>
<ng-container *ngIf="!gridContext.disableSelect">
- <div class="font-sm font-italic d-flex flex-column-reverse mr-2">
+ <div class="font-sm font-italic d-flex flex-column-reverse me-2">
{{gridContext.getSelectedRows().length}} selected
</div>
- <div ngbDropdown class="mr-1" placement="bottom-right">
+ <div ngbDropdown class="me-1" placement="bottom-right">
<button ngbDropdownToggle [disabled]="!gridContext.toolbarActions.length"
class="btn btn-outline-dark no-dropdown-caret">
<span title="Actions For Selected Rows" i18n-title
<ng-container *ngIf="!gridContext.disablePaging">
<button [disabled]="gridContext.pager.isFirstPage()" type="button"
- class="btn btn-outline-dark mr-1" (click)="gridContext.pager.toFirst()">
+ class="btn btn-outline-dark me-1" (click)="gridContext.pager.toFirst()">
<span title="First Page" i18n-title
class="material-icons mat-icon-in-button">first_page</span>
</button>
<button [disabled]="gridContext.pager.isFirstPage()" type="button"
- class="btn btn-outline-dark mr-1" (click)="gridContext.pager.decrement()">
+ class="btn btn-outline-dark me-1" (click)="gridContext.pager.decrement()">
<span title="Previous Page" i18n-title
class="material-icons mat-icon-in-button">keyboard_arrow_left</span>
</button>
<button [disabled]="gridContext.pager.isLastPage()" type="button"
- class="btn btn-outline-dark mr-1" (click)="gridContext.pager.increment()">
+ class="btn btn-outline-dark me-1" (click)="gridContext.pager.increment()">
<span title="Next Page" i18n-title
class="material-icons mat-icon-in-button">keyboard_arrow_right</span>
</button>
- <div ngbDropdown class="mr-1" placement="bottom-right">
+ <div ngbDropdown class="me-1" placement="bottom-right">
<button ngbDropdownToggle class="btn btn-outline-dark text-button">
<span title="Select Row Count" i18n-title i18n>
Rows {{gridContext.pager.limit}}
<button type="button"
- class="btn btn-outline-dark mr-1"
+ class="btn btn-outline-dark me-1"
(click)="gridContext.overflowCells=!gridContext.overflowCells">
<span *ngIf="!gridContext.overflowCells"
title="Expand Cells Vertically" i18n-title
</div>
</ng-container>
<ng-container *ngIf="!dataSource.requestingData">
- <div class="col-lg-12 text-center alert alert-danger font-italic font-weight-bold" *ngIf="dataSource.retrievalError">
+ <div class="col-lg-12 text-center alert alert-danger font-italic fw-bold" *ngIf="dataSource.retrievalError">
<span i18n>Error Retrieving Results</span>
</div>
- <div class="col-lg-12 text-center alert font-italic font-weight-bold" *ngIf="!dataSource.retrievalError">
+ <div class="col-lg-12 text-center alert font-italic fw-bold" *ngIf="!dataSource.retrievalError">
<span i18n>Nothing to Display</span>
</div>
</ng-container>
</div>
<div class="modal-body form-common form-validated" *ngIf="idlObj">
<div class="form-group row">
- <label class="col-lg-4 text-right font-weight-bold"
+ <label class="col-lg-4 text-right 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 font-weight-bold"
+ <label class="col-lg-4 text-right 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 font-weight-bold"
+ <label class="col-lg-4 text-right 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 font-weight-bold" i18n>Translation</label>
+ <label class="col-lg-4 text-right fw-bold" i18n>Translation</label>
<input
id='translation-input'
type="text"
<button *ngIf="prevString" (click)="prevString()"
class="btn btn-info" i18n>Prev String</button>
<button *ngIf="nextString" (click)="nextString()"
- class="btn btn-info mr-3" i18n>Next String</button>
+ class="btn btn-info me-3" i18n>Next String</button>
<button (click)="translate()" class="btn btn-info" i18n>Apply</button>
<button (click)="close()" class="btn btn-warning ml-2" i18n>Cancel</button>
</div>