SUPPORT-9173: add progress bar; fix loader css

This commit is contained in:
gulnaz 2025-05-15 10:34:27 +03:00
parent a61672198f
commit 3effe61608
2 changed files with 22 additions and 10 deletions

View file

@ -81,7 +81,7 @@ body.webbpm.ervu_lkrp_fl {
--size-text-title: 36px;
--size-text-subtitle: 20px;
--size-text-primary: 18px;
--size-text-secondary: 16px;
--size-text-secondary: 16px;
--indent-huge: 48px;
--indent-big: 40px;
@ -101,7 +101,7 @@ body.webbpm.ervu_lkrp_fl {
}
.webbpm.ervu_lkrp_fl a {
color: var(--color-link);
color: var(--color-link);
text-decoration: none;
}
.webbpm.ervu_lkrp_fl a:is(:hover, :focus, :active) {
@ -109,7 +109,7 @@ body.webbpm.ervu_lkrp_fl {
}
.webbpm.ervu_lkrp_fl .header {
font-family: 'Inter';
font-family: 'Inter';
min-height: var(--h-header);
border: 0;
background-color: var(--color-text-primary);
@ -138,7 +138,7 @@ body.webbpm.ervu_lkrp_fl {
}
.webbpm.ervu_lkrp_fl .header .header-logo .header-menu-left {
font-family: 'InterL';
margin-left: 24px;
margin-left: 24px;
}
.webbpm.ervu_lkrp_fl .header .header-menu {
margin-right: var(--w-screen);
@ -210,7 +210,7 @@ body.webbpm.ervu_lkrp_fl {
top: auto;
bottom: auto;
left: auto;
right: auto;
right: auto;
height: var(--h-footer);
border: 0;
background-color: var(--color-text-primary);
@ -226,7 +226,7 @@ body.webbpm.ervu_lkrp_fl {
display: flex;
flex-direction: column;
font-family: 'Inter';
height: 100%;
height: 100%;
padding: 0;
overflow: auto;
}
@ -296,7 +296,7 @@ body.webbpm.ervu_lkrp_fl {
.webbpm.ervu_lkrp_fl #toast-container .toast-error {
width: 100%;
min-width: auto;
}
}
}
/*----------------- Login ---------------- */
@ -384,7 +384,16 @@ body.webbpm.ervu_lkrp_fl {
}
/*--------------- end Login -------------- */
.webbpm.ervu_lkrp_fl .loader {
.webbpm.ervu_lkrp_fl .modal.show.loader .modal-content {
background: none;
border: none;
}
.webbpm.ervu_lkrp_fl .modal.show.loader .modal-dialog {
margin: auto;
}
.webbpm.ervu_lkrp_fl .loader:not(.modal) {
font-size: 15px;
left: calc(50% - 0.4em);
top: calc(50% - 0.4em);
@ -422,4 +431,4 @@ body.webbpm.ervu_lkrp_fl {
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.3), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3), 2.5em 0em 0 0em rgba(198, 78, 27, 0.3), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.3), 0em 2.5em 0 0em rgba(198, 78, 27, 0.3), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.7), -2.6em 0em 0 0em rgba(198, 78, 27, 1), -1.8em -1.8em 0 0em #ffffff;
}
}
}

View file

@ -45,6 +45,7 @@ export abstract class AuthGuard implements CanActivate {
return false;
}
if (code && state) {
this.progressIndicationService.showProgressBar();
const params = new HttpParams().set('code', code).set('state', state);
this.httpClient.get("esia/auth",
{
@ -58,6 +59,7 @@ export abstract class AuthGuard implements CanActivate {
.toPromise()
.then(
() => {
this.progressIndicationService.hideProgressBar();
window.open(url.origin + url.pathname, "_self");
})
.catch(reason => {
@ -65,7 +67,8 @@ export abstract class AuthGuard implements CanActivate {
json.messages.forEach((errorMessage) => {
this.messageService.error(errorMessage, json);
})
});
})
.finally(() => this.progressIndicationService.hideProgressBar());
return false;
}
else {