[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

src/app/about/about.component.html

@@ -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>
+      <h2 class="uk-text-center uk-margin-medium-bottom">Data & Metrics</h2>
-      <numbers [backgroundClass]="null"></numbers>
+      <numbers colorClass="uk-text-secondary"></numbers>
     </div>
   </div>
   <div id="infrastructure" class="uk-container uk-section">

src/app/about/team.component.css

@@ -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;

src/app/about/team.component.ts

@@ -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">
+                       <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>
                          <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";

src/app/about/team.ts

@@ -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:
+    responsibilities: 'Design and operation of the pipeline for the materialisation and data quality evaluation of the graph.',
-      '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.',
     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:
+    responsibilities: 'Design of graph processing pipeline, gluing all stages, from the content aggregation, to indexing.',
-      '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.',
     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'
   },
   {

src/app/home/home.component.html

@@ -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">
+      <h2 class="uk-text-center uk-margin-medium-bottom">We believe in <span class="uk-text-bold">Numbers</span></h2>
-        We believe in <span class="uk-text-bold">Numbers</span>
+      <numbers backgroundClass="numbers-background" colorClass="uk-text-secondary"></numbers>
-      </h2>
-      <numbers></numbers>
     </div>
   </div>
 </div>

src/app/resources/references.component.ts

@@ -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. ";
+  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";
+  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}, 'name=\'description\'');
-    this._meta.updateTag({content:this.description},"property='og:description'");
+    this._meta.updateTag({content: this.description}, 'property=\'og:description\'');
-    this._meta.updateTag({content:this.title},"property='og:title'");
+    this._meta.updateTag({content: this.title}, 'property=\'og:title\'');
-    var url = this.properties.domain + this.properties.baseLink+this._router.url;
+    var url = this.properties.domain + this.properties.baseLink + this._router.url;
     this.seoService.createLinkForCanonicalURL(url, false);
-    this._meta.updateTag({content:url},"property='og:url'");
+    this._meta.updateTag({content: url}, 'property=\'og:url\'');
-    if(this.properties.enablePiwikTrack && (typeof document !== 'undefined')){
+    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();
       }
     });