MaDgIK
/
irish-monitor
13
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

[master] add open access badge in banners on all pages

This commit is contained in:
Alex Martzios 2023-12-11 11:13:53 +02:00
parent 9ae979d79f
commit 6897fda551
8 changed files with 49 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/national/national.component.ts
View File

@ -21,7 +21,18 @@ import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields
<div class="uk-banner uk-light"> <div class="uk-banner uk-light">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-padding-small uk-padding-remove-vertical"> <div class="uk-padding-small uk-padding-remove-vertical">
<h1 class="uk-h4 uk-margin-small-bottom">{{entities.country}} {{entities.stakeholder}}</h1> <div class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
<div class="uk-width-expand">
<h1 *ngIf="stakeholder" class="uk-h4 uk-margin-remove uk-text-truncate">{{entities.country}} {{entities.stakeholder}}</h1>
</div>
<div class="uk-width-auto">
<div class="uk-progress-semicircle open-access" [attr.percentage]="0" [style]="'--percentage:' + 0"></div>
<div class="uk-flex uk-flex-middle uk-margin-small-top">
<icon [name]="'open_access'" [flex]="true" class="open-access"></icon>
<span class="uk-margin-xsmall-left">Open Access</span>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="uk-banner-footer"> <div class="uk-banner-footer">

3
src/app/national/national.module.ts
View File

