MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Library | new-theme]: Updated look of message when errorCodes.NONE in <errorMessages>. 

1. projects-in-modal.component.ts: Use OpenaireEntities in <errorMessages>.
2. errorMessages.component.ts: Updated look of message when errorCodes.NONE: large, meta text which is center and middle aligned instead of alert.
This commit is contained in:
Konstantina Galouni 2022-05-06 12:27:23 +03:00
parent 3e446872c9
commit ce53bd9999
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
landingPages/landing-utils/projects-in-modal.component.ts
View File

@ -31,7 +31,7 @@ import {OpenaireEntities} from '../../utils/properties/searchFields';
</div>
</ng-container>
</div>
<errorMessages [status]="[fetchProjects.searchUtils.status]" [type]="'projects'"
<errorMessages [status]="[fetchProjects.searchUtils.status]" [type]="openaireEntities.PROJECTS"
tab_error_class=true></errorMessages>
<div *ngIf="fetchProjects.searchUtils.status == errorCodes.DONE">
<results-and-pages *ngIf="fetchProjects.searchUtils.totalResults > size" [type]="openaireEntities.PROJECTS"

9
utils/errorMessages.component.ts
View File

@ -9,8 +9,15 @@ import {properties} from "../../../environments/environment";
[class]="(tab_error_class ? '' : 'uk-animation-fade') + ' uk-margin-top uk-width-1-1'" role="alert">
<loading></loading>
</div>
<!-- <div *ngIf="status.every(checkErrorCode(errorCodes.NONE))"-->
<!-- [class]="(tab_error_class ? 'uk-margin-top' : 'uk-animation-fade') + ' uk-alert uk-alert-primary'" role="alert">No {{type}} available</div>-->
<div *ngIf="status.every(checkErrorCode(errorCodes.NONE))"
[class]="(tab_error_class ? 'uk-margin-top' : 'uk-animation-fade') + ' uk-alert uk-alert-primary'" role="alert">No {{type}} available</div>
class="uk-width-expand uk-height-small uk-flex uk-flex-center uk-flex-middle">
<div class="uk-animation-fade uk-text-meta uk-text-large">
No {{type}} available
</div>
</div>
<div *ngIf="status.every(checkErrorCode(errorCodes.ERROR)) ||
(status.some(checkErrorCode(errorCodes.ERROR)) && (!status.every(checkErrorCode(errorCodes.DONE)) || !status.every(checkErrorCode(errorCodes.LOADING))))"
[class]="(tab_error_class ? 'uk-margin-top' : 'uk-animation-fade') + ' uk-alert uk-alert-warning'" role="alert">