MaDgIK
/
monitor
13
0
Fork 0
Code Issues Pull Requests Projects Releases 12 Wiki Activity

Remove breaks from monitor pages. Rename entities base on enumaration

This commit is contained in:
Konstantinos Triantafyllou 2022-05-09 13:39:45 +03:00
parent dde0c08e87
commit effaccacb7
7 changed files with 55 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/contact/contact.component.html
View File

@ -15,8 +15,7 @@
</h1>
<div page-description class="uk-text-large uk-text-center" uk-scrollspy-class>
We would be happy to open a discussion with you to better understand your needs and share examples of how
OpenAIRE MONITOR
can help your organization in your open science needs.
OpenAIRE MONITOR can help your organization in your open science needs.
</div>
</contact-us>
</div>

12
src/app/get-started/get-started.component.html
View File

@ -5,12 +5,12 @@
</div>
</div>
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-padding-small uk-margin-small-top uk-text-center">
<h1 uk-scrollspy-class>Get started with <br> OpenAIRE Monitor Dashboard<span class="uk-text-primary">.</span></h1>
<div class="uk-text-large" uk-scrollspy-class>
The OpenAIRE Monitor Dashboard is an <span class="uk-text-bold">open tracking platform</span> with all the tools you need <br>
to understand and make insightful decisions — whether you are a <span class="uk-text-bold">funder</span>, a <span class="uk-text-bold">research institution</span> <br>
or a <span class="uk-text-bold">community</span>, and want to measure or increase uptake <br>
<div class="uk-padding-small uk-margin-small-top uk-text-center uk-flex uk-flex-middle uk-child-width-1-1 uk-flex-column">
<h1 class="uk-width-3-4@m" uk-scrollspy-class>Get started with <br> OpenAIRE Monitor Dashboard <span class="uk-text-primary">.</span></h1>
<div class="uk-text-large uk-width-2-3@m" uk-scrollspy-class>
The OpenAIRE Monitor Dashboard is an <span class="uk-text-bold">open tracking platform</span> with all the tools you need
to understand and make insightful decisions — whether you are a <span class="uk-text-bold">funder</span>, a <span class="uk-text-bold">research institution</span>
or a <span class="uk-text-bold">community</span>, and want to measure or increase uptake
of Open Science, understand your costs, gaps and strengths, or build a community around it.
</div>
</div>

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

