MaDgIK
/
monitor-dashboard
13
0
Fork 0
Code Issues Pull Requests Projects Releases 17 Wiki Activity

Develop and methodology mobile view justify. Change header rules in app component

This commit is contained in:
Konstantinos Triantafyllou 2022-02-28 18:02:38 +02:00
parent c758d33f8b
commit fa77e9871f
7 changed files with 34 additions and 411 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/app.component.ts
View File

@ -48,7 +48,8 @@ export class AppComponent implements OnInit, OnDestroy {
logoSmallUrl: null,
position: 'center',
badge: false,
stickyAnimation: false
stickyAnimation: false,
menuPosition: "center"
};
userMenuItems: MenuItem[] = [];
@ -275,7 +276,8 @@ export class AppComponent implements OnInit, OnDestroy {
logoSmallUrl: "assets/common-assets/logo-small-monitor.png",
position: 'left',
badge: true,
stickyAnimation: false
stickyAnimation: false,
menuPosition: "center"
};
this.menuItems.push({
rootItem: new MenuItem("dashboard", "Dashboard",
@ -312,7 +314,8 @@ export class AppComponent implements OnInit, OnDestroy {
logoSmallUrl: null,
position: 'center',
badge: false,
stickyAnimation: false
stickyAnimation: false,
menuPosition: "center"
};
this.menuItems.push({
rootItem: new MenuItem("methodology", "Methodology",
@ -350,7 +353,8 @@ export class AppComponent implements OnInit, OnDestroy {
logoSmallUrl: null,
position: 'center',
badge: false,
stickyAnimation: false
stickyAnimation: false,
menuPosition: "center"
};
this.menuItems.push({
rootItem: new MenuItem("", "Dashboard",
@ -378,7 +382,8 @@ export class AppComponent implements OnInit, OnDestroy {
logoSmallUrl: "assets/common-assets/logo-small-monitor.png",
position: 'left',
badge: true,
stickyAnimation: false
stickyAnimation: false,
menuPosition: "center"
};
this.menuItems.push({
rootItem: new MenuItem("about", "About",
@ -404,7 +409,8 @@ export class AppComponent implements OnInit, OnDestroy {
logoSmallUrl: null,
position: 'center',
badge: false,
stickyAnimation: false
stickyAnimation: false,
menuPosition: "center"
};
this.adminMenuItems = [];
this.specialSideBarMenuItem = null;

60
src/app/develop/develop.component.css
View File

@ -1,60 +0,0 @@
/* .uk-card {
box-shadow: 0 6px 15px #0000001A;
border-radius: 36px;
padding: 65px;
font-family: "Roboto", sans-serif;
font-size: var(--large-font-size);
}
ul.portal-circle {
list-style: none;
padding-left: 40px;
font-family: "Open Sans", sans-serif;
font-size: var(--font-size);
}
ul.portal-circle li {
margin: 0 0 20px 0;
position: relative;
}
ul.portal-circle li:before {
content: "";
border: 5px var(--portal-main-color) solid !important;
border-radius: 50px;
line-height: 21px;
margin-left: -20px;
position: absolute;
top: 7px;
}
.documentation {
max-width: 500px;
background: #EEF7E6;
border-radius: 15px;
padding: 30px;
font-family: "Open Sans", sans-serif;
font-size: var(--small-font-size);
}
@media only screen and (max-width: 959px) {
.uk-card {
padding: 30px;
}
ul.portal-circle {
padding-left: 20px;
}
ul.light-blue-triangle li {
margin: 0 0 20px 0;
}
ul.light-blue-circle.large li {
margin: 0 0 20px 0;
}
.documentation {
padding: 10px;
}
} */

92
src/app/develop/develop.component.ts
View File

@ -19,7 +19,7 @@ import {StakeholderUtils} from "../utils/indicator-utils";
</div>
</div>
<div class="uk-section uk-container uk-container-large uk-padding-remove-top">
<div class="uk-padding-small uk-grid uk-grid-large uk-child-width-1-3" uk-grid>
<div class="uk-padding-small uk-grid uk-grid-large uk-child-width-1-3@m uk-child-width-1-1" uk-grid>
<div class="uk-text-center uk-margin-large-top">
<div class="uk-icon-bg-shadow uk-margin-auto">
<icon name="description" [flex]="true" ratio="2" visuallyHidden="For research outcomes"></icon>
@ -64,7 +64,7 @@ import {StakeholderUtils} from "../utils/indicator-utils";
</div>
</div>
<div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
<div class="uk-padding-small uk-grid uk-grid-large uk-child-width-1-2@m uk-child-width-1-1" uk-grid>
<div>
<div>Request examples for research outcomes:</div>
<ul class="uk-list uk-list-disc">
@ -115,94 +115,6 @@ import {StakeholderUtils} from "../utils/indicator-utils";
</div>
</div>
</div>
<!-- <div page-content>
<div inner>
<div *ngIf="stakeholder" class="uk-container uk-container-large uk-section-small">
<h1 class="uk-text-center uk-h2">
Develop
</h1>
<div class="uk-margin-medium-top uk-card uk-card-body uk-card-default">
<h3 class="uk-text-center">Help developers with <span
class="portal-color uk-text-bold">OpenAIRE APIs</span>
</h3>
<div class="uk-margin-large-top uk-margin-medium-bottom">
Not sure where to start? Let us give you some guides and request examples.
</div>
<div class="uk-grid uk-child-width-1-2@l uk-child-width-1-1" uk-grid>
<div>
<p>
<span class="uk-text-bold">For research outcomes </span>
(publications, datasets, software and other research data) you can use the
<a href="https://graph.openaire.eu/develop/api.html" target="_blank">Selective Access APIs</a>
by adding the <span class="uk-text-lowercase">{{type}}</span> parameter.
</p>
<p>
Request examples:
</p>
<ul class="portal-circle">
<li>
<span class="uk-text-bold">Access “Publications”</span><br>
<span class="uk-text-bold">GET</span>
<span class="uk-text-break space">https://api.openaire.eu/search/publications?funder={{stakeholder.index_shortName}}</span>
</li>
<li>
<span class="uk-text-bold">Access “Open Access Publications”</span><br>
<span class="uk-text-bold">GET</span>
<span class="uk-text-break space">http://api.openaire.eu/search/publications?funder={{stakeholder.index_shortName}}&OA=true</span>
</li>
<li>
<span class="uk-text-bold">Access “Datasets”</span><br>
<span class="uk-text-bold">GET</span>
<span class="uk-text-break space">https://api.openaire.eu/search/datasets?funder={{stakeholder.index_shortName}}</span>
</li>
<li>
<span class="uk-text-bold">Access “Software”</span><br>
<span class="uk-text-bold">GET</span>
<span class="uk-text-break space">https://api.openaire.eu/search/software?funder={{stakeholder.index_shortName}}</span>
</li>
<li>
<span class="uk-text-bold">Access “Other Research”</span><br>
<span class="uk-text-bold">GET</span>
<span class="uk-text-break space">https://api.openaire.eu/search/other?funder={{stakeholder.index_shortName}}</span>
</li>
</ul>
</div>
<div>
<p>
<span class="uk-text-bold">For projects</span> you can use the <a href="https://graph.openaire.eu/develop/api.html" target="_blank">Selective Access APIs</a>
and the <a href="https://graph.openaire.eu/develop/bulk-projects.html" target="_blank">Bulk Access APIs</a>.
</p>
<p>
Request examples:
</p>
<ul class="portal-circle">
<li>
<span class="uk-text-bold">For the “Selective Access”</span><br>
<span class="uk-text-break space">https://api.openaire.eu/search/projects?funder={{stakeholder.index_shortName}}</span>
</li>
<li>
<span class="uk-text-bold">For the “Bulk Access”</span><br>
<span class="uk-text-bold uk-text-nowrap">DSpace endpoint:</span>
<span class="uk-text-break space">https://api.openaire.eu/projects/dspace/{{stakeholder.index_shortName}}/ALL/ ALL</span><br>
<span class="uk-text-bold uk-text-nowrap">ePrints endpoint:</span>
<span class="uk-text-break space">https://api.openaire.eu/projects/eprints/{{stakeholder.index_shortName}}/ALL/ ALL</span>
</li>
</ul>
<div class="uk-flex uk-flex-center uk-width-1-1 uk-margin-medium-top">
<img width="350" src="assets/develop.png">
</div>
</div>
</div>
<div class="uk-margin-large-top uk-flex uk-flex-center uk-padding">
<div class="documentation">
For <span class="uk-text-bold">more information</span> on the full potential of the OpenAIRE APIs please check
the <a href="https://graph.openaire.eu/develop" target="_blank">OpenAIRE API Documentation</a>.
</div>
</div>
</div>
</div>
</div>
</div> -->
`,
styleUrls: ['develop.component.css']
})

53
src/app/methodology/methodology.component.css
View File

@ -1,53 +0,0 @@
/* table {
font-size: 14px;
background-color: #FFFFFF;
width:100%;
table-layout: fixed;
overflow-wrap: break-word;
}
table th {
width: 25%;
}
table th, table td {
border: 1px solid #DEDEDE;
padding: 25px 40px;
vertical-align: top;
text-align: start;
}
table th.important {
background-color: #eff6e6;
}
ul.portal-circle {
list-style: none;
padding-left: 40px;
font-family: "Open Sans", sans-serif;
}
ul.portal-circle li {
margin: 0 0 2px 0;
position: relative;
}
ul.portal-circle li:before {
content: "";
border: 5px var(--portal-main-color) solid !important;
border-radius: 50px;
line-height: 21px;
margin-left: -20px;
position: absolute;
top: 7px;
}
@media only screen and (max-width: 959px) {
table th {
width: 50%;
}
ul.portal-circle {
padding-left: 20px;
}
} */

218
src/app/methodology/methodology.component.ts
View File

@ -24,7 +24,7 @@ import {ActivatedRoute, Router} from "@angular/router";
<ng-container>
<dl class="uk-description-list uk-description-list-divider">
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Research Outcomes</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Research Outcomes</dt>
<dd class="uk-width-expand">
<div>There are currently four different types of research outcomes in the OpenAIRE Research <br> Graph:</div>
<ul class="">
@ -40,14 +40,14 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Publication</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Publication</dt>
<dd class="uk-width-expand">
Research outcomes intended for human reading (published articles, pre-prints, conference <br> papers, presentations, technical reports, etc.)
</dd>
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Dataset</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Dataset</dt>
<dd class="uk-width-expand">
<div>Research data</div>
<div>Granularity is not defined by OpenAIRE, it reflects the granularity supported by
@ -56,14 +56,14 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Software</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Software</dt>
<dd class="uk-width-expand">
Source code or software package developed and/or used in a research context
</dd>
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Other Research Product</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Other Research Product</dt>
<dd class="uk-width-expand">
Anything that does not fall in the previous categories (e.g. workflow, methods, protocols)
</dd>
@ -75,7 +75,7 @@ import {ActivatedRoute, Router} from "@angular/router";
<ng-container>
<dl class="uk-description-list uk-description-list-divider">
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Organization & Country</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Organization & Country</dt>
<dd class="uk-width-expand">
<p><span class="uk-text-bold">For research outcomes:</span> the affiliated organizations of its
authors (and their country)</p>
@ -92,7 +92,7 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Type</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Type</dt>
<dd class="uk-width-expand">
<p>The sub-type of a research outcome (e.g., a publication can be a pre-print, conference proceeding,
article,
@ -105,7 +105,7 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Access mode</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Access mode</dt>
<dd class="uk-width-expand">
<p>The best available (across all instances) access rights of a research outcome</p>
<p>Types: open, restricted, closed, embargo (= closed for a specific period of time, then open)</p>
@ -115,7 +115,7 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">PID (persistent identifier)</dt>
<dt class="uk-width-1-5@m uk-width-1-1">PID (persistent identifier)</dt>
<dd class="uk-width-expand">
<p>A long-lasting reference to a resource</p>
<p><span class="uk-text-bold">Types: </span> <a
@ -125,28 +125,28 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Context</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Context</dt>
<dd class="uk-width-expand">
Related research community, initiative or infrastructure.
</dd>
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Journal</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Journal</dt>
<dd class="uk-width-expand">
The scientific journal an article is published in.
</dd>
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Publisher</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Publisher</dt>
<dd class="uk-width-expand">
The publisher of the venue (journal, book, etc.) of a research outcome.
</dd>
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Content Providers (Datasources)</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Content Providers (Datasources)</dt>
<dd class="uk-width-expand">
<p>The different data sources ingested in the OpenAIRE Research Graph.</p>
<div class="uk-text-bold">Content Provider Types:</div>
@ -162,7 +162,7 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Repositories</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Repositories</dt>
<dd class="uk-width-expand">
Information systems where scientists upload the bibliographic metadata and payloads of their
research outcomes (e.g. PDFs of their scientific articles, CSVs of their data, archive with their
@ -172,7 +172,7 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Open Access Publishers & Journals</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Open Access Publishers & Journals</dt>
<dd class="uk-width-expand">
Information systems of open access publishers or relative journals, which offer bibliographic
metadata and PDFs of their published articles.
@ -180,7 +180,7 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Aggregators</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Aggregators</dt>
<dd class="uk-width-expand">
Information systems that collect descriptive metadata about research products from multiple sources
in order to enable cross-data source discovery of given research products (e,g, DataCite,
@ -189,7 +189,7 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">Entity Registries</dt>
<dt class="uk-width-1-5@m uk-width-1-1">Entity Registries</dt>
<dd class="uk-width-expand">
Information systems created with the intent of maintaining authoritative registries of given
entities in the scholarly communication, such as OpenDOAR for the institutional repositories, re3data
@ -198,7 +198,7 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
<hr>
<div class="uk-grid uk-padding-small" uk-grid>
<dt class="uk-width-1-5">CRIS (Current Research Information System)</dt>
<dt class="uk-width-1-5@m uk-width-1-1">CRIS (Current Research Information System)</dt>
<dd class="uk-width-expand">
Information systems adopted by research and academic organizations to keep track of their research
administration records and relative results; examples of CRIS content are articles or datasets funded
@ -226,188 +226,6 @@ import {ActivatedRoute, Router} from "@angular/router";
</div>
</div>
</div>
<!-- <div page-content>
<div inner>
<div class="uk-container uk-container-large uk-section-small">
<h2 class="uk-text-center">
Terminology and construction
</h2>
<div class="uk-margin-large-top">
<ul class="uk-tab admin customTabs uk-margin-medium-bottom" uk-tab>
<li [class.uk-active]="tab === 'entities'"><a (click)="tab = 'entities'"><span
class="title">Entities</span></a></li>
<li [class.uk-active]="tab === 'attributes'"><a (click)="tab = 'attributes'"><span class="title">Attributes of Entities</span></a>
</li>
</ul>
<table *ngIf="tab === 'entities'">
<tr>
<th class="important">Research Outcomes</th>
<td>
<div>There are currently four different types of research outcomes in the OpenAIRE Research
Graph:
</div>
<ul class="portal-circle">
<li>Publication</li>
<li>Dataset</li>
<li>Software</li>
<li>Other Research Product</li>
</ul>
<div class="uk-margin-small-top">
OpenAIRE deduplicates (merges) different records of research outcomes and keeps the metadata of all
instances.
</div>
</td>
</tr>
<tr>
<th>Publication</th>
<td>Research outcomes intended for human reading (published articles, pre-prints, conference papers,
presentations, technical reports, etc.)
</td>
</tr>
<tr>
<th>Dataset</th>
<td>
<p>Research data</p>
<p>Granularity is not defined by OpenAIRE, it reflects the granularity supported by
the sources from which the description of the dataset has been collected.</p>
</td>
</tr>
<tr>
<th>Software</th>
<td>Source code or software package developed and/or used in a research context</td>
</tr>
<tr>
<th>Other Research Product</th>
<td>Anything that does not fall in the previous categories (e.g. workflow, methods, protocols)</td>
</tr>
</table>
<table *ngIf="tab === 'attributes'">
<tr>
<th>Organization & Country</th>
<td>
<p><span class="uk-text-bold">For research outcomes:</span> the affiliated organizations of its
authors (and their country)</p>
<p><span class="uk-text-bold">For projects:</span> the organizations participating in the project
(i.e. beneficiaries of the grant) and
their countries
</p>
<p>
<span class="uk-text-bold">Country code mapping: </span>
<a href="https://api.openaire.eu/vocabularies/dnet:countries" target="_blank">
https://api.openaire.eu/vocabularies/dnet:countries</a>
</p>
</td>
</tr>
<tr>
<th>Type</th>
<td>
<p>The sub-type of a research outcome (e.g., a publication can be a pre-print, conference proceeding,
article,
etc.)</p>
<p><span class="uk-text-bold">Resource type mapping: </span>
<a href="https://api.openaire.eu/vocabularies/dnet:result_typologies" target="_blank">https://api.openaire.eu/vocabularies/dnet:result_typologies</a>
(click on the code to see the specific types for each result type)
</p>
</td>
</tr>
<tr>
<th>Access mode</th>
<td>
<p>The best available (across all instances) access rights of a research outcome</p>
<p>Types: open, restricted, closed, embargo (= closed for a specific period of time, then open)</p>
<p><span class="uk-text-bold">Note:</span> definition of <span class="uk-text-bold">restricted</span>
may vary by data source.</p>
</td>
</tr>
<tr>
<th>PID (persistent identifier)</th>
<td>
<p>A long-lasting reference to a resource</p>
<p><span class="uk-text-bold">Types: </span> <a
href="http://api.openaire.eu/vocabularies/dnet:pid_types" target="_blank">http://api.openaire.eu/vocabularies/dnet:pid_types</a>
</p>
</td>
</tr>
<tr>
<th>Context</th>
<td>Related research community, initiative or infrastructure</td>
</tr>
<tr>
<th>Journal</th>
<td>The scientific journal an article is published in.</td>
</tr>
<tr>
<th>Publisher</th>
<td>The publisher of the venue (journal, book, etc.) of a research outcome</td>
</tr>
<tr>
<th class="important">Content Providers (Datasources)</th>
<td>
<p>The different data sources ingested in the OpenAIRE Research Graph.</p>
<div class="uk-text-bold">Content Provider Types:</div>
<ul class="portal-circle">
<li>Repositories</li>
<li>Open Access Publishers & Journals</li>
<li>Aggregators</li>
<li>Entity Registries</li>
<li>Journal Aggregators</li>
<li>CRIS (Current Research Information System)</li>
</ul>
</td>
</tr>
<tr>
<th>Repositories</th>
<td>Information systems where scientists upload the bibliographic metadata and payloads of their
research outcomes (e.g. PDFs of their scientific articles, CSVs of their data, archive with their
software), due to obligations from their organizations, their funders, or due to community practices
(e.g. ArXiv, Europe PMC, Zenodo).
</td>
</tr>
<tr>
<th>Open Access Publishers & Journals</th>
<td>Information systems of open access publishers or relative journals, which offer bibliographic
metadata and PDFs of their published articles.
</td>
</tr>
<tr>
<th>Aggregators</th>
<td>Information systems that collect descriptive metadata about research products from multiple sources
in order to enable cross-data source discovery of given research products (e,g, DataCite,
BASE, DOAJ).
</td>
</tr>
<tr>
<th>Entity Registries</th>
<td>Information systems created with the intent of maintaining authoritative registries of given
entities in the scholarly communication, such as OpenDOAR for the institutional repositories, re3data
for the data repositories, CORDA and other funder databases for projects and funding information.
</td>
</tr>
<tr>
<th>CRIS (Current Research Information System)</th>
<td>Information systems adopted by research and academic organizations to keep track of their research
administration records and relative results; examples of CRIS content are articles or datasets funded
by projects, their principal investigators, facilities acquired thanks to funding, etc.
</td>
</tr>
</table>
<div class="uk-text-small uk-margin-small-top">
<img src="assets/common-assets/graph.svg" style="opacity: 0.4">
<span class="uk-margin-small-left uk-text-baseline uk-text-muted">More information for <a
href="https://graph.openaire.eu" class="graph-color">OpenAIRE Research Graph</a>.</span>
</div>
</div>
</div>
<div id="how" class="uk-container uk-container-large uk-section-small">
<h2 class="uk-text-center">
See how it works
</h2>
<div class="uk-margin-large-top">
<how></how>
</div>
</div>
</div>
</div> -->
`,
styleUrls: ['methodology.component.css']
})

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit ada419f8e82836c19633544aeddcc7ca31a5699b
Subproject commit c2b6547b4c36415ff2e9b1050dcdabc80bb34973

2
src/assets/openaire-theme

@ -1 +1 @@
Subproject commit 0a34bf8f62ef7544060acc4e8333ce13ea929d91
Subproject commit fb13bcae2ffe56445eda67e2e48740dc5a1e12df