MaDgIK
/
graph
13
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

[Graph | Trunk]: Finish development base on new mocks 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@60887 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
Konstantinos Triantafyllou 2021-04-16 13:14:42 +00:00
parent ca4783036f
commit 4303686aa9
9 changed files with 41 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/about/about.component.html
View File

@ -661,8 +661,8 @@
</div>
<div id="metrics" class="uk-container uk-container-large uk-section">
<div class="uk-padding-small">
<h2 class="uk-text-center uk-margin-xlarge-bottom">Data & Metrics</h2>
<numbers [backgroundClass]="null"></numbers>
<h2 class="uk-text-center uk-margin-medium-bottom">Data & Metrics</h2>
<numbers colorClass="uk-text-secondary"></numbers>
</div>
</div>
<div id="infrastructure" class="uk-container uk-section">

1
src/app/about/team.component.css
View File

@ -1,7 +1,6 @@
.uk-card .uk-card-flip-inner .front,
.uk-card .uk-card-flip-inner .back {
border-radius: 5px;
box-shadow: 0 2px 5px #0000001a;
border: 1px solid #E0E0E0;
font-size: 14px;
font-family: "Roboto", sans-serif;

27
src/app/about/team.component.ts
View File

@ -8,6 +8,7 @@ import {EnvProperties} from '../openaireLibrary/utils/properties/env-properties'
import {properties} from '../../environments/environment';
import {Subscription} from 'rxjs';
import {Router} from '@angular/router';
import {HelperFunctions} from '../openaireLibrary/utils/HelperFunctions.class';
@Component({
selector: 'team',
@ -27,7 +28,7 @@ import {Router} from '@angular/router';
<div class="uk-grid uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1 uk-margin-large-top" uk-grid>
<div *ngFor="let member of team;" class="uk-card uk-card-flip" [class.uk-active]="member.active === true">
<div class="uk-card-flip-inner">
<div class="front">
<div class="front clickable" (click)="member.active = true">
<div class="uk-padding">
<div class="uk-text-center">
<img [src]="'assets/graph-assets/about/team/' + member.photo">
@ -40,10 +41,10 @@ import {Router} from '@angular/router';
</div>
</div>
<div class="uk-position-bottom-center uk-margin-bottom">
<a class="portal-link" (click)="member.active = true">Learn more</a>
<a class="portal-link">Learn more</a>
</div>
</div>
<div class="back">
<div class="back clickable" (click)="member.active = false">
<div class="uk-padding">
<div class="uk-text-center">
<img [src]="'assets/graph-assets/about/team/' + member.photo">
@ -51,21 +52,15 @@ import {Router} from '@angular/router';
<h6 class="uk-text-center portal-color">{{member.name}}</h6>
</div>
</div>
<div class="uk-margin-small-bottom">
<span class="uk-text-bold">Role: </span> {{member.role}}
</div>
<div class="uk-margin-small-bottom">
<span class="uk-text-bold">Affiliation: </span> {{member.affiliation}}
</div>
<div>
<span class="uk-text-bold">Country: </span> {{member.country}}
</div>
<!-- <div>
<div class="uk-margin-small-bottom">
<span class="uk-text-bold">Responsibilities: </span> {{member.responsibilities}}
</div>-->
</div>
<div class="uk-margin-small-bottom">
<span class="uk-text-bold">Affiliation: </span> {{member.affiliation}}, {{member.country}}
</div>
</div>
<div class="uk-position-bottom-center uk-margin-bottom">
<a class="portal-link" (click)="member.active = false">Back</a>
<a class="portal-link">Back</a>
</div>
</div>
</div>
@ -79,7 +74,7 @@ import {Router} from '@angular/router';
styleUrls: ['team.component.css']
})
export class TeamComponent implements OnInit, OnDestroy {
public team: member[] = team;
public team: member[] = HelperFunctions.copy(team);
properties: EnvProperties = properties;
description = "The OpenAIRE Research Graph Team";
title = "OpenAIRE - Research Graph | Team";

25
src/app/about/team.ts
View File

@ -14,9 +14,7 @@ export const team: member[] = [
role: 'Researcher / Product Manager of the OpenAIRE Research Community Dashboard (CONNECT)',
affiliation: 'Institute of Information Science and Technologies, Italian National Research Council',
country: 'Italy',
responsibilities:
'Responsible for the design and operation of the pipeline for the materialisation and data quality evaluation of the graph\n' +
'Responsible for the integration of content for the communities using OpenAIRE CONNECT services.',
responsibilities: 'Design and operation of the pipeline for the materialisation and data quality evaluation of the graph.',
photo: 'alessia.jpg'
},
{
@ -32,7 +30,7 @@ export const team: member[] = [
role: 'Τechnical Team - Systems Administrator',
affiliation: 'Institute of Information Science and Technologies, Italian National Research Council',
country: 'Italy',
responsibilities: 'Working on the computing and storage infrastructure on the CNR side, maintaining the Hadoop and ElasticSearch clusters.',
responsibilities: 'Computing and storage infrastructure (CNR), maintaining the Hadoop and ElasticSearch clusters.',
photo: 'dell_amico.jpg'
},
{
@ -40,7 +38,7 @@ export const team: member[] = [
role: 'Researcher/Data scientist',
affiliation: 'Institute of Information Science and Technologies, Italian National Research Council',
country: 'Italy',
responsibilities: 'Working on data analysis and quality of data.',
responsibilities: 'Data analysis and quality of data.',
photo: 'mannocci.jpg'
},
{
@ -48,7 +46,7 @@ export const team: member[] = [
role: 'OpenAIRE Project Officer',
affiliation: 'Bielefeld University Library',
country: 'Germany',
responsibilities: 'Responsible with the UniBI team for the aggregation (collection and transformation) of metadata.',
responsibilities: 'Aggregation (collection and transformation) of metadata.',
photo: 'czerniak.jpg'
},
{
@ -56,8 +54,7 @@ export const team: member[] = [
role: 'Software & Data Engineer / Data quality',
affiliation: 'Institute of Information Science and Technologies, Italian National Research Council',
country: 'Italy',
responsibilities:
'Responsible for the design of graph processing pipeline, glueing the different stages together, from the content aggregation, to the end of the supply chain at the indexing stage.',
responsibilities: 'Design of graph processing pipeline, gluing all stages, from the content aggregation, to indexing.',
photo: 'claudio.jpg'
},
{
@ -81,7 +78,7 @@ export const team: member[] = [
role: 'Senior Scientific Associate',
affiliation: 'Athena Research Center (ARC)',
country: 'Greece',
responsibilities: 'Responsible for the Text and Data Mining (TDM) modules used in the graph Enrichment phase.',
responsibilities: 'Lead the Text and Data Mining (TDM) modules used in the graph Enrichment phase.',
photo: 'dimitropoulos.jpg'
},
{
@ -89,7 +86,7 @@ export const team: member[] = [
role: 'Software & Data Engineer / Research Assistant',
affiliation: 'Athena Research Center (ARC)',
country: 'Greece',
responsibilities: 'Development of a software to extract the full-texts from publications\' web-pages. These full-texts are used by the Text and Data Mining (TDM) modules. Implementation of Text and Data Mining (TDM) modules, used in the graph Enrichment phase.',
responsibilities: 'Implementation of Text and Data Mining (TDM) modules, used in the graph Enrichment phase.',
photo: 'lampros.jpg'
},
{
@ -97,7 +94,7 @@ export const team: member[] = [
role: 'Technical Team',
affiliation: 'Institute of Information Science and Technologies, Italian National Research Council',
country: 'Italy',
responsibilities: 'Responsible for the deduplication phase and the creation of algorithms to identify groups of data into the graph.',
responsibilities: 'Deduplication phase and the creation of algorithms to identify groups of data into the graph.',
photo: 'de_bonis.jpg'
},
{
@ -105,7 +102,7 @@ export const team: member[] = [
role: 'Researcher / Software & Data Engineer / Data quality',
affiliation: 'Institute of Information Science and Technologies, Italian National Research Council',
country: 'Italy',
responsibilities: 'Responsible for the graph enrichment steps not related to mining, and to the production of the graph dumps.',
responsibilities: 'Graph enrichment steps (not related to mining), and production of the graph dumps.',
photo: 'miriam.jpeg'
},
{
@ -113,7 +110,7 @@ export const team: member[] = [
role: 'Chief Technical Officer',
affiliation: 'Institute of Information Science and Technologies, Italian National Research Council',
country: 'Italy',
responsibilities: 'Responsible for the design and roadmapping of the OpenAIRE infrastructure services, their operation, evolution, and interaction with third-parties.',
responsibilities: 'Design, roadmapping of the OpenAIRE infrastructure services, their operation, evolution, and interaction with third-parties.',
photo: 'paolo.png'
},
{
@ -121,7 +118,7 @@ export const team: member[] = [
role: 'Technical Team',
affiliation: 'Institute of Information Science and Technologies, Italian National Research Council',
country: 'Italy',
responsibilities: 'Responsible for the graph enrichment steps including the generation of DOIBoost.',
responsibilities: 'Graph enrichment steps including the generation of DOIBoost.',
photo: 'sandro.jpg'
},
{

8
src/app/home/home.component.html
View File

@ -180,7 +180,7 @@
</div>
<div>
<div class="case">
<img src="assets/graph-assets/home/cases/ec.png">
<img style="height: 100px" src="assets/graph-assets/home/cases/ec.png">
</div>
<h4 class="uk-text-bold uk-text-center uk-margin-top">European Commission</h4>
<div class="uk-text-justify">
@ -381,10 +381,8 @@
<div>
<div class="uk-section">
<div class="uk-padding-small">
<h2 class="uk-text-center">
We believe in <span class="uk-text-bold">Numbers</span>
</h2>
<numbers></numbers>
<h2 class="uk-text-center uk-margin-medium-bottom">We believe in <span class="uk-text-bold">Numbers</span></h2>
<numbers backgroundClass="numbers-background" colorClass="uk-text-secondary"></numbers>
</div>
</div>
</div>

25
src/app/resources/references.component.ts
View File

@ -13,7 +13,7 @@ import {SEOService} from '../openaireLibrary/sharedComponents/SEO/SEO.service';
template: `
<schema2jsonld [URL]="properties.domain + '/resources/references'"
[logoURL]="properties.domain + '/assets/common-assets/logo-small-graph.png'"
[description]="description" type="other" [name]="title">
[description]="description" type="other" [name]="title">
</schema2jsonld>
<div>
<div class="uk-section">
@ -73,6 +73,9 @@ import {SEOService} from '../openaireLibrary/sharedComponents/SEO/SEO.service';
<li>Manghi, P., Atzori, C., De Bonis, M., & Bardi, A. (2020). Entity deduplication in big data graphs for scholarly
communication. Data Technologies and Applications. 10.1108/DTA-09-2019-0163.
</li>
<li>Manghi, P., & Mikulicic, M. (2011, October). PACE: A general-purpose tool for authority control. In Research Conference on
Metadata and Semantic Research (pp. 80-92). Springer, Berlin, Heidelberg. 10.1007/978-3-642-24731-6_8
</li>
<li>
Atzori, C., Manghi, P., & Bardi, A. (2018, December). GDup: de-duplication of scholarly communication big graphs. In 2018
IEEE/ACM 5th International Conference on Big Data Computing Applications and Technologies (BDCAT) (pp. 142-151). IEEE.
@ -167,8 +170,8 @@ import {SEOService} from '../openaireLibrary/sharedComponents/SEO/SEO.service';
})
export class ReferencesComponent implements OnInit, OnDestroy {
properties: EnvProperties = properties;
description = "How to cite? Bibliographic references relative to the implementation of the OpenAIRE research graph processing pipeline and how to cite the graph results. ";
title = "OpenAIRE - Research Graph | References";
description = 'How to cite? Bibliographic references relative to the implementation of the OpenAIRE research graph processing pipeline and how to cite the graph results. ';
title = 'OpenAIRE - Research Graph | References';
subs: Subscription[] = [];
public breadcrumbs: Breadcrumb[] = [
{
@ -184,27 +187,27 @@ export class ReferencesComponent implements OnInit, OnDestroy {
}
];
constructor(private _title: Title, private _piwikService:PiwikService,
constructor(private _title: Title, private _piwikService: PiwikService,
private _router: Router, private _meta: Meta,
private seoService: SEOService) {
}
ngOnInit() {
this._title.setTitle(this.title);
this._meta.updateTag({content:this.description},"name='description'");
this._meta.updateTag({content:this.description},"property='og:description'");
this._meta.updateTag({content:this.title},"property='og:title'");
var url = this.properties.domain + this.properties.baseLink+this._router.url;
this._meta.updateTag({content: this.description}, 'name=\'description\'');
this._meta.updateTag({content: this.description}, 'property=\'og:description\'');
this._meta.updateTag({content: this.title}, 'property=\'og:title\'');
var url = this.properties.domain + this.properties.baseLink + this._router.url;
this.seoService.createLinkForCanonicalURL(url, false);
this._meta.updateTag({content:url},"property='og:url'");
if(this.properties.enablePiwikTrack && (typeof document !== 'undefined')){
this._meta.updateTag({content: url}, 'property=\'og:url\'');
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
this.subs.push(this._piwikService.trackView(this.properties, this.title).subscribe());
}
}
public ngOnDestroy() {
this.subs.forEach(sub => {
if(sub instanceof Subscription) {
if (sub instanceof Subscription) {
sub.unsubscribe();
}
});

BIN
src/assets/graph-assets/about/team/dell_amico.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 94 KiB

BIN
src/assets/graph-assets/about/team/mannocci.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 263 KiB

After

Width:  |  Height:  |  Size: 60 KiB

BIN
src/assets/graph-assets/about/team/sandro.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 989 KiB