CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

build: Use prettier for html

Browse Source 
Stop ignoring html files in prettier and fix existing issues.
This commit is contained in:
Ralph Hopman
2024-12-19 09:36:50 +01:00
committed by Adam Saghy
parent c5fc3925fb
commit 2ec9ba81d6
651 changed files with 28935 additions and 20624 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/system/manage-hooks/add-event-dialog/add-event-dialog.component.html
+12 -14
View File
@@ -1,20 +1,18 @@
<h1 mat-dialog-title>{{"labels.buttons.Add Event" | translate}}</h1>
<h1 mat-dialog-title>{{ 'labels.buttons.Add Event' | translate }}</h1>
<mat-dialog-content>
<form [formGroup]="eventForm">
<div fxLayout="column">
<mat-form-field>
<mat-label>{{ 'labels.inputs.Select Grouping' | translate }}</mat-label>
<mat-select required formControlName="grouping">
<mat-option *ngFor="let grouping of data.groupings" [value]="grouping.name">
{{ grouping.name | translateKey:'catalogs' }}
{{ grouping.name | translateKey: 'catalogs' }}
</mat-option>
</mat-select>
<mat-error *ngIf="eventForm.controls.grouping.hasError('required')">
{{ 'labels.inputs.Grouping' | translate }} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Grouping' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
@@ -26,7 +24,8 @@
</mat-option>
</mat-select>
<mat-error *ngIf="eventForm.controls.entity.hasError('required')">
{{ 'labels.inputs.Entity' | translate }} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Entity' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
@@ -38,18 +37,17 @@
</mat-option>
</mat-select>
<mat-error *ngIf="eventForm.controls.action.hasError('required')">
{{'labels.inputs.Action' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Action' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
</div>
</form>
</mat-dialog-content>
<mat-dialog-actions align="end">
<button mat-button mat-dialog-close>{{'labels.buttons.Cancel' | translate}}</button>
<button mat-raised-button color="primary"
[disabled]="!eventForm.valid || eventForm.pristine" (click)="submit()">{{'labels.buttons.Submit' | translate}}</button>
<button mat-button mat-dialog-close>{{ 'labels.buttons.Cancel' | translate }}</button>
<button mat-raised-button color="primary" [disabled]="!eventForm.valid || eventForm.pristine" (click)="submit()">
{{ 'labels.buttons.Submit' | translate }}
</button>
</mat-dialog-actions>
src/app/system/manage-hooks/create-hook/create-hook.component.html
+60 -61
View File
@@ -1,159 +1,158 @@
<div class="container">
<mat-card>
<form [formGroup]="hookForm" (ngSubmit)="submit()">
<mat-card-content>
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="4%">
<mat-form-field fxFlex="40%">
<mat-label>{{"labels.inputs.Hook Template" | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Hook Template' | translate }}</mat-label>
<mat-select required formControlName="name">
<mat-option *ngFor="let hookTemplate of hooksTemplateData.templates" [value]="hookTemplate.name">
{{ hookTemplate.name | translateKey:'text' }}
{{ hookTemplate.name | translateKey: 'text' }}
</mat-option>
</mat-select>
<mat-error *ngIf="hookForm.controls.name.hasError('required')">
{{"labels.inputs.Hook Template" | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Hook Template' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="40%">
<mat-label>{{"labels.inputs.Display Name" | translate}}</mat-label>
<input matInput required formControlName="displayName">
<mat-label>{{ 'labels.inputs.Display Name' | translate }}</mat-label>
<input matInput required formControlName="displayName" />
<mat-error *ngIf="hookForm.controls.displayName.hasError('required')">
{{"labels.inputs.Display Name" | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Display Name' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<div class="is-active-wrapper">
<mat-checkbox class="is-active" fxFlex="10%" labelPosition="before" formControlName="isActive">
{{'labels.inputs.Is Active' | translate}}?
{{ 'labels.inputs.Is Active' | translate }}?
</mat-checkbox>
</div>
</div>
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="4%">
<mat-form-field fxFlex="48%" *ngIf="hookForm.controls.name.value === 'Web'">
<mat-label>{{'labels.inputs.Content Type' | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Content Type' | translate }}</mat-label>
<mat-select required formControlName="contentType">
<mat-option [value]="'json'">
{{'labels.inputs.json' | translate}}
{{ 'labels.inputs.json' | translate }}
</mat-option>
<mat-option [value]="'form'">
{{'labels.inputs.form' | translate}}
{{ 'labels.inputs.form' | translate }}
</mat-option>
</mat-select>
<mat-error *ngIf="hookForm.controls.contentType.hasError('required')">
{{'labels.inputs.Content Type' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Content Type' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="48%" *ngIf="hookForm.controls.name.value === 'SMS Bridge'">
<mat-label>{{'labels.inputs.Phone Number' | translate}}</mat-label>
<input matInput type="tel" #input maxlength="10" required formControlName="phoneNumber">
<mat-hint align="end">{{input.value?.length || 0}}/10</mat-hint>
<mat-label>{{ 'labels.inputs.Phone Number' | translate }}</mat-label>
<input matInput type="tel" #input maxlength="10" required formControlName="phoneNumber" />
<mat-hint align="end">{{ input.value?.length || 0 }}/10</mat-hint>
<mat-error *ngIf="hookForm.controls.phoneNumber.hasError('required')">
{{'labels.inputs.Payload URL' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Payload URL' | 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.Payload URL' | translate}}</mat-label>
<input matInput required formControlName="payloadUrl">
<mat-label>{{ 'labels.inputs.Payload URL' | translate }}</mat-label>
<input matInput required formControlName="payloadUrl" />
<mat-error *ngIf="hookForm.controls.payloadUrl.hasError('required')">
{{'labels.inputs.Payload URL' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Payload URL' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
</div>
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="4%"
*ngIf="hookForm.controls.name.value === 'SMS Bridge'">
<div
fxLayout="row wrap"
fxLayout.lt-md="column"
fxLayoutGap="4%"
*ngIf="hookForm.controls.name.value === 'SMS Bridge'"
>
<mat-form-field fxFlex="30%">
<mat-label>{{'labels.inputs.SMS Provider' | translate}}</mat-label>
<input matInput required formControlName="smsProvider">
<mat-label>{{ 'labels.inputs.SMS Provider' | translate }}</mat-label>
<input matInput required formControlName="smsProvider" />
<mat-error *ngIf="hookForm.controls.smsProvider.hasError('required')">
{{'labels.inputs.SMS Provider' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.SMS Provider' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="30%">
<mat-label>{{'labels.inputs.SMS Provider Account ID' | translate}}</mat-label>
<input matInput required formControlName="smsProviderAccountId">
<mat-label>{{ 'labels.inputs.SMS Provider Account ID' | translate }}</mat-label>
<input matInput required formControlName="smsProviderAccountId" />
<mat-error *ngIf="hookForm.controls.smsProviderAccountId.hasError('required')">
{{'labels.inputs.SMS Provider Account ID' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.SMS Provider Account ID' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="30%">
<mat-label>{{'labels.inputs.SMS Provider Token' | translate}}</mat-label>
<input matInput required formControlName="smsProviderToken">
<mat-label>{{ 'labels.inputs.SMS Provider Token' | translate }}</mat-label>
<input matInput required formControlName="smsProviderToken" />
<mat-error *ngIf="hookForm.controls.smsProviderToken.hasError('required')">
{{'labels.inputs.SMS Provider Token' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.SMS Provider Token' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
</div>
<br>
<br />
<mat-divider [inset]="true"></mat-divider>
<br>
<br />
<div fxLayout="row wrap" fxLayoutGap="60%" fxLayout.lt-md="column">
<p fxFlex="20%" class="mat-title">{{'labels.inputs.Events' | translate}}</p>
<p fxFlex="20%" class="mat-title">{{ 'labels.inputs.Events' | translate }}</p>
<button mat-raised-button fxFlex="20%" type="button" color="primary" (click)="addEvent()">
<fa-icon icon="plus" class="m-r-10"></fa-icon>
{{'labels.buttons.Add' | translate}} {{'labels.inputs.Events' | translate}}
{{ 'labels.buttons.Add' | translate }} {{ 'labels.inputs.Events' | translate }}
</button>
</div>
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="entityName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Entity Name' | translate}} </th>
<td mat-cell *matCellDef="let event"> {{ event.entityName }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Entity Name' | translate }}</th>
<td mat-cell *matCellDef="let event">{{ event.entityName }}</td>
</ng-container>
<ng-container matColumnDef="actionName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Action' | translate }} {{ 'labels.inputs.Name' | translate}} </th>
<td mat-cell *matCellDef="let event"> {{ event.actionName }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>
{{ 'labels.inputs.Action' | translate }} {{ 'labels.inputs.Name' | translate }}
</th>
<td mat-cell *matCellDef="let event">{{ event.actionName }}</td>
</ng-container>
<ng-container matColumnDef="actions">
<th mat-header-cell *matHeaderCellDef> {{ 'labels.inputs.Actions' | translate }} </th>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Actions' | translate }}</th>
<td mat-cell *matCellDef="let i = index" fxLayoutGap="15%">
<button type="button" fxFlex="8%" color="warn" mat-icon-button
(click)="deleteEvent(i)">
<button type="button" fxFlex="8%" color="warn" mat-icon-button (click)="deleteEvent(i)">
<fa-icon icon="trash" size="lg"></fa-icon>
</button>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
</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" [disabled]="!hookForm.valid" *mifosxHasPermission="'CREATE_HOOK'">{{ 'labels.buttons.Submit' | translate}}</button>
<button type="button" mat-raised-button [routerLink]="['../']">
{{ 'labels.buttons.Cancel' | translate }}
</button>
<button mat-raised-button color="primary" [disabled]="!hookForm.valid" *mifosxHasPermission="'CREATE_HOOK'">
{{ 'labels.buttons.Submit' | translate }}
</button>
</mat-card-actions>
</form>
</mat-card>
</div>
src/app/system/manage-hooks/edit-hook/edit-hook.component.html
+63 -61
View File
@@ -1,159 +1,161 @@
<div class="container">
<mat-card>
<form [formGroup]="hookForm" (ngSubmit)="submit()">
<mat-card-content>
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="4%">
<mat-form-field fxFlex="40%">
<mat-label>{{"labels.inputs.Hook Template" | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Hook Template' | translate }}</mat-label>
<mat-select required formControlName="name">
<mat-option *ngFor="let hookTemplate of hooksTemplateData.templates" [value]="hookTemplate.name">
{{ hookTemplate.name | translateKey:'text'}}
{{ hookTemplate.name | translateKey: 'text' }}
</mat-option>
</mat-select>
<mat-error *ngIf="hookForm.controls.name.hasError('required')">
{{"labels.inputs.Hook Template" | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Hook Template' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="40%">
<mat-label>{{"labels.inputs.Display Name" | translate}}</mat-label>
<input matInput required formControlName="displayName">
<mat-label>{{ 'labels.inputs.Display Name' | translate }}</mat-label>
<input matInput required formControlName="displayName" />
<mat-error *ngIf="hookForm.controls.displayName.hasError('required')">
{{"labels.inputs.Display Name" | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Display Name' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<div class="is-active-wrapper">
<mat-checkbox class="is-active" fxFlex="10%" labelPosition="before" formControlName="isActive">
{{'labels.inputs.Is Active' | translate}}?
{{ 'labels.inputs.Is Active' | translate }}?
</mat-checkbox>
</div>
</div>
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="4%">
<mat-form-field fxFlex="48%" *ngIf="hookForm.controls.name.value === 'Web'">
<mat-label>{{'labels.inputs.Content Type' | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Content Type' | translate }}</mat-label>
<mat-select required formControlName="contentType">
<mat-option [value]="'json'">
{{'labels.inputs.json' | translate}}
{{ 'labels.inputs.json' | translate }}
</mat-option>
<mat-option [value]="'form'">
{{'labels.inputs.form' | translate}}
{{ 'labels.inputs.form' | translate }}
</mat-option>
</mat-select>
<mat-error *ngIf="hookForm.controls.contentType.hasError('required')">
{{'labels.inputs.Content Type' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Content Type' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="48%" *ngIf="hookForm.controls.name.value === 'SMS Bridge'">
<mat-label>{{'labels.inputs.Phone Number' | translate}}</mat-label>
<input matInput type="tel" #input maxlength="10" required formControlName="phoneNumber">
<mat-hint align="end">{{input.value?.length || 0}}/10</mat-hint>
<mat-label>{{ 'labels.inputs.Phone Number' | translate }}</mat-label>
<input matInput type="tel" #input maxlength="10" required formControlName="phoneNumber" />
<mat-hint align="end">{{ input.value?.length || 0 }}/10</mat-hint>
<mat-error *ngIf="hookForm.controls.phoneNumber.hasError('required')">
{{'labels.inputs.Payload URL' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Payload URL' | 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.Payload URL' | translate}}</mat-label>
<input matInput required formControlName="payloadUrl">
<mat-label>{{ 'labels.inputs.Payload URL' | translate }}</mat-label>
<input matInput required formControlName="payloadUrl" />
<mat-error *ngIf="hookForm.controls.payloadUrl.hasError('required')">
{{'labels.inputs.Payload URL' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.Payload URL' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
</div>
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="4%"
*ngIf="hookForm.controls.name.value === 'SMS Bridge'">
<div
fxLayout="row wrap"
fxLayout.lt-md="column"
fxLayoutGap="4%"
*ngIf="hookForm.controls.name.value === 'SMS Bridge'"
>
<mat-form-field fxFlex="30%">
<mat-label>{{'labels.inputs.SMS Provider' | translate}}</mat-label>
<input matInput required formControlName="smsProvider">
<mat-label>{{ 'labels.inputs.SMS Provider' | translate }}</mat-label>
<input matInput required formControlName="smsProvider" />
<mat-error *ngIf="hookForm.controls.smsProvider.hasError('required')">
{{'labels.inputs.SMS Provider' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.SMS Provider' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="30%">
<mat-label>{{'labels.inputs.SMS Provider Account ID' | translate}}</mat-label>
<input matInput required formControlName="smsProviderAccountId">
<mat-label>{{ 'labels.inputs.SMS Provider Account ID' | translate }}</mat-label>
<input matInput required formControlName="smsProviderAccountId" />
<mat-error *ngIf="hookForm.controls.smsProviderAccountId.hasError('required')">
{{'labels.inputs.SMS Provider Account ID' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.SMS Provider Account ID' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="30%">
<mat-label>{{'labels.inputs.SMS Provider Token' | translate}}</mat-label>
<input matInput required formControlName="smsProviderToken">
<mat-label>{{ 'labels.inputs.SMS Provider Token' | translate }}</mat-label>
<input matInput required formControlName="smsProviderToken" />
<mat-error *ngIf="hookForm.controls.smsProviderToken.hasError('required')">
{{'labels.inputs.SMS Provider Token' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
{{ 'labels.inputs.SMS Provider Token' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
</div>
<br>
<br />
<mat-divider [inset]="true"></mat-divider>
<br>
<br />
<div fxLayout="row wrap" fxLayoutGap="60%" fxLayout.lt-md="column">
<p fxFlex="20%" class="mat-title">{{'labels.inputs.Events' | translate}}</p>
<p fxFlex="20%" class="mat-title">{{ 'labels.inputs.Events' | translate }}</p>
<button mat-raised-button fxFlex="20%" type="button" color="primary" (click)="addEvent()">
<fa-icon icon="plus" class="m-r-10"></fa-icon>
{{'labels.buttons.Add' | translate}} {{'labels.inputs.Events' | translate}}
{{ 'labels.buttons.Add' | translate }} {{ 'labels.inputs.Events' | translate }}
</button>
</div>
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="entityName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Entity Name' | translate}} </th>
<td mat-cell *matCellDef="let event"> {{ event.entityName }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Entity Name' | translate }}</th>
<td mat-cell *matCellDef="let event">{{ event.entityName }}</td>
</ng-container>
<ng-container matColumnDef="actionName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Action' | translate }} {{ 'labels.inputs.Name' | translate}} </th>
<td mat-cell *matCellDef="let event"> {{ event.actionName }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>
{{ 'labels.inputs.Action' | translate }} {{ 'labels.inputs.Name' | translate }}
</th>
<td mat-cell *matCellDef="let event">{{ event.actionName }}</td>
</ng-container>
<ng-container matColumnDef="actions">
<th mat-header-cell *matHeaderCellDef> {{ 'labels.inputs.Actions' | translate }} </th>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Actions' | translate }}</th>
<td mat-cell *matCellDef="let i = index">
<button type="button" color="warn" mat-icon-button
(click)="deleteEvent(i)">
<button type="button" color="warn" mat-icon-button (click)="deleteEvent(i)">
<fa-icon icon="trash" size="lg"></fa-icon>
</button>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
</mat-card-content>
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
<button type="button" mat-raised-button [routerLink]="['../']">{{ 'labels.inputs.Cancel' | translate}}</button>
<button mat-raised-button color="primary" [disabled]="(!hookForm.valid || hookForm.pristine) && !eventsDataChanged" *mifosxHasPermission="'UPDATE_HOOK'">{{ 'labels.inputs.Submit' | translate}}</button>
<button type="button" mat-raised-button [routerLink]="['../']">{{ 'labels.inputs.Cancel' | translate }}</button>
<button
mat-raised-button
color="primary"
[disabled]="(!hookForm.valid || hookForm.pristine) && !eventsDataChanged"
*mifosxHasPermission="'UPDATE_HOOK'"
>
{{ 'labels.inputs.Submit' | translate }}
</button>
</mat-card-actions>
</form>
</mat-card>
</div>
src/app/system/manage-hooks/manage-hooks.component.html
+17 -16
View File
@@ -1,49 +1,50 @@
<div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
<button mat-raised-button color="primary" [routerLink]="['create']" *mifosxHasPermission="'CREATE_HOOK'">
<fa-icon icon="plus" class="m-r-10"></fa-icon>
{{"labels.buttons.Create Hook" | translate}}
{{ 'labels.buttons.Create Hook' | translate }}
</button>
</div>
<div class="container">
<div fxLayout="row" fxLayoutGap="20px">
<mat-form-field fxFlex>
<mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
</div>
<div class="mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Hook Template" | translate}} </th>
<td mat-cell *matCellDef="let hook"> {{ hook.name | translateKey:'text' }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Hook Template' | translate }}</th>
<td mat-cell *matCellDef="let hook">{{ hook.name | translateKey: 'text' }}</td>
</ng-container>
<ng-container matColumnDef="displayName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Hook Name" | translate}} </th>
<td mat-cell *matCellDef="let hook"> {{ hook.displayName }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Hook Name' | translate }}</th>
<td mat-cell *matCellDef="let hook">{{ hook.displayName }}</td>
</ng-container>
<ng-container matColumnDef="isActive">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Status' | translate }} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Status' | translate }}</th>
<td mat-cell *matCellDef="let hook">
<div [className]="hook.isActive === true ? 'true' : 'false'">
<fa-icon matTooltip="{{ hook.isActive === true ? ( 'labels.inputs.Active' | translate ) : ('labels.catalogs.Inactive' | translate) }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
<fa-icon
matTooltip="{{
hook.isActive === true ? ('labels.inputs.Active' | translate) : ('labels.catalogs.Inactive' | translate)
}}"
matTooltipPosition="right"
icon="circle"
size="lg"
></fa-icon>
</div>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="[row.id]" class="select-row"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns" [routerLink]="[row.id]" class="select-row"></tr>
</table>
<mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
</div>
</div>
src/app/system/manage-hooks/view-hook/view-hook.component.html
+14 -40
View File
@@ -1,84 +1,62 @@
<div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
<button mat-raised-button color="primary" [routerLink]="['edit']" *mifosxHasPermission="'UPDATE_HOOK'">
<fa-icon icon="edit" class="m-r-10"></fa-icon>
{{'labels.buttons.Edit' | translate }}
{{ 'labels.buttons.Edit' | translate }}
</button>
<button mat-raised-button color="warn" (click)="delete()" *mifosxHasPermission="'DELETE_HOOK'">
<fa-icon icon="trash" class="m-r-10"></fa-icon>
{{'labels.buttons.Delete' | translate }}
{{ 'labels.buttons.Delete' | translate }}
</button>
</div>
<div class="container">
<mat-card>
<mat-card-content>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
{{ 'labels.inputs.Hook Name' | translate}}:
</div>
<div fxFlex="50%" class="mat-body-strong">{{ 'labels.inputs.Hook Name' | translate }}:</div>
<div fxFlex="50%">
{{ hookData.displayName }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{ 'labels.inputs.Status' | translate }}:
</div>
<div fxFlex="50%" class="mat-body-strong">{{ 'labels.inputs.Status' | translate }}:</div>
<div fxFlex="50%">
{{ hookData.isActive ? ( 'labels.inputs.Active' | translate ) : ('labels.catalogs.Inactive' | translate) }}
{{ hookData.isActive ? ('labels.inputs.Active' | translate) : ('labels.catalogs.Inactive' | translate) }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Activation Date' | translate}}:
</div>
<div fxFlex="50%" class="mat-body-strong">{{ 'labels.inputs.Activation Date' | translate }}:</div>
<div fxFlex="50%">
{{ hookData.createdAt | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Updated on' | translate}}:
</div>
<div fxFlex="50%" class="mat-body-strong">{{ 'labels.inputs.Updated on' | translate }}:</div>
<div fxFlex="50%">
{{ hookData.updatedAt | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Events' | translate}}:
</div>
<div fxFlex="50%" class="mat-body-strong">{{ 'labels.inputs.Events' | translate }}:</div>
<div fxFlex="50%">
<mat-label *ngFor="let event of hookData.events">
{{ event.actionName + ' - ' + event.entityName }}
<br>
<br />
</mat-label>
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="hookData.name === 'Web'">
{{'labels.inputs.Content Type' | translate}}:
{{ 'labels.inputs.Content Type' | translate }}:
</div>
<div fxFlex="50%" *ngIf="hookData.name === 'Web'">
{{ hookData.config[0].fieldValue }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Payload URL' | translate}}:
</div>
<div fxFlex="50%" class="mat-body-strong">{{ 'labels.inputs.Payload URL' | translate }}:</div>
<div fxFlex="50%" *ngIf="hookData.name === 'Web'">
{{ hookData.config[1].fieldValue }}
@@ -89,7 +67,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="hookData.name === 'SMS Bridge'">
{{'labels.inputs.Phone Number' | translate}}:
{{ 'labels.inputs.Phone Number' | translate }}:
</div>
<div fxFlex="50%" *ngIf="hookData.name === 'SMS Bridge'">
@@ -105,7 +83,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="hookData.name === 'SMS Bridge'">
{{'labels.inputs.SMS Provider Account ID' | translate}}:
{{ 'labels.inputs.SMS Provider Account ID' | translate }}:
</div>
<div fxFlex="50%" *ngIf="hookData.name === 'SMS Bridge'">
@@ -113,17 +91,13 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="hookData.name === 'SMS Bridge'">
{{'labels.inputs.SMS Provider Token' | translate}}:
{{ 'labels.inputs.SMS Provider Token' | translate }}:
</div>
<div fxFlex="50%" *ngIf="hookData.name === 'SMS Bridge'">
{{ hookData.config[4].fieldValue }}
</div>
</div>
</mat-card-content>
</mat-card>
</div>