@ -28,26 +28,26 @@
<ng-template #scrolling_text let-position_class="position_class">
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 150vh; opacity: 0,1 20%,1 99%,0">
<h3 class="uk-h2">
Get a <span class="uk-text-primary">360° view <br> of research results.</span>
Get a <span class="uk-text-primary">360° view of research results.</span>
</h3>
<p class="uk-text-large">Track and discover your organization’s research output. <br> Use the <a href="https://graph.openaire.eu/" target="_blank">OpenAIRE Research
Graph</a> to view your publications-data-code <br> and how they interconnect.</p>
<p class="uk-text-large">Track and discover your organization’s research output. Use the <a href="https://graph.openaire.eu/" target="_blank">OpenAIRE Research
Graph</a> to view your publications-data-code and how they interconnect.</p>
</div>
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 200vh; opacity: 0,1 20%,1 99%,0">
<h3 class="uk-h2">
Monitor <span class="uk-text-primary">Open Science <br></span> compliance<span
Monitor <span class="uk-text-primary">Open Science </span> compliance<span
class="uk-text-primary">.</span>
</h3>
<p class="uk-text-large"> Work with the Open Science expert community <br> for open and transparent metrics.
Discover Open <br> Science trends for your organization. See how <br> you fare in European Open Science Cloud.</p>
<p class="uk-text-large"> Work with the Open Science expert community for open and transparent metrics.
Discover Open Science trends for your organization. See how you fare in European Open Science Cloud.</p>
</div>
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 250vh; opacity: 0,1 20%,1">
<h3 class="uk-h2">
Turn <span class="uk-text-primary">research <br> results </span> to insights<span
Turn <span class="uk-text-primary">research results </span> to insights<span
class="uk-text-primary">.</span>
</h3>
<p class="uk-text-large">Understand your needs for your community. Measure impact, <br> discover trends, connections and
collaborations <br> to improve and optimize your future actions.</p>
<p class="uk-text-large">Understand your needs for your organization. Measure impact, discover trends, connections and
collaborations to improve and optimize your future actions.</p>
</div>
</ng-template>
@ -55,13 +55,13 @@
<div class="uk-container uk-container-large">
<div class="uk-width-1-1">
<span class="uk-h6 uk-text-primary">Funders. Universities. Research Institutions. Communities.</span>
<h2 class="uk-h1 uk-margin-remove-top">Simplify Open Science <br>tracking & monitoring<span
<h2 class="uk-h1 uk-margin-remove-top uk-width-1-2@m">Simplify Open Science tracking & monitoring<span
class="uk-text-primary">.</span></h2>
</div>
<div id="js-sticky-parallax-images-all" style="min-height: 300vh">
<div class="uk-visible@m uk-height-viewport monitor-dark-logo-background uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true">
<div class="uk-grid" uk-grid>
<div class="uk-width-expand uk-first-column">
<div class="uk-grid uk-child-width-1-2" uk-grid>
<div>
<div class="monitor-dark-logo-background"><!-- uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true"-->
<div uk-parallax="target: #js-sticky-parallax-images-all;"> <!-- y: 55vh, 45vh; -->
<img class="uk-position-center-left" src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy"
@ -77,8 +77,8 @@
</div>
</div>
</div>
<div class="uk-inline uk-width-expand">
<div class=""><!-- uk-sticky="bottom: #js-sticky-parallax-images-all"-->
<div class="uk-inline uk-flex">
<div class="uk-width-3-4@l uk-width-1-1"><!-- uk-sticky="bottom: #js-sticky-parallax-images-all"-->
<div uk-parallax="target: #js-sticky-parallax-images-all; y: 55vh, 45vh;">
<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-center-left'}"></ng-container>
</div>
@ -88,13 +88,13 @@
</div>
<div class="uk-hidden@m uk-height-viewport monitor-dark-logo-background" uk-sticky="bottom: #js-sticky-parallax-images-all">
<div class="uk-flex uk-flex-column">
<div class="uk-flex uk-flex-column uk-flex-middle">
<div class="monitor-dark-logo-background uk-inline uk-width-1-1" style="height: 50vh;">
<div class="uk-position-center uk-height-1-1" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0">
<img class="uk-height-1-1" src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy">
</div>
</div>
<div class="uk-inline uk-width-expand">
<div class="uk-inline uk-width-2-3">
<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-top-center'}"></ng-container>
</div>
</div>
@ -102,19 +102,20 @@
</div>
</div>
</div>
<div class="uk-background-norepeat graph-background">
<div class="uk-section uk-section-large uk-container uk-container-large uk-margin-large-top uk-margin-large-bottom uk-overflow-hidden">
<h2 class="uk-h1 uk-text-center" uk-parallax="scale: 1.7, 1.3, 1,1">
Tap into the OpenAIRE <br> Research Graph<span class="uk-text-primary">.</span>
</h2>
<div class="uk-text-center uk-margin-top" uk-parallax="y: 80, 40, 0, 0">
The OpenAIRE Research Graph is one of the largest open scholarly record collections <br>
worldwide, key in fostering Open Science and establishing its practices in the daily <br>
research activities. Conceived as a public and transparent good, populated out of data <br>
sources trusted by scientists, the Graph aims at bringing discovery, monitoring, and <br>
assessment of science back in the hands of the scientific community.
</div>
<div class="uk-flex uk-flex-column uk-flex-middle">
<h2 class="uk-h1 uk-width-1-2@m uk-text-center" uk-parallax="scale: 1.7, 1.3, 1,1">
Tap into the OpenAIRE Research Graph<span class="uk-text-primary">.</span>
</h2>
<div class="uk-width-1-2@m uk-text-center uk-margin-top" uk-parallax="y: 80, 40, 0, 0">
The OpenAIRE Research Graph is one of the largest open scholarly record collections
worldwide, key in fostering Open Science and establishing its practices in the daily
research activities. Conceived as a public and transparent good, populated out of data
sources trusted by scientists, the Graph aims at bringing discovery, monitoring, and
assessment of science back in the hands of the scientific community.
</div>
</div>
<div class="uk-flex uk-flex-center uk-margin-top uk-margin-medium-bottom" uk-parallax="y: 80, 40, 0, 0">
<div class="uk-width-1-1 uk-flex-center uk-grid" uk-grid uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
<ng-template #numberCard let-numberSize="numberSize" let-name="name" let-url="url">
@ -130,22 +131,22 @@
</a>
</ng-template>
<div *ngIf="publicationsSize">
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: publicationsSize, name: 'Publications',
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: publicationsSize, name: entities.PUBLICATIONS,
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=publications'}">
</ng-container>
</div>
<div *ngIf="datasetsSize">
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: datasetsSize, name: 'Datasets',
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: datasetsSize, name: entities.DATASETS,
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=datasets'}">
</ng-container>
</div>
<div *ngIf="softwareSize">
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: softwareSize, name: 'Software',
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: softwareSize, name: entities.SOFTWARE,
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=software'}">
</ng-container>
</div>
<div *ngIf="otherSize">
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: otherSize, name: 'Other',
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: otherSize, name: entities.OTHER,
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=other'}">
</ng-container>
</div>
@ -161,7 +162,7 @@
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
<div class="uk-grid uk-grid-large" uk-grid>
<div class="uk-width-1-3@m uk-width-1-1 uk-text-left@m uk-text-center">
<h3 class="uk-margin-remove-top">Open data. <br> Open methodologies<span
<h3 class="uk-margin-remove-top">Open data. Open methodologies<span
class="uk-text-primary">.</span></h3>
<div class="uk-text-large uk-margin-bottom">Learn and work with a thriving community behind you.</div>
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
@ -217,9 +218,9 @@
</div>
</div>
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
<h2 class="uk-h1">Dashboards <br> in action<span class="uk-text-primary">.</span></h2>
<h2 class="uk-h1">Dashboards in action<span class="uk-text-primary">.</span></h2>
<div class="uk-text-large uk-margin-bottom">
View existing dashboards from collaborating organizations. <br> Get a preview on how they work and how our service <br> can be customized to serve you.
View existing dashboards from collaborating organizations. Get a preview on how they work and how our service can be customized to serve you.
</div>
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/browse">
@ -287,7 +288,7 @@
</div>
<div class="uk-text-center uk-width-expand">
<h3>
Need more information or a demo? <br> Get in touch and let us show you in practice <br> how you can apply to your needs<span class="uk-text-primary">.</span>
Need more information or a demo? Get in touch and let us show you in practice how you can apply to your needs<span class="uk-text-primary">.</span>
</h3>
<a class="uk-button uk-button-primary uk-text-uppercase uk-margin-medium-top uk-margin-medium-bottom"
routerLink="/contact-us">Contact us</a></div>

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

