fix(console): Idp settings, settings reset warn dialog, Accept-Language header interceptor, i18n (#3727)

* fix idp table, settings reset warn dialog, fix i18n interceptor, i18n

* fix label policy on org change

* fallback

* fix preview button styles

* footer, login-policy null check

* org create btn alignment

* show error with toast

* error toast

console/src/app/modules/warn-dialog/warn-dialog.component.html

@@ -1,22 +1,31 @@
-<span class="title" mat-dialog-title>{{data.titleKey | translate: data.titleParam}}</span>
+<span class="title" mat-dialog-title>{{ data.titleKey | translate: data.titleParam }}</span>
 <div mat-dialog-content>
   <div class="icon-wrapper" *ngIf="data.icon">
-    <i class="icon {{data.icon}}"></i>
+    <i class="icon {{ data.icon }}"></i>
   </div>
-  <p class="desc cnsl-secondary-text"> {{data.descriptionKey | translate: data.descriptionParam}}</p>
+  <p class="desc cnsl-secondary-text">{{ data.descriptionKey | translate: data.descriptionParam }}</p>
 
+  <cnsl-info-section *ngIf="data.warnSectionKey" [type]="InfoSectionType.WARN">{{
+    data.warnSectionKey | translate
+  }}</cnsl-info-section>
   <cnsl-form-field *ngIf="data.confirmation && data.confirmationKey" class="formfield">
-    <cnsl-label>{{data.confirmationKey | translate: {value: data.confirmation} }}</cnsl-label>
-    <input cnslInput [(ngModel)]="confirm" [attr.e2e-data]="'confirm-dialog-input'"/>
+    <cnsl-label>{{ data.confirmationKey | translate: { value: data.confirmation } }}</cnsl-label>
+    <input cnslInput [(ngModel)]="confirm" [attr.e2e-data]="'confirm-dialog-input'" />
   </cnsl-form-field>
 </div>
 <div mat-dialog-actions class="action">
   <button *ngIf="data.cancelKey" mat-stroked-button (click)="closeDialog()">
-    {{data.cancelKey | translate}}
+    {{ data.cancelKey | translate }}
   </button>
   <span class="fill-space"></span>
-  <button color="warn" [disabled]="data.confirmation && confirm !== data.confirmation" mat-raised-button
-    class="ok-button" (click)="closeDialogWithSuccess()" [attr.e2e-data]="'confirm-dialog-button'">
-    {{data.confirmKey | translate}}
+  <button
+    color="warn"
+    [disabled]="data.confirmation && confirm !== data.confirmation"
+    mat-raised-button
+    class="ok-button"
+    (click)="closeDialogWithSuccess()"
+    [attr.e2e-data]="'confirm-dialog-button'"
+  >
+    {{ data.confirmKey | translate }}
   </button>
-</div>
+</div>

console/src/app/modules/warn-dialog/warn-dialog.component.ts

@@ -1,6 +1,8 @@
 import { Component, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 
+import { InfoSectionType } from '../info-section/info-section.component';
+
 @Component({
   selector: 'cnsl-warn-dialog',
   templateUrl: './warn-dialog.component.html',
@@ -8,6 +10,7 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 })
 export class WarnDialogComponent {
   public confirm: string = '';
+  InfoSectionType: any = InfoSectionType;
   constructor(public dialogRef: MatDialogRef<WarnDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {}
 
   public closeDialog(): void {

console/src/app/modules/warn-dialog/warn-dialog.module.ts

@@ -4,11 +4,12 @@ import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { TranslateModule } from '@ngx-translate/core';
 
+import { InfoSectionModule } from '../info-section/info-section.module';
 import { InputModule } from '../input/input.module';
 import { WarnDialogComponent } from './warn-dialog.component';
 
 @NgModule({
   declarations: [WarnDialogComponent],
-  imports: [CommonModule, FormsModule, TranslateModule, MatButtonModule, InputModule],
+  imports: [CommonModule, FormsModule, TranslateModule, InfoSectionModule, MatButtonModule, InputModule],
 })
 export class WarnDialogModule {}