diff --git a/cas/cas-server/src/main/config/sass/cas.scss b/cas/cas-server/src/main/config/sass/cas.scss
index f10bb5fb5ff59a53dbcafa2c70c8b9faf17c6e84..3f71af3accc2f5044352f655d22ed8b98ca51c5d 100644
--- a/cas/cas-server/src/main/config/sass/cas.scss
+++ b/cas/cas-server/src/main/config/sass/cas.scss
@@ -2,7 +2,7 @@
@import 'material-icons.css';
@import 'theme';
-@import url('https://fonts.googleapis.com/css?family=Mulish');
+@import url('https://fonts.googleapis.com/css?family=Mulish:200,300,400,500,600,700,800,900');
@import 'material-custom';
@import 'login';
diff --git a/cas/cas-server/src/main/resources/static/css/cas.css b/cas/cas-server/src/main/resources/static/css/cas.css
index c270d1fc1d0ba39a10e4632527699803d9e10c90..9d34e8b17a549da295afb9b7868a84a30dcd06f6 100644
--- a/cas/cas-server/src/main/resources/static/css/cas.css
+++ b/cas/cas-server/src/main/resources/static/css/cas.css
@@ -30,7 +30,7 @@
See the License for the specific language governing permissions and
limitations under the License.
*/
-@import url("https://fonts.googleapis.com/css?family=Mulish");
+@import url("https://fonts.googleapis.com/css?family=Mulish:200,300,400,500,600,700,800,900");
.mat-menu-panel.nav-menu {
border-radius: 10px;
margin-top: 4px; }
diff --git a/ui/ui-frontend-common/src/index.html b/ui/ui-frontend-common/src/index.html
index 504ef608b8af5cd245387797b8f33973056a7f33..84809344be268fcdd3b8311ed87554c8f612a667 100644
--- a/ui/ui-frontend-common/src/index.html
+++ b/ui/ui-frontend-common/src/index.html
@@ -11,7 +11,7 @@
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
- <link href="https://fonts.googleapis.com/css?family=Mulish&display=swap" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/css?family=Mulish:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
</head>
<body>
<vitamui-common-root>
diff --git a/ui/ui-frontend-common/src/sass/_theme.scss b/ui/ui-frontend-common/src/sass/_theme.scss
index dcbcd20b41bf4187a1fa746ac1e5961edc36b3ad..c5d218c1c2f90e4b8d691e2cdfe7aea06463f0c6 100644
--- a/ui/ui-frontend-common/src/sass/_theme.scss
+++ b/ui/ui-frontend-common/src/sass/_theme.scss
@@ -32,7 +32,7 @@ html, body {
font-family: 'Mulish', sans-serif;
font-style: normal;
font-weight: normal;
- src: local('Mulish'), url(https://fonts.googleapis.com/css?family=Mulish&display=swap) format('woff2');
+ src: local('Mulish'), url(https://fonts.googleapis.com/css?family=Mulish:200,300,400,500,600,700,800,900&display=swap) format('woff2');
font-display: optional;
}
diff --git a/ui/ui-frontend/projects/demo/src/index.html b/ui/ui-frontend/projects/demo/src/index.html
index 934e6266f9f89d3c535c1240b532860ac3769103..fcb72a3cf69c4953030eef096ea0b429618524b9 100644
--- a/ui/ui-frontend/projects/demo/src/index.html
+++ b/ui/ui-frontend/projects/demo/src/index.html
@@ -11,7 +11,7 @@
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
- <link href="https://fonts.googleapis.com/css?family=Mulish&display=swap" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/css?family=Mulish:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
</head>
<body>
<demo-root></demo-root>
diff --git a/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.html b/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.html
index c3cd78fdaa2e2d199bc57a6a2321b7493b83eeb2..836952318d76d62e9aafbb68a325c8ec10b498b5 100644
--- a/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.html
+++ b/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.html
@@ -33,7 +33,10 @@
<div *ngIf="!tenantIdentifier" class="col-3" i18n="Tenant@@profilesFormColumnHeaderTenant">Coffre</div>
<div class="col-5" i18n="Profile@@profilesFormColumnHeaderProfile">Profil</div>
</div>
- <div class="vitamui-table-body">
+ <div *ngIf="loading" class="vitamui-min-content">
+ <mat-spinner class="vitamui-spinner medium"></mat-spinner>
+ </div>
+ <div *ngIf="!loading" class="vitamui-table-body">
<div class="vitamui-table-rows" *ngFor="let id of profileIds; let index=index">
<div class="vitamui-row d-flex align-items-center">
<div class="col-3">{{ getApplicationFromId(id)?.name }}</div>
diff --git a/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.spec.ts b/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.spec.ts
index c06be6cc22adf652c50930256d66aafb4df1ed29..1416dcc7e09b4335422a713c8f97b57cac10b4cb 100644
--- a/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.spec.ts
+++ b/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.spec.ts
@@ -39,6 +39,7 @@
import { Component, Directive, Input, NO_ERRORS_SCHEMA, ViewChild } from '@angular/core';
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { MatSelectModule } from '@angular/material/select';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { of } from 'rxjs';
@@ -162,6 +163,7 @@ describe('ProfilesFormComponent', () => {
imports: [
FormsModule,
ReactiveFormsModule,
+ MatProgressSpinnerModule,
MatSelectModule,
NoopAnimationsModule,
VitamUIAutocompleteModule,
diff --git a/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.ts b/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.ts
index 9bd3db1313af62e27ff775440135a54678dbb19a..60bffa85350847ed7c9285e833714a349aa48ad8 100644
--- a/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.ts
+++ b/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.component.ts
@@ -62,6 +62,8 @@ export class ProfilesFormComponent implements ControlValueAccessor, OnInit {
profileIds: string[] = [];
applicationsDetails: Application[] = [];
+ public loading = true;
+
@Input()
showLevel = false;
@@ -130,6 +132,7 @@ export class ProfilesFormComponent implements ControlValueAccessor, OnInit {
}
getProfiles() {
+ this.loading = true;
const params = new HttpParams().set('filterApp', 'false');
this.appApiService.getAllByParams(params).pipe(
tap((applications) => this.applicationsDetails = applications.APPLICATION_CONFIGURATION),
@@ -138,6 +141,7 @@ export class ProfilesFormComponent implements ControlValueAccessor, OnInit {
this.profiles = profiles;
this.profileIds = this.profileIds.sort(byApplicationName(this.profiles, this.applicationsDetails));
this.updateApplicationTree();
+ this.loading = false;
});
}
diff --git a/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.module.ts b/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.module.ts
index 0ed3fcbf5640c8ef001e8b3a3417fe041af5f72d..61c715eea27f9535a4a3a510c2681d1b936d627b 100644
--- a/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.module.ts
+++ b/ui/ui-frontend/projects/identity/src/app/shared/profiles-form/profiles-form.module.ts
@@ -37,6 +37,7 @@
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { MatSelectModule } from '@angular/material/select';
import { MatTooltipModule } from '@angular/material/tooltip';
@@ -47,6 +48,7 @@ import { ProfilesFormComponent } from './profiles-form.component';
imports: [
CommonModule,
ReactiveFormsModule,
+ MatProgressSpinnerModule,
MatSelectModule,
MatTooltipModule,
VitamUICommonModule,
diff --git a/ui/ui-frontend/projects/starter-kit/src/index.html b/ui/ui-frontend/projects/starter-kit/src/index.html
index f822b47b3ba1176f49021405bfdafa262a0150f3..9c51fd52975046e0220e2424add857aa719a6119 100644
--- a/ui/ui-frontend/projects/starter-kit/src/index.html
+++ b/ui/ui-frontend/projects/starter-kit/src/index.html
@@ -12,7 +12,7 @@
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
- <link href="https://fonts.googleapis.com/css?family=Mulish&display=swap" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/css?family=Mulish:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<meta name="theme-color" content="#1976d2">
</head>
<body>