[ADF-4521] Form - Multilingual support (#4715)

Maurizio says : YES

lib/core/form/components/widgets/amount/amount.widget.html

@@ -1,6 +1,6 @@
 <div class="adf-amount-widget__container adf-amount-widget {{field.className}}" [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
     <mat-form-field class="adf-amount-widget__input">
-        <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
         <span matPrefix class="adf-amount-widget__prefix-spacing"> {{currency }}</span>
         <input matInput
                 class="adf-amount-widget"

lib/core/form/components/widgets/checkbox/checkbox.widget.html

@@ -6,7 +6,7 @@
         [disabled]="field.readOnly || readOnly"
         [(ngModel)]="field.value"
         (ngModelChange)="onFieldChanged(field)">
-        {{field.name}}
+        {{field.name | translate }}
         <span *ngIf="field.required">*</span>
     </mat-checkbox>
 </div>

lib/core/form/components/widgets/container/container.widget.html

@@ -7,7 +7,7 @@
                 (click)="onExpanderClicked()">
             <mat-icon>{{ content?.isExpanded ? 'expand_more' : 'expand_less' }}</mat-icon>
         </button>
-        <span (click)="onExpanderClicked()" id="container-header-label">{{content.name}}</span>
+        <span (click)="onExpanderClicked()" id="container-header-label">{{content.name | translate }}</span>
     </h4>
 </div>
 

lib/core/form/components/widgets/content/content.widget.html

@@ -8,7 +8,7 @@
             <div id="unsupported-thumbnail" class="adf-content-widget-preview-text">{{ 'FORM.PREVIEW.IMAGE_NOT_AVAILABLE' | translate }}
             </div>
         </div>
-        <div class="mdl-card__supporting-text upload-widget__content-text">{{content.name}}</div>
+        <div class="mdl-card__supporting-text upload-widget__content-text">{{content.name | translate }}</div>
     </mat-card-content>
 
     <mat-card-actions>

lib/core/form/components/widgets/date-time/date-time.widget.html

@@ -1,7 +1,7 @@
 <div class="{{field.className}}"
      id="data-time-widget" [class.adf-invalid]="!field.isValid">
     <mat-form-field class="adf-date-time-widget">
-        <label class="adf-label" [attr.for]="field.id">{{field.name}} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
         <input matInput
                [matDatetimepicker]="datetimePicker"
                [id]="field.id"

lib/core/form/components/widgets/date/date.widget.html

@@ -1,6 +1,6 @@
 <div class="{{field.className}}" id="data-widget" [class.adf-invalid]="!field.isValid">
     <mat-form-field class="adf-date-widget">
-        <label class="adf-label" [attr.for]="field.id">{{field.name}} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
         <input matInput
                [id]="field.id"
                [matDatepicker]="datePicker"

lib/core/form/components/widgets/display-text/display-text.widget.html

@@ -1 +1 @@
-<div class="adf-display-text-widget {{field.className}}">{{field.value}}</div>
+<div class="adf-display-text-widget {{field.className}}">{{field.value | translate}}</div>

lib/core/form/components/widgets/dropdown/dropdown.widget.html

@@ -1,6 +1,6 @@
 <div class="adf-dropdown-widget {{field.className}}"
      [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
-    <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+    <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
     <mat-form-field>
         <mat-select class="adf-select"
                     [id]="field.id"

lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.html

@@ -1,6 +1,6 @@
 <div class="adf-dynamic-table-scrolling {{field.className}}"
     [class.adf-invalid]="!isValid()">
-    <div class="adf-label">{{content.name}}<span *ngIf="isRequired()">*</span></div>
+    <div class="adf-label">{{content.name | translate }}<span *ngIf="isRequired()">*</span></div>
 
     <div *ngIf="!editMode">
         <div class="adf-table-container">

lib/core/form/components/widgets/functional-group/functional-group.widget.html

@@ -2,7 +2,7 @@
      [class.is-dirty]="value"
      [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly" id="functional-group-div">
     <mat-form-field>
-        <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
         <input matInput
                class="adf-input"
                type="text"

lib/core/form/components/widgets/hyperlink/hyperlink.widget.html

@@ -1,5 +1,5 @@
 <div class="adf-hyperlink-widget {{field.className}}">
-    <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+    <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
     <div>
         <a [href]="linkUrl" target="_blank" rel="nofollow">{{linkText}}</a>
     </div>

lib/core/form/components/widgets/multiline-text/multiline-text.widget.html

@@ -1,7 +1,7 @@
 <div class="adf-multiline-text-widget {{field.className}}"
      [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
     <mat-form-field floatPlaceholder="never">
-        <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
         <textarea matInput class="adf-input"
                   matTextareaAutosize
                   type="text"

lib/core/form/components/widgets/number/number.widget.html

@@ -1,7 +1,7 @@
 <div class="adf-textfield adf-number-widget {{field.className}}"
      [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
     <mat-form-field>
-        <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
         <input matInput
                class="adf-input"
                type="text"

lib/core/form/components/widgets/people/people.widget.html

@@ -3,7 +3,7 @@
      [class.adf-readonly]="field.readOnly"
      id="people-widget-content">
     <mat-form-field>
-        <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
         <input #inputValue
                matInput
                class="adf-input"

lib/core/form/components/widgets/radio-buttons/radio-buttons.widget.html

@@ -1,7 +1,7 @@
 <div class="adf-radio-buttons-widget {{field.className}}"
      [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly" [id]="field.id">
     <div class="adf-radio-button-container">
-        <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
         <mat-radio-group class="adf-radio-group" [(ngModel)]="field.value">
             <mat-radio-button
                 [id]="field.id + '-' + opt.id"

lib/core/form/components/widgets/tabs/tabs.widget.html

@@ -1,6 +1,6 @@
 <div *ngIf="hasTabs()" class="alfresco-tabs-widget">
     <mat-tab-group>
-        <mat-tab *ngFor="let tab of visibleTabs" [label]="tab.title">
+        <mat-tab *ngFor="let tab of visibleTabs" [label]="tab.title | translate">
             <div *ngFor="let field of tab.fields">
                 <adf-form-field [field]="field.field"></adf-form-field>
              </div>

lib/core/form/components/widgets/text/text.widget.html

@@ -1,7 +1,7 @@
 <div class="adf-textfield adf-text-widget {{field.className}}"
      [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
     <mat-form-field>
-        <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+        <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
         <input matInput
                class="adf-input"
                type="text"

lib/core/form/components/widgets/typeahead/typeahead.widget.html

@@ -5,7 +5,7 @@
         [class.adf-readonly]="field.readOnly"
         id="typehead-div">
         <mat-form-field>
-            <label class="adf-label" [attr.for]="field.id">{{field.name}}</label>
+            <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}</label>
             <input matInput class="adf-input"
                    type="text"
                    [id]="field.id"

lib/core/form/components/widgets/upload-folder/upload-folder.widget.html

@@ -1,7 +1,7 @@
 <div class="adf-upload-folder-widget {{field.className}}"
     [class.adf-invalid]="!field.isValid"
     [class.adf-readonly]="field.readOnly">
-<label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
     <div class="adf-upload-widget-container">
     </div>
 </div>

lib/core/form/components/widgets/upload/upload.widget.html

@@ -1,7 +1,7 @@
 <div class="adf-upload-widget {{field.className}}"
      [class.adf-invalid]="!field.isValid"
      [class.adf-readonly]="field.readOnly">
-    <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+    <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
     <div class="adf-upload-widget-container">
         <div>
             <mat-list *ngIf="hasFile">

lib/process-services-cloud/src/lib/form/components/upload-cloud.widget.html

@@ -1,7 +1,7 @@
 <div class="adf-upload-widget {{field.className}}"
      [class.adf-invalid]="!field.isValid"
      [class.adf-readonly]="field.readOnly">
-    <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+    <label class="adf-label" [attr.for]="field.id">{{ field.name | translate }}<span *ngIf="isRequired()">*</span></label>
     <div class="adf-cloud-upload-widget-container">
         <div>
             <mat-list *ngIf="hasFile">