Skip to content

Commit

Permalink
translation of survery file inside system module
Browse files Browse the repository at this point in the history
  • Loading branch information
@Omar-Nabil @alberto-art3ch
Omar-Nabil authored and alberto-art3ch committed Jun 24, 2024
1 parent 7c36dd8 commit b495712
Show file tree
Hide file tree
Showing 4 changed files with 77 additions and 77 deletions.
56 changes: 28 additions & 28 deletions src/app/system/manage-surveys/create-survey/create-survey.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,41 +11,41 @@
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">

<mat-form-field fxFlex="48%">
<mat-label>Key</mat-label>
<mat-label>{{'labels.inputs.Key' | translate}}</mat-label>
<input matInput maxlength="32" required formControlName="key">
<mat-error *ngIf="surveyForm.controls.key.hasError('required')">
Key is <strong>required</strong>
{{'labels.inputs.Key' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<mat-form-field fxFlex="48%">
<mat-label>Name</mat-label>
<mat-label>{{'labels.inputs.Name' | translate}}</mat-label>
<input matInput maxlength="255" required formControlName="name">
<mat-error *ngIf="surveyForm.controls.name.hasError('required')">
Name is <strong>required</strong>
{{'labels.inputs.Name' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<mat-form-field fxFlex="48%">
<mat-label>Country Code</mat-label>
<mat-label>{{ 'labels.inputs.Country Code' | translate }}</mat-label>
<input matInput maxlength="2" required formControlName="countryCode">
<mat-error *ngIf="surveyForm.controls.countryCode.hasError('required')">
Country Code is <strong>required</strong>
{{ 'labels.inputs.Country Code' | translate }} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
<mat-error *ngIf="surveyForm.controls.countryCode.hasError('pattern')">
Country Code <strong>must consist of 2 alphabetic characters</strong>
{{ 'labels.inputs.Country Code' | translate }} <strong>{{ 'labels.commons.must consist of 2 alphabetic characters' | translate }}</strong>
</mat-error>
</mat-form-field>

<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>

<div fxFlexFill fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px" *ngIf="!questionDatas.length">
<button type="button" mat-raised-button [routerLink]="['../']">Cancel</button>
<button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate}}</button>
<button type="button" mat-raised-button color="primary" [disabled]="!(this.surveyForm.get('key').valid && this.surveyForm.get('name').valid && this.surveyForm.get('countryCode').valid)" (click)="addQuestion()">
Proceed
{{'labels.buttons.Proceed' | translate}}
</button>
</div>

Expand All @@ -64,41 +64,41 @@
<div fxFlexFill fxLayoutGap="2%" fxLayout.lt-md="column" fxLayout="row wrap" [formGroupName]="questionIndex">

<div fxFlex="98%" fxLayout="row wrap" fxLayoutGap="2%" fxLayoutAlign="space-between center">
<h2 class="mat-h2">Question {{ questionIndex + 1 }}</h2>
<h2 class="mat-h2">{{'labels.heading.Question' | translate}} {{ questionIndex + 1 }}</h2>
<button mat-raised-button color="warn" (click)="removeQuestion(questionIndex)" [disabled]="questionDatas.controls.length === 1">
<fa-icon icon="trash" class="m-r-10"></fa-icon>
Delete Question
{{'labels.buttons.Delete' | translate }} {{'labels.heading.Question' | translate}}
</button>
</div>

<mat-form-field fxFlex="48%">
<mat-label>Key</mat-label>
<mat-label>{{'labels.inputs.Key' | translate}}</mat-label>
<input matInput maxlength="32" required formControlName="key">
<mat-error *ngIf="question.controls.key.hasError('required')">
Key is <strong>required</strong>
{{'labels.inputs.Key' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<mat-form-field fxFlex="48">
<mat-label>Text</mat-label>
<mat-label>{{'labels.inputs.Text' | translate}}</mat-label>
<input matInput maxlength="255" required formControlName="text">
<mat-error *ngIf="question.controls.text.hasError('required')">
Text is <strong>required</strong>
{{'labels.inputs.Text' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<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-divider [inset]="true"></mat-divider>

<div fxFlex="98%" fxLayout="row" fxLayoutAlign="space-between center">
<h4 class="mat-h4">Options</h4>
<h4 class="mat-h4">{{'labels.heading.Options' | translate}}</h4>
<button type="button" mat-raised-button color="primary" (click)="addResponse(questionIndex)">
<fa-icon icon="plus" class="m-r-10"></fa-icon>
Add Option
{{'labels.buttons.Add' | translate}} {{'labels.inputs.Option' | translate}}
</button>
</div>

Expand All @@ -109,27 +109,27 @@ <h4 class="mat-h4">Options</h4>
<div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" [formGroupName]="responseIndex">

<mat-form-field fxFlex="43%">
<mat-label>Text</mat-label>
<mat-label>{{'labels.inputs.Text' | translate}}</mat-label>
<input matInput required formControlName="text">
<mat-error *ngIf="response.controls.text.hasError('required')">
Text is <strong>required</strong>
{{'labels.inputs.Text' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<mat-form-field fxFlex="43%">
<mat-label>Value</mat-label>
<mat-label>{{'labels.inputs.Value' | translate}}</mat-label>
<input matInput required formControlName="value">
<mat-error *ngIf="response.controls.value.hasError('required')">
Value is <strong>required</strong>
{{'labels.inputs.Value' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
<mat-error *ngIf="response.controls.value.hasError('pattern')">
Value <strong>must be an integer between -9999 and 9999</strong>
{{'labels.inputs.Value' | translate}} <strong>{{'labels.commons.must be an integer between -9999 and 9999' | translate}}</strong>
</mat-error>
</mat-form-field>

<div fxFlex="8%">
<div class="delete-wrapper">
<button type="button" color="warn" mat-icon-button matTooltip="Delete" matTooltipPosition="above" (click)="removeResponse(getResponseDatas(questionIndex), responseIndex)" [disabled]="getResponseDatas(questionIndex).controls.length === 1">
<button type="button" color="warn" mat-icon-button [matTooltip]="('labels.buttons.Delete' | translate)" matTooltipPosition="above" (click)="removeResponse(getResponseDatas(questionIndex), responseIndex)" [disabled]="getResponseDatas(questionIndex).controls.length === 1">
<fa-icon icon="trash" size="lg"></fa-icon>
</button>
</div>
Expand All @@ -148,12 +148,12 @@ <h4 class="mat-h4">Options</h4>
<div>

<mat-card-actions *ngIf="isLast" fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
<button type="button" mat-raised-button (click)="cancelSurvey()">Cancel</button>
<button type="button" mat-raised-button (click)="cancelSurvey()">{{'labels.buttons.Cancel' | translate}}</button>
<button type="button" mat-raised-button color="primary"(click)="addQuestion()">
<fa-icon icon="plus" class="m-r-10"></fa-icon>
Add Question
{{'labels.buttons.Add' | translate}} {{'labels.heading.Question' | translate}}
</button>
<button mat-raised-button color="primary" [disabled]="!surveyForm.valid">Submit</button>
<button mat-raised-button color="primary" [disabled]="!surveyForm.valid">{{'labels.buttons.Submit' | translate}}</button>
</mat-card-actions>

</div>
Expand Down
52 changes: 26 additions & 26 deletions src/app/system/manage-surveys/edit-survey/edit-survey.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,34 +11,34 @@
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">

<mat-form-field fxFlex="48%">
<mat-label>Key</mat-label>
<mat-label>{{'labels.inputs.Key' | translate}}</mat-label>
<input matInput maxlength="32" required formControlName="key">
<mat-error *ngIf="surveyForm.controls.key.hasError('required')">
Key is <strong>required</strong>
{{'labels.inputs.Key' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' |translate}}</strong>
</mat-error>
</mat-form-field>

<mat-form-field fxFlex="48%">
<mat-label>Name</mat-label>
<mat-label>{{'labels.inputs.Name' | translate}}</mat-label>
<input matInput maxlength="255" required formControlName="name">
<mat-error *ngIf="surveyForm.controls.name.hasError('required')">
Name is <strong>required</strong>
{{'labels.inputs.Name' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<mat-form-field fxFlex="48%">
<mat-label>Country Code</mat-label>
<mat-label>{{ 'labels.inputs.Country Code' | translate }} </mat-label>
<input matInput maxlength="2" required formControlName="countryCode">
<mat-error *ngIf="surveyForm.controls.countryCode.hasError('required')">
Country Code is <strong>required</strong>
{{ 'labels.inputs.Country Code' | translate }} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
<mat-error *ngIf="surveyForm.controls.countryCode.hasError('pattern')">
Country Code <strong>must consist of 2 alphabetic characters</strong>
{{ 'labels.inputs.Country Code' | translate }} <strong>{{ 'labels.commons.must consist of 2 alphabetic characters' | translate }}</strong>
</mat-error>
</mat-form-field>

<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>

Expand All @@ -57,41 +57,41 @@
<div fxFlexFill fxLayoutGap="2%" fxLayout.lt-md="column" fxLayout="row wrap" [formGroupName]="questionIndex">

<div fxFlex="98%" fxLayout="row wrap" fxLayoutGap="2%" fxLayoutAlign="space-between center">
<h2 class="mat-h2">Question {{ questionIndex + 1 }}</h2>
<h2 class="mat-h2">{{'labels.heading.Question' | translate}} {{ questionIndex + 1 }}</h2>
<button mat-raised-button color="warn" (click)="removeQuestion(questionIndex)" [disabled]="questionDatas.controls.length === 1">
<fa-icon icon="trash" class="m-r-10"></fa-icon>
Delete Question
{{'labels.buttons.Delete' | translate }} {{'labels.heading.Question' | translate}}
</button>
</div>

<mat-form-field fxFlex="48%">
<mat-label>Key</mat-label>
<mat-label>{{'labels.inputs.Key' | translate}}</mat-label>
<input matInput maxlength="32" required formControlName="key">
<mat-error *ngIf="question.get('key').hasError('required')">
Key is <strong>required</strong>
{{'labels.inputs.Key' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<mat-form-field fxFlex="48">
<mat-label>Text</mat-label>
<mat-label>{{'labels.inputs.Text' | translate}}</mat-label>
<input matInput maxlength="255" required formControlName="text">
<mat-error *ngIf="question.get('text').hasError('required')">
Text is <strong>required</strong>
{{'labels.inputs.Text' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<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-divider [inset]="true"></mat-divider>

<div fxFlex="98%" fxLayout="row" fxLayoutAlign="space-between center">
<h4 class="mat-h4">Options</h4>
<h4 class="mat-h4">{{'labels.heading.Options' | translate}}</h4>
<button type="button" mat-raised-button color="primary" (click)="addResponse(questionIndex)">
<fa-icon icon="plus" class="m-r-10"></fa-icon>
Add Option
{{'labels.buttons.Add' | translate}} {{'labels.inputs.Option' | translate}}
</button>
</div>

Expand All @@ -102,27 +102,27 @@ <h4 class="mat-h4">Options</h4>
<div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" [formGroupName]="responseIndex">

<mat-form-field fxFlex="43%">
<mat-label>Text</mat-label>
<mat-label>{{'labels.inputs.Text' | translate}}</mat-label>
<input matInput required formControlName="text">
<mat-error *ngIf="response.get('text').hasError('required')">
Text is <strong>required</strong>
{{'labels.inputs.Text' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>

<mat-form-field fxFlex="43%">
<mat-label>Value</mat-label>
<mat-label>{{'labels.inputs.Value' | translate}}</mat-label>
<input matInput required formControlName="value">
<mat-error *ngIf="response.get('value').hasError('required')">
Value is <strong>required</strong>
{{'labels.inputs.Value' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
<mat-error *ngIf="response.get('value').hasError('pattern')">
Value <strong>must be an integer between -9999 and 9999</strong>
{{'labels.inputs.Value' | translate}}<strong>{{'labels.commons.must be an integer between -9999 and 9999' | translate}}</strong>
</mat-error>
</mat-form-field>

<div fxFlex="8%">
<div class="delete-wrapper">
<button type="button" color="warn" mat-icon-button matTooltip="Delete" matTooltipPosition="above" (click)="removeResponse(getResponseDatas(questionIndex), responseIndex)" [disabled]="getResponseDatas(questionIndex).controls.length === 1">
<button type="button" color="warn" mat-icon-button [matTooltip]="('labels.buttons.Delete' | translate)" matTooltipPosition="above" (click)="removeResponse(getResponseDatas(questionIndex), responseIndex)" [disabled]="getResponseDatas(questionIndex).controls.length === 1">
<fa-icon icon="trash" size="lg"></fa-icon>
</button>
</div>
Expand All @@ -141,12 +141,12 @@ <h4 class="mat-h4">Options</h4>
<div>

<mat-card-actions *ngIf="isLast" fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
<button type="button" mat-raised-button (click)="cancelSurvey()">Cancel</button>
<button type="button" mat-raised-button (click)="cancelSurvey()">{{'labels.buttons.Cancel' | translate}}</button>
<button type="button" mat-raised-button color="primary" (click)="addQuestion()">
<fa-icon icon="plus" class="m-r-10"></fa-icon>
Add Question
{{'labels.buttons.Add' | translate}} {{'labels.heading.Question' | translate}}
</button>
<button mat-raised-button color="primary" [disabled]="!surveyForm.valid">Edit Survey</button>
<button mat-raised-button color="primary" [disabled]="!surveyForm.valid">{{'labels.text.Edit Survey' | translate}}</button>
</mat-card-actions>

</div>
Expand Down
Loading

0 comments on commit b495712

Please sign in to comment.