translate manage reports inside system module

This commit is contained in:
Omar-Nabil
2024-06-26 11:43:17 -06:00
committed by Jose Alberto Hernandez
parent 5db708c034
commit 006c9682ee
18 changed files with 155 additions and 81 deletions
@@ -9,31 +9,31 @@
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="4%">
<mat-form-field fxFlex="30%">
<mat-label>Report Name</mat-label>
<mat-label>{{ 'labels.inputs.Report Name' | translate }}</mat-label>
<input matInput required formControlName="reportName">
<mat-error *ngIf="reportForm.controls.reportName.hasError('required')">
Report Name is <strong>required</strong>
{{ 'labels.inputs.Report Name' | translate }} {{'labels.commons.is' | translate }} <strong>{{'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="30%">
<mat-label>Report Type</mat-label>
<mat-label>{{ 'labels.inputs.Report Type' | translate }}</mat-label>
<mat-select required formControlName="reportType">
<mat-option *ngFor="let allowedReportType of reportData.allowedReportTypes" [value]="allowedReportType">
{{ allowedReportType }}
{{ allowedReportType | translateKey:'text'}}
</mat-option>
</mat-select>
<mat-error *ngIf="reportForm.controls.reportType.hasError('required')">
Report Type is <strong>required</strong>
{{ 'labels.inputs.Report Type' | translate }} {{'labels.commons.is' | translate }} <strong>{{'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="30%">
<mat-label>Report Sub Type</mat-label>
<mat-label>{{ 'labels.inputs.Report Sub Type' | translate }}</mat-label>
<mat-select formControlName="reportSubType">
<mat-option *ngFor="let allowedReportSubType of reportData.allowedReportSubTypes"
[value]="allowedReportSubType">
{{ allowedReportSubType }}
{{ allowedReportSubType | translateKey:'text'}}
</mat-option>
</mat-select>
</mat-form-field>
@@ -43,18 +43,18 @@
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="4%">
<mat-form-field fxFlex="40%">
<mat-label>Report Category</mat-label>
<mat-label>{{ 'labels.inputs.Report Category' | translate }}</mat-label>
<mat-select formControlName="reportCategory">
<mat-option *ngFor="let reportCategoryType of reportCategoryTypeOptions"
[value]="reportCategoryType">
{{ reportCategoryType }}
{{ reportCategoryType | translateKey:'catalogs' }}
</mat-option>
</mat-select>
</mat-form-field>
<div fxFlex="10%" class="user-report-wrapper">
<mat-checkbox class="user-report" labelPosition="after" formControlName="useReport">
User Report (UI)
{{ 'labels.inputs.User Report (UI)' | translate }}
</mat-checkbox>
</div>
@@ -63,15 +63,15 @@
<div fxLayout="column">
<mat-form-field fxFlex="98%">
<mat-label>Description</mat-label>
<mat-label>{{ 'labels.inputs.Description' | translate }}</mat-label>
<textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="2"></textarea>
</mat-form-field>
<mat-form-field fxFlex="98%">
<mat-label>SQL</mat-label>
<mat-label> {{ 'labels.inputs.SQL' | translate }}</mat-label>
<textarea matInput required formControlName="reportSql" cdkTextareaAutosize cdkAutosizeMinRows="6"></textarea>
<mat-error *ngIf="reportForm.controls.reportSql.hasError('required')">
SQL is <strong>required</strong>
{{ 'labels.inputs.SQL' | translate }} {{'labels.commons.is' | translate }} <strong>{{'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
@@ -81,12 +81,12 @@
<div fxLayout="row wrap" fxLayoutGap="60%" fxLayout.lt-md="column">
<p fxFlex="20%" class="mat-title">Report Parameters</p>
<p fxFlex="20%" class="mat-title">{{ 'labels.inputs.Report Parameters' | translate }}</p>
<button mat-raised-button fxFlex="20%" type="button" *ngIf="!reportData.coreReport" color="primary"
(click)="addReportParameter()">
<fa-icon icon="plus" class="m-r-10"></fa-icon>
Add Report Parameter
{{ 'labels.buttons.Add Report Parameter' | translate }}
</button>
</div>
@@ -94,17 +94,17 @@
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="parameterName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Parameter </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.buttons.Parameters' | translate }} </th>
<td mat-cell *matCellDef="let reportParameter"> {{ reportParameter.parameterName }} </td>
</ng-container>
<ng-container matColumnDef="parameterNamePassed">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Parameter Name Passed to Pentaho </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Parameter Name Passed to Pentaho' | translate }} </th>
<td mat-cell *matCellDef="let reportParameter"> {{ reportParameter.reportParameterName }} </td>
</ng-container>
<ng-container matColumnDef="actions">
<th mat-header-cell *matHeaderCellDef> Actions </th>
<th mat-header-cell *matHeaderCellDef> {{ 'labels.inputs.Actions' | translate }} </th>
<td mat-cell *matCellDef="let reportParameter" fxLayoutGap="15%">
<button *ngIf="!reportData.coreReport" type="button" fxFlex="8%" color="primary" mat-icon-button
(click)="editReportParameter(reportParameter)">
@@ -127,9 +127,9 @@
</mat-card-content>
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
<button type="button" mat-raised-button [routerLink]="['../']">Cancel</button>
<button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate}}</button>
<button mat-raised-button color="primary"
[disabled]="(!reportForm.valid || reportForm.pristine) && !isReportParametersChanged" *mifosxHasPermission="'UPDATE_REPORT'">Submit</button>
[disabled]="(!reportForm.valid || reportForm.pristine) && !isReportParametersChanged" *mifosxHasPermission="'UPDATE_REPORT'">{{'labels.buttons.Submit' | translate }}</button>
</mat-card-actions>
</form>