@ -4,6 +4,7 @@ import {Route, RouterModule} from "@angular/router";
import {NationalComponent} from "./national.component"; import {NationalComponent} from "./national.component";
import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module"; import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module";
import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module"; import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module";
import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
const routes: Route[] = [ const routes: Route[] = [
{ {
path: '', component: NationalComponent, children: [ path: '', component: NationalComponent, children: [
@ -14,7 +15,7 @@ const routes: Route[] = [
]; ];
@NgModule({ @NgModule({
imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule], imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule],
declarations: [NationalComponent], declarations: [NationalComponent],
exports: [NationalComponent], exports: [NationalComponent],
}) })

2
src/app/repository/repository.component.ts
View File

@ -21,7 +21,7 @@ import {SearchDataprovidersService} from "../openaireLibrary/services/searchData
<div class="uk-banner uk-light"> <div class="uk-banner uk-light">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-padding-small uk-padding-remove-vertical"> <div class="uk-padding-small uk-padding-remove-vertical">
<div *ngIf="stakeholder" class="uk-width-1-1 uk-grid uk-grid-large uk-margin-medium-bottom" uk-grid> <div *ngIf="stakeholder" class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
<div class="uk-width-expand"> <div class="uk-width-expand">
<div class="uk-grid uk-grid-small uk-flex-middle" uk-grid> <div class="uk-grid uk-grid-small uk-flex-middle" uk-grid>
<div> <div>

2
src/app/researcher/researcher.component.ts
View File

@ -21,7 +21,7 @@ import {properties} from "../../environments/environment";
<div class="uk-banner uk-light"> <div class="uk-banner uk-light">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-padding-small uk-padding-remove-vertical"> <div class="uk-padding-small uk-padding-remove-vertical">
<div *ngIf="authorId && author" class="uk-grid uk-grid-large" uk-grid> <div *ngIf="authorId && author" class="uk-grid uk-grid-large uk-flex-middle" uk-grid>
<div class="uk-width-expand"> <div class="uk-width-expand">
<div class="uk-grid uk-grid-small uk-flex-middle" uk-grid> <div class="uk-grid uk-grid-small uk-flex-middle" uk-grid>
<div> <div>

13
src/app/rfo/rfo.component.ts
View File

@ -20,7 +20,18 @@ import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields
<div class="uk-banner uk-light"> <div class="uk-banner uk-light">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-padding-small uk-padding-remove-vertical"> <div class="uk-padding-small uk-padding-remove-vertical">
<h1 *ngIf="stakeholder" class="uk-h4 uk-margin-small-bottom">{{stakeholder.name}}</h1> <div *ngIf="stakeholder" class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
<div class="uk-width-expand">
<h1 *ngIf="stakeholder" class="uk-h5 uk-margin-remove uk-text-truncate">{{stakeholder.name}}</h1>
</div>
<div class="uk-width-auto">
<div class="uk-progress-semicircle open-access" [attr.percentage]="0" [style]="'--percentage:' + 0"></div>
<div class="uk-flex uk-flex-middle uk-margin-small-top">
<icon [name]="'open_access'" [flex]="true" class="open-access"></icon>
<span class="uk-margin-xsmall-left">Open Access</span>
</div>
</div>
</div>
<h1 *ngIf="!stakeholder" class="uk-h4 uk-margin-small-bottom">{{entities.funders}}</h1> <h1 *ngIf="!stakeholder" class="uk-h4 uk-margin-small-bottom">{{entities.funders}}</h1>
</div> </div>
</div> </div>

3
src/app/rfo/rfo.module.ts
View File

@ -4,6 +4,7 @@ import {Route, RouterModule} from "@angular/router";
import {RfoComponent} from "./rfo.component"; import {RfoComponent} from "./rfo.component";
import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module"; import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module";
import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module"; import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module";
import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
const routes: Route[] = [ const routes: Route[] = [
{ {
path: '', component: RfoComponent, children: [ path: '', component: RfoComponent, children: [
@ -15,7 +16,7 @@ const routes: Route[] = [
]; ];
@NgModule({ @NgModule({
imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule], imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule],
declarations: [RfoComponent], declarations: [RfoComponent],
exports: [RfoComponent], exports: [RfoComponent],
}) })

13
src/app/rpo/rpo.component.ts
View File

@ -20,7 +20,18 @@ import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields
<div class="uk-banner uk-light"> <div class="uk-banner uk-light">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-padding-small uk-padding-remove-vertical"> <div class="uk-padding-small uk-padding-remove-vertical">
<h1 *ngIf="stakeholder" class="uk-h4 uk-margin-small-bottom">{{stakeholder.name}}</h1> <div *ngIf="stakeholder" class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
<div class="uk-width-expand">
<h1 *ngIf="stakeholder" class="uk-h5 uk-margin-remove uk-text-truncate">{{stakeholder.name}}</h1>
</div>
<div class="uk-width-auto">
<div class="uk-progress-semicircle open-access" [attr.percentage]="0" [style]="'--percentage:' + 0"></div>
<div class="uk-flex uk-flex-middle uk-margin-small-top">
<icon [name]="'open_access'" [flex]="true" class="open-access"></icon>
<span class="uk-margin-xsmall-left">Open Access</span>
</div>
</div>
</div>
<h1 *ngIf="!stakeholder" class="uk-h4 uk-margin-small-bottom">{{entities.organizations}}</h1> <h1 *ngIf="!stakeholder" class="uk-h4 uk-margin-small-bottom">{{entities.organizations}}</h1>
</div> </div>
</div> </div>

7
src/app/rpo/rpo.module.ts
View File

@ -4,18 +4,19 @@ import {Route, RouterModule} from "@angular/router";
import {RpoComponent} from "./rpo.component"; import {RpoComponent} from "./rpo.component";
import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module"; import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module";
import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module"; import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module";
import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
const routes: Route[] = [ const routes: Route[] = [
{ {
path: '', component: RpoComponent, children: [ path: '', component: RpoComponent, children: [
{path: '', loadChildren: () => import('../shared/browse-stakeholders/browse-stakeholders.module').then(m => m.BrowseStakeholdersModule)}, {path: '', loadChildren: () => import('../shared/browse-stakeholders/browse-stakeholders.module').then(m => m.BrowseStakeholdersModule)},
{path: ':stakeholder', loadChildren: () => import('../shared/monitor/monitor.module').then(m => m.MonitorModule)}, {path: ':stakeholder/search', loadChildren: () => import('../search/resultLanding.module').then(m => m.ResultLandingModule)},
{path: ':stakeholder/search', loadChildren: () => import('../search/resultLanding.module').then(m => m.ResultLandingModule)} {path: ':stakeholder', loadChildren: () => import('../shared/monitor/monitor.module').then(m => m.MonitorModule)}
] ]
} }
]; ];
@NgModule({ @NgModule({
imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule], imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule],
declarations: [RpoComponent], declarations: [RpoComponent],
exports: [RpoComponent], exports: [RpoComponent],
}) })