micord/ervu-lkrp-fl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SUPPORT-9173: add progress bar; fix loader css

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

27
frontend/src/resources/css/inbox-lkrp.css
View file

@ -81,7 +81,7 @@ body.webbpm.ervu_lkrp_fl {
--size-text-title: 36px; --size-text-title: 36px;
--size-text-subtitle: 20px; --size-text-subtitle: 20px;
--size-text-primary: 18px; --size-text-primary: 18px;
--size-text-secondary: 16px; --size-text-secondary: 16px;
--indent-huge: 48px; --indent-huge: 48px;
--indent-big: 40px; --indent-big: 40px;
@ -101,7 +101,7 @@ body.webbpm.ervu_lkrp_fl {
} }
.webbpm.ervu_lkrp_fl a { .webbpm.ervu_lkrp_fl a {
color: var(--color-link); color: var(--color-link);
text-decoration: none; text-decoration: none;
} }
.webbpm.ervu_lkrp_fl a:is(:hover, :focus, :active) { .webbpm.ervu_lkrp_fl a:is(:hover, :focus, :active) {
@ -109,7 +109,7 @@ body.webbpm.ervu_lkrp_fl {
} }
.webbpm.ervu_lkrp_fl .header { .webbpm.ervu_lkrp_fl .header {
font-family: 'Inter'; font-family: 'Inter';
min-height: var(--h-header); min-height: var(--h-header);
border: 0; border: 0;
background-color: var(--color-text-primary); 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 { .webbpm.ervu_lkrp_fl .header .header-logo .header-menu-left {
font-family: 'InterL'; font-family: 'InterL';
margin-left: 24px; margin-left: 24px;
} }
.webbpm.ervu_lkrp_fl .header .header-menu { .webbpm.ervu_lkrp_fl .header .header-menu {
margin-right: var(--w-screen); margin-right: var(--w-screen);
@ -210,7 +210,7 @@ body.webbpm.ervu_lkrp_fl {
top: auto; top: auto;
bottom: auto; bottom: auto;
left: auto; left: auto;
right: auto; right: auto;
height: var(--h-footer); height: var(--h-footer);
border: 0; border: 0;
background-color: var(--color-text-primary); background-color: var(--color-text-primary);
@ -226,7 +226,7 @@ body.webbpm.ervu_lkrp_fl {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: 'Inter'; font-family: 'Inter';
height: 100%; height: 100%;
padding: 0; padding: 0;
overflow: auto; overflow: auto;
} }
@ -296,7 +296,7 @@ body.webbpm.ervu_lkrp_fl {
.webbpm.ervu_lkrp_fl #toast-container .toast-error { .webbpm.ervu_lkrp_fl #toast-container .toast-error {
width: 100%; width: 100%;
min-width: auto; min-width: auto;
} }
} }
/*----------------- Login ---------------- */ /*----------------- Login ---------------- */
@ -384,7 +384,16 @@ body.webbpm.ervu_lkrp_fl {
} }
/*--------------- end Login -------------- */ /*--------------- 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; font-size: 15px;
left: calc(50% - 0.4em); left: calc(50% - 0.4em);
top: calc(50% - 0.4em); top: calc(50% - 0.4em);
@ -422,4 +431,4 @@ body.webbpm.ervu_lkrp_fl {
87.5% { 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; 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;
} }
} }

5
frontend/src/ts/modules/security/guard/auth.guard.ts
View file

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