build: Use prettier for html

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
@@ -1,5 +1,14 @@
<ngx-graph [view]="diagramSize" [links]="links" [nodes]="nodes" [curve]="curve" [layout]="layout"
[nodeHeight]="100" [layoutSettings]="layoutSettings" [enableZoom]="true" [center$]="center$">
<ngx-graph
[view]="diagramSize"
[links]="links"
[nodes]="nodes"
[curve]="curve"
[layout]="layout"
[nodeHeight]="100"
[layoutSettings]="layoutSettings"
[enableZoom]="true"
[center$]="center$"
>
<ng-template #defsTemplate>
<svg:marker id="arrow" viewBox="0 -5 10 10" refX="8" refY="0" markerWidth="4" markerHeight="4" orient="auto">
<svg:path d="M0,-5L10,0L0,5" class="arrow-head" />
@@ -21,17 +30,23 @@
<svg:g class="edge">
<svg:path class="line" stroke-width="2" marker-end="url(#arrow)"></svg:path>
<svg:text class="edge-label" text-anchor="middle">
<textPath class="text-path" [attr.href]="'#' + link.id" [style.dominant-baseline]="link.dominantBaseline"
startOffset="50%">
<textPath
class="text-path"
[attr.href]="'#' + link.id"
[style.dominant-baseline]="link.dominantBaseline"
startOffset="50%"
>
{{ link.label }}
</textPath>
</svg:text>
</svg:g>
<svg:g class="link-midpoint" *ngIf="link.midPoint"
[attr.transform]="'translate(' + link.midPoint.x + ',' + link.midPoint.y + ')'">
<svg:g
class="link-midpoint"
*ngIf="link.midPoint"
[attr.transform]="'translate(' + link.midPoint.x + ',' + link.midPoint.y + ')'"
>
<ellipse rx="30" ry="10" />
<svg:text alignment-baseline="central">{{ link.data.linkText | translateKey:'text' }}</svg:text>
<svg:text alignment-baseline="central">{{ link.data.linkText | translateKey: 'text' }}</svg:text>
</svg:g>
</ng-template>
</ngx-graph>
@@ -1,62 +1,76 @@
<div class="container space-top" fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
<mat-form-field fxFlex="31%">
<mat-label>{{'labels.inputs.Job Name' | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Job Name' | translate }}</mat-label>
<mat-select [formControl]="jobName" (selectionChange)="getWorkflowJobSteps($event.value)">
<mat-option *ngFor="let job of jobNameOptions" [value]="job">
{{ job | translateKey:'catalogs' }}
{{ job | translateKey: 'catalogs' }}
</mat-option>
</mat-select>
</mat-form-field>
<div class="action-button" fxLayoutGap="25px" *ngIf="jobStepName">
<button mat-raised-button color="primary" (click)="addJobStep()">
<fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Link Job Step' | translate}}
<fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Link Job Step' | translate }}
</button>
</div>
<div class="mat-elevation-z8 container" *ngIf="jobStepsData.length > 0">
<table mat-table [dataSource]="jobStepsData" #table cdkDropList [cdkDropListData]="jobStepsData"
(cdkDropListDropped)="dropTable($event)">
<table
mat-table
[dataSource]="jobStepsData"
#table
cdkDropList
[cdkDropListData]="jobStepsData"
(cdkDropListDropped)="dropTable($event)"
>
<ng-container matColumnDef="stepName">
<th mat-header-cell *matHeaderCellDef> {{ 'labels.inputs.Step Name' | translate}} </th>
<td mat-cell *matCellDef="let jobStep"> {{ jobStep.stepName }} </td>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Step Name' | translate }}</th>
<td mat-cell *matCellDef="let jobStep">{{ jobStep.stepName }}</td>
</ng-container>
<ng-container matColumnDef="stepOrder">
<th mat-header-cell *matHeaderCellDef> {{ 'labels.inputs.Order' | translate }} </th>
<td mat-cell *matCellDef="let jobStep"> {{ jobStep.order }} </td>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Order' | translate }}</th>
<td mat-cell *matCellDef="let jobStep">{{ jobStep.order }}</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 row; let rowIndex = index">
<button type="button" mat-icon-button color="warn" (click)="removeJobStep(rowIndex)" matTooltip="{{ 'tooltips.Delete' | translate}}"
matTooltipPosition="left">
<button
type="button"
mat-icon-button
color="warn"
(click)="removeJobStep(rowIndex)"
matTooltip="{{ 'tooltips.Delete' | translate }}"
matTooltipPosition="left"
>
<fa-icon icon="trash"></fa-icon>
</button>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row cdkDrag [cdkDragData]="row" *matRowDef="let row; columns: displayedColumns;"></tr>
<tr mat-row cdkDrag [cdkDragData]="row" *matRowDef="let row; columns: displayedColumns"></tr>
</table>
</div>
<div *ngIf="stepOrderHasChanged" fxLayout="row" class="container margin-t space-top" fxLayout.xs="column"
fxLayoutAlign="center" fxLayoutGap="2%">
<div
*ngIf="stepOrderHasChanged"
fxLayout="row"
class="container margin-t space-top"
fxLayout.xs="column"
fxLayoutAlign="center"
fxLayoutGap="2%"
>
<button mat-raised-button [routerLink]="['../']">
{{"labels.buttons.Cancel" | translate}}
{{ 'labels.buttons.Cancel' | translate }}
</button>
<button mat-raised-button color="primary" (click)="saveChanges()">
{{"labels.buttons.Apply Changes" | translate}}
{{ 'labels.buttons.Apply Changes' | translate }}
</button>
</div>
<div class="container space-top" *ngIf="jobStepsData.length > 0 && !stepOrderHasChanged">
<mifosx-workflow-diagram [jobStepsData]="jobStepsData"></mifosx-workflow-diagram>
</div>
</div>