i18n: Adding new languages: Part 1 (#1882)
Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
This commit is contained in:
José Alberto Hernández
co-authored by
Jose Alberto Hernandez
Jose Alberto Hernandez
parent
c7fe21e74a
commit
408f004450
@@ -6,29 +6,29 @@
|
||||
|
||||
<mat-expansion-panel-header>
|
||||
<mat-panel-title>
|
||||
{{ 'labels.inputs.Main Configuration' | translate }}
|
||||
{{'labels.inputs.Main Configuration' | translate}}
|
||||
</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
|
||||
<div fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Name of the Organization' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Name of the Organization' | translate}}</mat-label>
|
||||
<input matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Description' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Description' | translate}}</mat-label>
|
||||
<textarea matInput></textarea>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Summary' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Summary' | translate}}</mat-label>
|
||||
<textarea matInput></textarea>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Default Language' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Default Language' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let language of languages" [value]="language">
|
||||
{{ language }}
|
||||
@@ -37,7 +37,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Default Date Format' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Default Date Format' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let dateFormat of dateFormats" [value]="dateFormat">
|
||||
{{ dateFormat }}
|
||||
@@ -53,22 +53,22 @@
|
||||
|
||||
<mat-expansion-panel-header>
|
||||
<mat-panel-title>
|
||||
{{ 'labels.inputs.Images' | translate }}
|
||||
{{'labels.inputs.Images' | translate}}
|
||||
</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
|
||||
<div fxLayout="column">
|
||||
|
||||
<span class="header">{{ 'labels.inputs.Favicon' | translate }}</span>
|
||||
<span class="header">{{'labels.inputs.Favicon' | translate}}</span>
|
||||
<mifosx-file-upload></mifosx-file-upload>
|
||||
|
||||
<span class="header">{{ 'labels.inputs.Cover Image' | translate }}</span>
|
||||
<span class="header">{{'labels.inputs.Cover Image' | translate}}</span>
|
||||
<mifosx-file-upload></mifosx-file-upload>
|
||||
|
||||
<span class="header">{{ 'labels.inputs.Logo' | translate }}</span>
|
||||
<span class="header">{{'labels.inputs.Logo' | translate}}</span>
|
||||
<mifosx-file-upload></mifosx-file-upload>
|
||||
|
||||
<span class="header">{{ 'labels.inputs.Logo with Organization Name' | translate }}</span>
|
||||
<span class="header">{{'labels.inputs.Logo with Organization Name' | translate}}</span>
|
||||
<mifosx-file-upload></mifosx-file-upload>
|
||||
|
||||
</div>
|
||||
@@ -79,15 +79,15 @@
|
||||
|
||||
<mat-expansion-panel-header>
|
||||
<mat-panel-title>
|
||||
{{ 'labels.inputs.Theme and Font' | translate }}
|
||||
{{'labels.inputs.Theme and Font' | translate}}
|
||||
</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
|
||||
<div fxLayout="column">
|
||||
|
||||
<span class="header">{{ 'labels.inputs.Mobile Banking App' | translate }}</span>
|
||||
<span class="header">{{'labels.inputs.Mobile Banking App' | translate}}</span>
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Default Theme' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Default Theme' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let theme of mobileAppThemes" [value]="theme">
|
||||
{{ theme }}
|
||||
@@ -96,7 +96,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Default Font' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Default Font' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let font of mobileAppFonts" [value]="font">
|
||||
{{ font }}
|
||||
@@ -104,9 +104,9 @@
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
|
||||
<span class="header">{{ 'labels.inputs.Online Banking App' | translate }}</span>
|
||||
<span class="header">{{'labels.inputs.Online Banking App' | translate}}</span>
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Default Theme' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Default Theme' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let theme of onlineBankingAppThemes" [value]="theme">
|
||||
{{ theme }}
|
||||
@@ -115,7 +115,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Default Font' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Default Font' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let font of onlineBankingAppFonts" [value]="font">
|
||||
{{ font }}
|
||||
@@ -131,24 +131,24 @@
|
||||
|
||||
<mat-expansion-panel-header>
|
||||
<mat-panel-title>
|
||||
{{ 'labels.inputs.Contact Information' | translate }}
|
||||
{{'labels.inputs.Contact Information' | translate}}
|
||||
</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
|
||||
<div fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Website' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Website' | translate}}</mat-label>
|
||||
<input type="url" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Email' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Email' | translate}}</mat-label>
|
||||
<input type="email" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Contact No' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Contact No' | translate}}</mat-label>
|
||||
<input type="tel" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
|
||||
@@ -5,9 +5,6 @@ import { Routes, RouterModule } from '@angular/router';
|
||||
/** Routing Imports */
|
||||
import { Route } from '../core/route/route.service';
|
||||
|
||||
/** Translation Imports */
|
||||
import { extract } from '../core/i18n/i18n.service';
|
||||
|
||||
/** Custom Components */
|
||||
import { SelfServiceComponent } from './self-service.component';
|
||||
import { UsersComponent } from './users/users.component';
|
||||
@@ -28,11 +25,11 @@ const routes: Routes = [
|
||||
{
|
||||
path: 'self-service',
|
||||
component: SelfServiceComponent,
|
||||
data: { title: extract('Self Service'), breadcrumb: 'Self Service', addBreadcrumbLink: false },
|
||||
data: { title: 'Self Service', breadcrumb: 'Self Service', addBreadcrumbLink: false },
|
||||
children: [
|
||||
{
|
||||
path: 'users',
|
||||
data: { title: extract('Self Service Users'), breadcrumb: 'Users' },
|
||||
data: { title: 'Self Service Users', breadcrumb: 'Users' },
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
@@ -44,14 +41,14 @@ const routes: Routes = [
|
||||
{
|
||||
path: 'create',
|
||||
component: CreateUserComponent,
|
||||
data: { title: extract('Create Self Service User'), breadcrumb: 'Create' },
|
||||
data: { title: 'Create Self Service User', breadcrumb: 'Create' },
|
||||
resolve: {
|
||||
offices: OfficesResolver
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'view/:id',
|
||||
data: { title: extract('View Self Service User'), routeResolveBreadcrumb: ['user', 'username'] },
|
||||
data: { title: 'View Self Service User', routeResolveBreadcrumb: ['user', 'username'] },
|
||||
resolve: {
|
||||
user: ViewUserResolver
|
||||
},
|
||||
@@ -63,7 +60,7 @@ const routes: Routes = [
|
||||
{
|
||||
path: 'edit',
|
||||
component: EditUserComponent,
|
||||
data: { title: extract('Edit Self Service User'), breadcrumb: 'Edit', routeResolveBreadcrumb: false }
|
||||
data: { title: 'Edit Self Service User', breadcrumb: 'Edit', routeResolveBreadcrumb: false }
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -72,12 +69,12 @@ const routes: Routes = [
|
||||
{
|
||||
path: 'app-configuration',
|
||||
component: AppConfigurationComponent,
|
||||
data: { title: extract('Self Service App Configuration'), breadcrumb: 'App Configuration' }
|
||||
data: { title: 'Self Service App Configuration', breadcrumb: 'App Configuration' }
|
||||
},
|
||||
{
|
||||
path: 'task-management',
|
||||
component: TaskManagementComponent,
|
||||
data: { title: extract('Self Service Task Management'), breadcrumb: 'Task Management' }
|
||||
data: { title: 'Self Service Task Management', breadcrumb: 'Task Management' }
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class="container">
|
||||
|
||||
<p>
|
||||
{{ 'labels.inputs.TODO' | translate }}: {{ 'labels.inputs.task-management component' | translate }}.
|
||||
{{'labels.inputs.TODO' | translate}}: {{'labels.inputs.task-management component' | translate}}.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -19,19 +19,19 @@
|
||||
<div fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Office' | translate}}</mat-label>
|
||||
<mat-select required formControlName="officeId">
|
||||
<mat-option *ngFor="let office of offices" [value]="office.id">
|
||||
{{ office.name }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createUserForm.controls.officeId.hasError('required')">
|
||||
{{ 'labels.inputs.Office' | translate }} {{ 'labels.commons.is' | translate }} <strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
{{'labels.inputs.Office' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Staff' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Staff' | translate}}</mat-label>
|
||||
<mat-select formControlName="staffId">
|
||||
<mat-option *ngFor="let staff of staffOptions" [value]="staff.id">
|
||||
{{ staff.displayName }}
|
||||
@@ -40,7 +40,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Client' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Client' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let client of clientData" [value]="client">
|
||||
{{ client }}
|
||||
@@ -53,10 +53,10 @@
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate }}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate}}</button>
|
||||
<button mat-raised-button color="accent">
|
||||
<fa-icon icon="lock-open" class="m-r-10"></fa-icon>
|
||||
{{'labels.buttons.Activate Self Service User' | translate }}
|
||||
{{'labels.buttons.Activate Self Service User' | translate}}
|
||||
</button>
|
||||
</mat-card-actions>
|
||||
|
||||
@@ -73,19 +73,19 @@
|
||||
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Office' | translate}}</mat-label>
|
||||
<mat-select required formControlName="officeId">
|
||||
<mat-option *ngFor="let office of offices" [value]="office.id">
|
||||
{{ office.name }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createUserForm.controls.officeId.hasError('required')">
|
||||
{{ 'labels.inputs.Office' | translate }} {{ 'labels.commons.is' | translate }} <strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
{{'labels.inputs.Office' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Staff' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Staff' | translate}}</mat-label>
|
||||
<mat-select formControlName="staffId">
|
||||
<mat-option *ngFor="let staff of staffOptions" [value]="staff.id">
|
||||
{{ staff.displayName }}
|
||||
@@ -94,24 +94,24 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.User Name' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.User Name' | translate}}</mat-label>
|
||||
<input type="text" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<span fxFlex="48%" fxHide.lt-md></span>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.First Name' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.First Name' | translate}}</mat-label>
|
||||
<input type="text" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Last Name' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Last Name' | translate}}</mat-label>
|
||||
<input type="text" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Gender' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Gender' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let gender of genderData" [value]="gender">
|
||||
{{ gender }}
|
||||
@@ -120,19 +120,19 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="dateOfBirthDatePicker.open()">
|
||||
<mat-label>{{ 'labels.inputs.Date of Birth' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Date of Birth' | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="dateOfBirthDatePicker">
|
||||
<mat-datepicker-toggle matSuffix [for]="dateOfBirthDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #dateOfBirthDatePicker></mat-datepicker>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Email' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Email' | translate}}</mat-label>
|
||||
<input type="email" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Mobile No' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Mobile No' | translate}}</mat-label>
|
||||
<input type="tel" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
@@ -141,8 +141,8 @@
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate }}</button>
|
||||
<button mat-raised-button color="primary">{{'labels.buttons.Submit' | translate }}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate}}</button>
|
||||
<button mat-raised-button color="primary">{{'labels.buttons.Submit' | translate}}</button>
|
||||
</mat-card-actions>
|
||||
|
||||
</form>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Office' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let office of officeData" [value]="office">
|
||||
{{ office }}
|
||||
@@ -18,7 +18,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Staff' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Staff' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let staff of staffData" [value]="staff">
|
||||
{{ staff }}
|
||||
@@ -27,24 +27,24 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.User Name' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.User Name' | translate}}</mat-label>
|
||||
<input type="text" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<span fxFlex="48%" fxHide.lt-md></span>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.First Name' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.First Name' | translate}}</mat-label>
|
||||
<input type="text" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Last Name' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Last Name' | translate}}</mat-label>
|
||||
<input type="text" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Gender' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Gender' | translate}}</mat-label>
|
||||
<mat-select>
|
||||
<mat-option *ngFor="let gender of genderData" [value]="gender">
|
||||
{{ gender }}
|
||||
@@ -53,19 +53,19 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="dateOfBirthDatePicker.open()">
|
||||
<mat-label>{{ 'labels.inputs.Date of Birth' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Date of Birth' | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="dateOfBirthDatePicker">
|
||||
<mat-datepicker-toggle matSuffix [for]="dateOfBirthDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #dateOfBirthDatePicker></mat-datepicker>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Email' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Email' | translate}}</mat-label>
|
||||
<input type="email" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ 'labels.inputs.Mobile No' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Mobile No' | translate}}</mat-label>
|
||||
<input type="tel" matInput>
|
||||
</mat-form-field>
|
||||
|
||||
@@ -74,8 +74,8 @@
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate }}</button>
|
||||
<button mat-raised-button color="primary">{{'labels.buttons.Submit' | translate }}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate}}</button>
|
||||
<button mat-raised-button color="primary">{{'labels.buttons.Submit' | translate}}</button>
|
||||
</mat-card-actions>
|
||||
|
||||
</form>
|
||||
|
||||
@@ -2,15 +2,15 @@
|
||||
<!-- TODO: Update to show only Activate/Inactivate button at a time according to selection in table. -->
|
||||
<button mat-raised-button color="accent">
|
||||
<fa-icon icon="lock-open" class="m-r-10"></fa-icon>
|
||||
{{'labels.buttons.Activate' | translate }}
|
||||
{{'labels.buttons.Activate' | translate}}
|
||||
</button>
|
||||
<button mat-raised-button color="warn">
|
||||
<fa-icon icon="lock" class="m-r-10"></fa-icon>
|
||||
{{'labels.buttons.Deactivate' | translate }}
|
||||
{{'labels.buttons.Deactivate' | translate}}
|
||||
</button>
|
||||
<button mat-raised-button color="primary" [routerLink]="['create']">
|
||||
<fa-icon icon="plus" class="m-r-10"></fa-icon>
|
||||
{{'labels.buttons.Create User' | translate }}
|
||||
{{'labels.buttons.Create User' | translate}}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
|
||||
<div fxLayout="row">
|
||||
<mat-form-field fxFlex>
|
||||
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
|
||||
<mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
|
||||
<input matInput type="text" (keyup)="applyFilter($event.target.value)">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
@@ -43,22 +43,22 @@
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="name">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.name' | translate }} </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.name' | translate}} </th>
|
||||
<td mat-cell *matCellDef="let user"> {{ user.name }} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.User ID' | translate }} </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.User ID' | translate}} </th>
|
||||
<td mat-cell *matCellDef="let user"> {{ user.id }} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="email">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Email ID' | translate }} </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Email ID' | translate}} </th>
|
||||
<td mat-cell *matCellDef="let user"> {{ user.email }} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="status">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header="isSelfServiceUser"> {{ 'labels.inputs.Status' | translate }} </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header="isSelfServiceUser"> {{'labels.inputs.Status' | translate}} </th>
|
||||
<td mat-cell *matCellDef="let user">
|
||||
<div [className]="user.isSelfServiceUser === true ? 'active' : 'inactive'">
|
||||
<fa-icon matTooltip="{{ user.isSelfServiceUser === true ? 'Active' : 'Inactive' }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
|
||||
@@ -67,12 +67,12 @@
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="officeName">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Office' | translate }} </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Office' | translate}} </th>
|
||||
<td mat-cell *matCellDef="let user"> {{ user.officeName }} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="staff">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Staff' | translate }} </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Staff' | translate}} </th>
|
||||
<td mat-cell *matCellDef="let user"> {{ user.staff }} </td>
|
||||
</ng-container>
|
||||
|
||||
|
||||
@@ -2,19 +2,19 @@
|
||||
<!-- TODO: Update to show only Activate/Inactivate button at a time according to status of user. -->
|
||||
<button mat-raised-button color="primary" [routerLink]="['edit']">
|
||||
<fa-icon icon="edit" class="m-r-10"></fa-icon>
|
||||
{{'labels.buttons.Edit' | translate }}
|
||||
{{'labels.buttons.Edit' | translate}}
|
||||
</button>
|
||||
<button mat-raised-button color="primary" (click)="changeUserPassword()">
|
||||
<fa-icon icon="cog" class="m-r-10"></fa-icon>
|
||||
{{'labels.buttons.Change Password' | translate }}
|
||||
{{'labels.buttons.Change Password' | translate}}
|
||||
</button>
|
||||
<button mat-raised-button color="accent">
|
||||
<fa-icon icon="lock-open" class="m-r-10"></fa-icon>
|
||||
{{'labels.buttons.Activate' | translate }}
|
||||
{{'labels.buttons.Activate' | translate}}
|
||||
</button>
|
||||
<button mat-raised-button color="warn">
|
||||
<fa-icon icon="lock" class="m-r-10"></fa-icon>
|
||||
{{'labels.buttons.Deactivate' | translate }}
|
||||
{{'labels.buttons.Deactivate' | translate}}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -29,11 +29,11 @@
|
||||
<div fxFlex="100%" class="header">
|
||||
<fa-icon icon="circle" size="lg" matTooltip="{{ user.status }}" matTooltipPosition="above"></fa-icon>
|
||||
|
||||
{{ 'labels.inputs.ID' | translate }}: {{ user.id }}
|
||||
{{'labels.inputs.ID' | translate}}: {{ user.id }}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.User Name' | translate }}
|
||||
{{'labels.inputs.User Name' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -41,7 +41,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.First Name' | translate }}
|
||||
{{'labels.inputs.First Name' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -49,7 +49,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.Last Name' | translate }}
|
||||
{{'labels.inputs.Last Name' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -57,7 +57,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.Gender' | translate }}
|
||||
{{'labels.inputs.Gender' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -65,7 +65,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.Date of Birth' | translate }}
|
||||
{{'labels.inputs.Date of Birth' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -73,7 +73,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.Email' | translate }}
|
||||
{{'labels.inputs.Email' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -81,7 +81,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.Mobile' | translate }}
|
||||
{{'labels.inputs.Mobile' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -89,7 +89,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.Office' | translate }}
|
||||
{{'labels.inputs.Office' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -97,7 +97,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.Staff' | translate }}
|
||||
{{'labels.inputs.Staff' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -105,7 +105,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%" class="header">
|
||||
{{ 'labels.inputs.Activation Date' | translate }}
|
||||
{{'labels.inputs.Activation Date' | translate}}
|
||||
</div>
|
||||
|
||||
<div fxFlex="50%">
|
||||
@@ -117,7 +117,7 @@
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" color="primary" mat-raised-button [routerLink]="['../../']">{{'labels.buttons.Back' | translate }}</button>
|
||||
<button type="button" color="primary" mat-raised-button [routerLink]="['../../']">{{'labels.buttons.Back' | translate}}</button>
|
||||
</mat-card-actions>
|
||||
</mat-card>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user