@ -30,6 +30,7 @@ import {Subscriber} from "rxjs";
import {QuickContactService} from '../openaireLibrary/sharedComponents/quick-contact/quick-contact.service';
import {CanExitGuard, IDeactivateComponent} from "../openaireLibrary/utils/can-exit.guard";
import {element} from "protractor";
import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields";
@Component({
selector: 'home',
@ -54,6 +55,7 @@ export class HomeComponent implements OnInit, OnDestroy, AfterViewInit, IDeactiv
public loading: boolean = true;
public errorCodes: ErrorCodes;
public properties: EnvProperties = properties;
public entities = OpenaireEntities;
public directLink: boolean = true;
public publicationsSize: any = null;
public datasetsSize: any = null;

12
src/app/learn-how/learn-how.component.html
View File

@ -9,8 +9,8 @@
<div class="uk-grid uk-grid-medium uk-padding-small" uk-grid>
<div class="uk-width-2-3@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
<h1 uk-scrollspy-class>Learn the process<span class="uk-text-primary">.</span></h1>
<div class="uk-text-large uk-width-2-3@s" uk-scrollspy-class>
Use the Monitor Dashboard to view your research <br> results, open science.
<div class="uk-text-large uk-width-1-2@m" uk-scrollspy-class>
Use the Monitor Dashboard to view your research results, open science.
</div>
</div>
<div class="uk-width-1-3@m uk-width-1-1@s uk-text-center">
@ -23,11 +23,11 @@
<div class="uk-icon-bg-shadow uk-margin-bottom">
<div class="uk-h5 uk-text-background uk-margin-remove">0</div>
</div>
<div class="uk-h6 uk-margin-remote-top">
Starting from the OpenAIRE <br> RESEARCH GRAPH
<div class="uk-h6 uk-margin-remote-top uk-width-3-4@s">
Starting from the OpenAIRE RESEARCH GRAPH
</div>
<div>
<a href="https://graph.openaire.eu/" class="graph" target="_blank">OpenAIRE Research Graph</a> is a comprehensive research graph (meta research) that links all types of research outputs tofunders, organizations, researchers, research communities and publishers. With information from global databases, disambiguated and interlinked using semantic AI technologies.
<a href="https://graph.openaire.eu/" class="graph" target="_blank">OpenAIRE Research Graph</a> is a comprehensive research graph (meta research) that links all types of {{entities.RESULTS | lowercase}} to funders, {{entities.ORGANIZATIONS | lowercase}}, researchers, {{entities.COMMUNITIES | lowercase}} and publishers. With information from global databases, disambiguated and interlinked using semantic AI technologies.
</div>
</div>
</div>
@ -40,7 +40,7 @@
Provide us some information
</div>
<div>
You give us some simple (meta)data related to your organization function: e.g., funding database, repositories, related projects, registry of people… All under confidential agreements.
You give us some simple (meta)data related to your organization function: e.g., funding database, repositories, related {{entities.PROJECTS | lowercase}}, registry of people… All under confidential agreements.
</div>
</div>
</div>

6
src/app/learn-how/learn-how.component.ts
View File

@ -8,6 +8,7 @@ import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";
import {properties} from "../../environments/environment";
import {Subscriber} from "rxjs";
import {Breadcrumb} from '../openaireLibrary/utils/breadcrumbs/breadcrumbs.component';
import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields";
@Component({
selector: 'learn-how',
@ -22,7 +23,8 @@ export class LearnHowComponent {
public pageTitle: string = "OpenAIRE - Monitor | Learn How";
public description: string = "Learn the process: Use the Monitor Dashboard to view your research results, open science. See how it works. Simplify research tracking & monitoring ";
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'About'}];
properties: EnvProperties;
public entities = OpenaireEntities;
public properties: EnvProperties = properties;
subscriptions = [];
constructor(
private route: ActivatedRoute,
@ -35,8 +37,6 @@ export class LearnHowComponent {
}
public ngOnInit() {
this.properties = properties;
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
this.subscriptions.push(this._piwikService.trackView(this.properties, this.pageTitle, this.properties.piwikSiteId).subscribe());
}

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit b851b3e60b9f25dbbea1f53f4b2566aa67ddb763
Subproject commit bd6e14180158a86345ffdcd099e8031d4a092809