diff --git a/src/app/calculators/cloisons/cloisons.config.json b/src/app/calculators/cloisons/cloisons.config.json
index 7295b940801b80b37763e7acce5e8f097d9d0e58..6b90ef4665452578903d4b0e2c56475bbad1fa0b 100644
--- a/src/app/calculators/cloisons/cloisons.config.json
+++ b/src/app/calculators/cloisons/cloisons.config.json
@@ -33,12 +33,12 @@
"source": "device_loi_debit",
"help": "pab/cloisonsSelect"
},
+ "h1",
{
- "id": "h1",
+ "id": "L",
"type": "input",
"help": "pab/cloisonsInput"
},
- "L",
"CdWSL",
"CdWR",
"CdGR",
diff --git a/src/app/components/generic-input/generic-input.component.html b/src/app/components/generic-input/generic-input.component.html
index c60194a79e28b460780eace9cbca97dc9caf8311..0e261b797e5db2e48cda20bdb30cc8ad3a5d2035 100644
--- a/src/app/components/generic-input/generic-input.component.html
+++ b/src/app/components/generic-input/generic-input.component.html
@@ -4,5 +4,11 @@
(keydown.Tab)="onTabPressed($event, false)" (keydown.shift.Tab)="onTabPressed($event, true)"
pattern="^-?([0-9]*\.)?([0-9]+[Ee]-?)?[0-9]+$" required>
+ <div *ngIf="enableHelpButton" class="overlap-input">
+ <mat-icon (click)="openHelp($event)" [title]="uitextOpenHelp" color="accent">
+ help
+ </mat-icon>
+ </div>
+
<mat-error>{{ errorMessage }}</mat-error>
</mat-form-field>
diff --git a/src/app/components/generic-select/generic-select.component.html b/src/app/components/generic-select/generic-select.component.html
index f4200c534ad9b3c53ebe245ca38cc7c82e051a16..6d38167d3f9b35f706acf28b9a5f09773cac7625 100644
--- a/src/app/components/generic-select/generic-select.component.html
+++ b/src/app/components/generic-select/generic-select.component.html
@@ -4,4 +4,9 @@
{{ entryLabel(e) }}
</mat-option>
</mat-select>
+ <div *ngIf="enableHelpButton" class="overlap-select">
+ <mat-icon (click)="openHelp($event)" [title]="uitextOpenHelp" color="accent">
+ help
+ </mat-icon>
+ </div>
</mat-form-field>
diff --git a/src/app/components/ngparam-input/ngparam-input.component.scss b/src/app/components/ngparam-input/ngparam-input.component.scss
index 6d5f7d7edbaa8d3cd7e36d7d4bc4298200d0ea4f..004662c2b7140c27582a92c61f57cd5750458f37 100644
--- a/src/app/components/ngparam-input/ngparam-input.component.scss
+++ b/src/app/components/ngparam-input/ngparam-input.component.scss
@@ -20,4 +20,16 @@ mat-form-field {
font-size: 1em;
}
}
+
+ .overlap-input {
+ position: absolute;
+ right: 0;
+ text-align: right;
+ top: 0;
+
+ mat-icon {
+ cursor: pointer;
+ transform: scale(0.9);
+ }
+ }
}
diff --git a/src/app/components/ngparam-input/ngparam-input.component.ts b/src/app/components/ngparam-input/ngparam-input.component.ts
index c61a4fb783066a8ed61a1fb802ec294296a8c0b9..c56cb8c2d31cbce25ad685caaee36c59e3d1f508 100644
--- a/src/app/components/ngparam-input/ngparam-input.component.ts
+++ b/src/app/components/ngparam-input/ngparam-input.component.ts
@@ -112,4 +112,19 @@ export class NgParamInputComponent extends GenericInputComponent implements Obse
public ngOnDestroy() {
this._paramDef.removeObserver(this);
}
+
+ public openHelp($event: any) {
+ window.open("assets/docs-fr/calculators/" + this._model.helpLink + ".html", "_blank");
+ $event.preventDefault();
+ $event.stopPropagation();
+ return false;
+ }
+
+ public get enableHelpButton() {
+ return this._model && this._model.helpLink;
+ }
+
+ public get uitextOpenHelp() {
+ return this.intlService.localizeText("INFO_CALCULATOR_OPEN_HELP");
+ }
}
diff --git a/src/app/components/param-computed/param-computed.component.scss b/src/app/components/param-computed/param-computed.component.scss
index 40469133691fccaf31a9664ceb49d99627bf7b3e..829a805dd8a126ce387034ff9c241fca719ed61c 100644
--- a/src/app/components/param-computed/param-computed.component.scss
+++ b/src/app/components/param-computed/param-computed.component.scss
@@ -15,7 +15,7 @@
.param-computed-more {
position: absolute;
bottom: 0;
- right: 0;
+ right: -7px;
}
::ng-deep .mat-form-field-label {
diff --git a/src/app/components/param-values/param-values.component.scss b/src/app/components/param-values/param-values.component.scss
index 1edcbe0ed9b4f6fe9e3ae7c76035729ac1bc1384..4bd6ca386757ebc9a075c663ea76a89034bd5eee 100644
--- a/src/app/components/param-values/param-values.component.scss
+++ b/src/app/components/param-values/param-values.component.scss
@@ -15,7 +15,7 @@
.param-values-more {
position: absolute;
bottom: 0;
- right: 0;
+ right: -7px;
}
::ng-deep .mat-form-field-label {
diff --git a/src/app/components/select-field-line/select-field-line.component.scss b/src/app/components/select-field-line/select-field-line.component.scss
index 6f94917d159e0d398c320afeedece1fec4028545..0ca9e00246da411683aa4a3cb133865fada9d5c9 100644
--- a/src/app/components/select-field-line/select-field-line.component.scss
+++ b/src/app/components/select-field-line/select-field-line.component.scss
@@ -21,4 +21,16 @@ mat-form-field {
font-size: 1em;
}
}
+
+ .overlap-select {
+ position: absolute;
+ right: 20px;
+ text-align: right;
+ top: 2px;
+
+ mat-icon {
+ cursor: pointer;
+ transform: scale(0.9);
+ }
+ }
}
diff --git a/src/app/components/select-field-line/select-field-line.component.ts b/src/app/components/select-field-line/select-field-line.component.ts
index 61c4cc62a6d7ee0bca2eef3d3236b35bd33a2434..e430231f2be8142fdb36a837cd41647d418dbec8 100644
--- a/src/app/components/select-field-line/select-field-line.component.ts
+++ b/src/app/components/select-field-line/select-field-line.component.ts
@@ -2,6 +2,7 @@ import { Component, Input } from "@angular/core";
import { SelectField } from "../../formulaire/select-field";
import { SelectEntry } from "../../formulaire/select-entry";
+import { I18nService } from "../../services/internationalisation/internationalisation.service";
@Component({
selector: "select-field-line",
@@ -14,6 +15,8 @@ export class SelectFieldLineComponent {
@Input()
private _select: SelectField;
+ public constructor(private i18nService: I18nService) {}
+
public get selectId() {
return this._select.id;
}
@@ -44,4 +47,19 @@ export class SelectFieldLineComponent {
return "";
}
}
+
+ public openHelp($event: any) {
+ window.open("assets/docs-fr/calculators/" + this._select.helpLink + ".html", "_blank");
+ $event.preventDefault();
+ $event.stopPropagation();
+ return false;
+ }
+
+ public get enableHelpButton() {
+ return this._select && this._select.helpLink;
+ }
+
+ public get uitextOpenHelp() {
+ return this.i18nService.localizeText("INFO_CALCULATOR_OPEN_HELP");
+ }
}