From a4cbb92a27c58a9b38819504b6cb996c625dface Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Mon, 1 Apr 2024 12:34:11 +0300 Subject: [PATCH] [master | DONE | CHANGED] resources pages: tweaks for mobile view --- src/app/openaireLibrary | 2 +- .../engagement/engagement.component.html | 6 +- .../engagement/engagement.component.less | 39 ++ .../engagement/engagement.component.ts | 13 +- .../the-five-monitors.component.html | 558 +----------------- .../the-five-monitors.component.ts | 10 +- .../how-it-works/user-actions.component.html | 59 +- .../how-it-works/user-actions.component.ts | 17 +- .../how-it-works/you-we.component.ts | 4 +- .../methodological-approach.component.html | 10 +- .../methodological-approach.component.ts | 13 +- .../methodology/terminology.component.ts | 7 +- 12 files changed, 180 insertions(+), 558 deletions(-) diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary index 8946679..e8ec49a 160000 --- a/src/app/openaireLibrary +++ b/src/app/openaireLibrary @@ -1 +1 @@ -Subproject commit 894667955c788cc72db30ce68fa284b4fd02bd45 +Subproject commit e8ec49a69b57983f7cb5088d6dce921744012996 diff --git a/src/app/resources/engagement/engagement.component.html b/src/app/resources/engagement/engagement.component.html index 4f3e9e5..f256cc0 100644 --- a/src/app/resources/engagement/engagement.component.html +++ b/src/app/resources/engagement/engagement.component.html @@ -62,7 +62,7 @@
-
+
Contact us

Stay in the loop

@@ -71,8 +71,8 @@ contact us
-
- + National Monitor Dashboard
\ No newline at end of file diff --git a/src/app/resources/engagement/engagement.component.less b/src/app/resources/engagement/engagement.component.less index b9902db..61fd8bf 100644 --- a/src/app/resources/engagement/engagement.component.less +++ b/src/app/resources/engagement/engagement.component.less @@ -60,6 +60,45 @@ } } } + +@media (max-width: @breakpoint-small-max) { + .graphics { + grid-gap: 20px; + + .graphic { + max-width: 80px; + + &.graphic1 { + transform: translateY(60%); + } + + &.graphic2 { + transform: translateY(45%); + } + + &.graphic3 { + transform: translateY(25%); + } + + &.graphic4 { + transform: translateY(45%); + } + } + } + + .card { + height: unset; + + .info { + height: 100%; + + a { + display: inline-block; + } + } + } +} + .uk-label.training { background-color: @training-color; border-color: @training-color; diff --git a/src/app/resources/engagement/engagement.component.ts b/src/app/resources/engagement/engagement.component.ts index 59fc3cb..7d200f9 100644 --- a/src/app/resources/engagement/engagement.component.ts +++ b/src/app/resources/engagement/engagement.component.ts @@ -1,10 +1,11 @@ -import {Component, OnInit} from "@angular/core"; +import {ChangeDetectorRef, Component, OnInit} from "@angular/core"; import {BaseComponent} from "../../openaireLibrary/sharedComponents/base/base.component"; import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service"; import {ActivatedRoute, Router} from "@angular/router"; import {Meta, Title} from "@angular/platform-browser"; import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service"; import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component"; +import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service"; @Component({ selector: 'engagement', @@ -16,16 +17,24 @@ export class EngagementComponent extends BaseComponent implements OnInit { description = 'Engagement & Training'; breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - engagement & training'}]; + isMobile: boolean = false; + constructor(protected _route: ActivatedRoute, protected _piwikService: PiwikService, protected _meta: Meta, protected seoService: SEOService, protected _title: Title, - protected _router: Router) { + protected _router: Router, + private cdr: ChangeDetectorRef, + private layoutService: LayoutService) { super(); } ngOnInit() { this.setMetadata(); + this.layoutService.isMobile.subscribe(isMobile => { + this.isMobile = isMobile; + this.cdr.detectChanges(); + }); } } diff --git a/src/app/resources/how-it-works/the-five-monitors.component.html b/src/app/resources/how-it-works/the-five-monitors.component.html index a0be2f7..0af4f55 100644 --- a/src/app/resources/how-it-works/the-five-monitors.component.html +++ b/src/app/resources/how-it-works/the-five-monitors.component.html @@ -2,20 +2,20 @@
-
+

Navigating Ireland’s Open Access

-

+

5 Tailored Dashboards for Insights.

-
+
@@ -58,11 +58,20 @@
+
+
+ + + +
+
  • -
    +
    Step 1a

    Assign a Primary Dashboard Manager

    @@ -81,7 +90,7 @@
    -
    +
    Step 1b

    @@ -106,7 +115,7 @@

  • -
    +
    Step 1a

    Assign a Primary Dashboard Manager

    @@ -138,7 +147,7 @@
    -
    +
    Step 1b

    Invite your RFOs Primary Manager via email

    @@ -170,7 +179,7 @@
  • -
    +
    Step 1a

    Access Your Profile with ORCID iD

    @@ -184,7 +193,7 @@
    -
    +
    Step 1b

    Troubleshoot your Monitor

    @@ -201,7 +210,7 @@
  • -
    +
    Step 1a

    Find Your Repository’s Monitor Dashboard & Register to OpenAIRE PROVIDE

    @@ -215,7 +224,7 @@
    -
    +
    Step 1b

    Invite you as a Manager via email

    @@ -233,529 +242,4 @@
- - - - - + \ No newline at end of file diff --git a/src/app/resources/how-it-works/the-five-monitors.component.ts b/src/app/resources/how-it-works/the-five-monitors.component.ts index 857f7f2..a17d6db 100644 --- a/src/app/resources/how-it-works/the-five-monitors.component.ts +++ b/src/app/resources/how-it-works/the-five-monitors.component.ts @@ -5,6 +5,7 @@ import {Meta, Title} from "@angular/platform-browser"; import {SEOService} from "src/app/openaireLibrary/sharedComponents/SEO/SEO.service"; import {StakeholderBaseComponent} from "../../openaireLibrary/monitor-admin/utils/stakeholder-base.component"; import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component"; +import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service"; @Component({ selector: 'the-five-monitors', @@ -19,18 +20,25 @@ export class TheFiveMonitorsComponent extends StakeholderBaseComponent{ public offset: number; public shouldSticky: boolean = true; + isMobile: boolean = false; + constructor(protected _route: ActivatedRoute, protected _piwikService: PiwikService, protected _meta: Meta, protected seoService: SEOService, protected _title: Title, protected _router: Router, - private cdr: ChangeDetectorRef) { + private cdr: ChangeDetectorRef, + private layoutService: LayoutService) { super(); } ngOnInit() { this.setMetadata(); + this.layoutService.isMobile.subscribe(isMobile => { + this.isMobile = isMobile; + this.cdr.detectChanges(); + }); } ngAfterViewInit() { diff --git a/src/app/resources/how-it-works/user-actions.component.html b/src/app/resources/how-it-works/user-actions.component.html index cd9d469..64642df 100644 --- a/src/app/resources/how-it-works/user-actions.component.html +++ b/src/app/resources/how-it-works/user-actions.component.html @@ -1,4 +1,4 @@ -
+
@@ -59,3 +59,60 @@
+
+
+
+
+ +
+
+

User Actions

+
+ Once you are logged in (researchers should use their ORCID ID), you will be all set to access the following +
+
+
+
+
+
+
+ + + + + +
+
+
+
+

Adding research products to your ORCID record via ~ My ORCID LINKS ~

+

Researchers who log in using their ORCID ID have the ability to claim additional research outputs as their own. Once claimed, this information synchronizes with their ORCID profile and will be reflected in both the ORCID system and this portal following the next update of the OpenAIRE Graph, which occurs approximately monthly. This integration ensures that researchers can see their claimed research outputs in both places, maintaining consistency and visibility of their work.

+

To claim your research products in OpenAIRE and synchronize them with your ORCID profile, you will need to follow a few simple steps. Once logged in with your ORCID iD, navigate to the top right corner of any page and click on your initials. From there, select “My ORCiD links.” This action will prompt you to grant OpenAIRE permission to access (once) and update your ORCID works.

+

After you have granted permission, you will see a list of all your works associated with your ORCID ID. You can then view, update, or remove these works from both your ORCID record and the National Open Access Monitor, Ireland. To expand your record, use the “Discover research products related to you” link, located at the top right of the page. This feature allows you to use the search function to find your Irish publications and other research products. Once you find them, you can easily add them to your ORCID record by clicking on “link”.

+
+
+

Linking research products via ~ Link ~

+

'Linking' is a functionality provided by OpenAIRE enabling users to connect research results with projects, research communities, or other research outcomes. This linked information is subsequently integrated into the OpenAIRE Graph and, consequently, becomes accessible in the National Open Access Monitor, Ireland.

+
Where to Find the Linking Feature?
+

To access the Linking feature, sign in to your account, click on the circle with your initials in the top right corner, and select 'Link'. Additionally, the linking option is available under any research product while browsing. Each Monitor includes a 'Browse Research Products' tab at the top for easy navigation and access.

+
Types of Research Results for Linking
+

Users have two options for linking research results:

+

1. Existing OpenAIRE Results: Link to research results already present within OpenAIRE.

+

2. External Content Providers: Link to research results hosted on external platforms like Crossref, Datacite, or ORCID.

+
Visibility of New Links
+

The visibility of newly created links depends on their origin:

+

1. Links to Existing OpenAIRE Results: These will be visible on the portal after the next OpenAIRE Graph update, which occurs nearly monthly.

+

2. Links to Results on External Platforms: Links to research results on platforms like Crossref, Datacite, or ORCID will be immediately visible through the portal.

+
Managing ‘My Links’
+

All users can manage their links through the 'My Links' page. After linking results, users can view and manage their list of created links, including the option to delete them if needed.

+
+
+

Upload DOIs

+

Accessing the "Upload DOIs" feature on the OA Monitor platform is a straightforward process that allows users to obtain detailed information about their publications. Here's how you can use this feature:

+

First, sign in to your account. Once you are logged in, locate the circle with your initials at the top right corner of the page and click on it. In the dropdown menu, select 'Upload DOIs'. This will take you to a page specifically designed for uploading Digital Object Identifiers (DOIs).

+

On this page, you have the option to upload a CSV file that contains a list of DOIs. Once your CSV file is uploaded, the system will process the information and generate a comprehensive report. This report includes a wealth of details about the publications associated with the given DOIs.

+

The information provided in the report covers various aspects such as the publication title, its access mode (which could be Open, Closed, Embargo, or Restricted), and the access routes (like gold, hybrid, or bronze). It also indicates whether the publication is green (self-archived) and if it is published in an OA (Open Access) diamond Journal. The report also highlights the total number of DOIs found in your list and identifies if there are any duplicates or invalid DOIs.

+
+
+
+
diff --git a/src/app/resources/how-it-works/user-actions.component.ts b/src/app/resources/how-it-works/user-actions.component.ts index 9f45405..078fc07 100644 --- a/src/app/resources/how-it-works/user-actions.component.ts +++ b/src/app/resources/how-it-works/user-actions.component.ts @@ -1,10 +1,12 @@ -import {Component} from "@angular/core"; +import {ChangeDetectorRef, Component, Inject, PLATFORM_ID} from "@angular/core"; import {BaseComponent} from "../../openaireLibrary/sharedComponents/base/base.component"; import {ActivatedRoute, Router} from "@angular/router"; import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service"; import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service"; import {Meta, Title} from "@angular/platform-browser"; import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component"; +import {isPlatformServer} from "@angular/common"; +import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service"; @Component({ selector: 'user-actions', @@ -16,16 +18,27 @@ export class UserActionsComponent extends BaseComponent{ description = 'User Actions'; breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - user actions'}]; + isMobile: boolean = false; + isServer: boolean; + constructor(protected _route: ActivatedRoute, protected _piwikService: PiwikService, protected _meta: Meta, protected seoService: SEOService, protected _title: Title, - protected _router: Router) { + protected _router: Router, + private cdr: ChangeDetectorRef, + private layoutService: LayoutService, + @Inject(PLATFORM_ID) private platform: any) { super(); + this.isServer = isPlatformServer(this.platform); } ngOnInit() { this.setMetadata(); + this.layoutService.isMobile.subscribe(isMobile => { + this.isMobile = isMobile; + this.cdr.detectChanges(); + }); } } \ No newline at end of file diff --git a/src/app/resources/how-it-works/you-we.component.ts b/src/app/resources/how-it-works/you-we.component.ts index 00d5f18..e4110eb 100644 --- a/src/app/resources/how-it-works/you-we.component.ts +++ b/src/app/resources/how-it-works/you-we.component.ts @@ -38,13 +38,13 @@ declare var UIkit;
-
+
You
-
+
We
diff --git a/src/app/resources/methodology/methodological-approach.component.html b/src/app/resources/methodology/methodological-approach.component.html index b5d6fc5..049d4e3 100644 --- a/src/app/resources/methodology/methodological-approach.component.html +++ b/src/app/resources/methodology/methodological-approach.component.html @@ -67,7 +67,7 @@
-
+
@@ -96,7 +96,7 @@
-
+
OpenAIRE Graph
@@ -127,7 +127,7 @@
-
+
Contact us

Your Feedback Matters

@@ -138,8 +138,8 @@ contact us
-
- + National Monitor Dashboard
\ No newline at end of file diff --git a/src/app/resources/methodology/methodological-approach.component.ts b/src/app/resources/methodology/methodological-approach.component.ts index 6f59b6a..43da779 100644 --- a/src/app/resources/methodology/methodological-approach.component.ts +++ b/src/app/resources/methodology/methodological-approach.component.ts @@ -1,10 +1,11 @@ -import {Component, OnInit} from "@angular/core"; +import {ChangeDetectorRef, Component, OnInit} from "@angular/core"; import {BaseComponent} from "../../openaireLibrary/sharedComponents/base/base.component"; import {ActivatedRoute, Router} from "@angular/router"; import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service"; import {Meta, Title} from "@angular/platform-browser"; import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service"; import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component"; +import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service"; @Component({ selector: 'methodological-approach', @@ -16,16 +17,24 @@ export class MethodologicalApproachComponent extends BaseComponent implements O description = 'Methodological Approach'; breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - methodological approach'}]; + isMobile: boolean = false; + constructor(protected _route: ActivatedRoute, protected _piwikService: PiwikService, protected _meta: Meta, protected seoService: SEOService, protected _title: Title, - protected _router: Router) { + protected _router: Router, + private cdr: ChangeDetectorRef, + private layoutService: LayoutService) { super(); } ngOnInit() { this.setMetadata(); + this.layoutService.isMobile.subscribe(isMobile => { + this.isMobile = isMobile; + this.cdr.detectChanges(); + }); } } diff --git a/src/app/resources/methodology/terminology.component.ts b/src/app/resources/methodology/terminology.component.ts index 57c42f7..4233816 100644 --- a/src/app/resources/methodology/terminology.component.ts +++ b/src/app/resources/methodology/terminology.component.ts @@ -1,4 +1,4 @@ -import {ChangeDetectorRef, Component} from "@angular/core"; +import {ChangeDetectorRef, Component, Inject, PLATFORM_ID} from "@angular/core"; import {Meta, Title} from "@angular/platform-browser"; import {ActivatedRoute, Router} from "@angular/router"; import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service"; @@ -7,6 +7,7 @@ import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service"; import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service"; import {HelperService} from "../../openaireLibrary/utils/helper/helper.service"; import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component"; +import {isPlatformServer} from "@angular/common"; @Component({ selector: 'terminology', @@ -33,8 +34,10 @@ export class TerminologyComponent extends BaseComponent{ protected _router: Router, private cdr: ChangeDetectorRef, private layoutService: LayoutService, - private helper: HelperService) { + private helper: HelperService, + @Inject(PLATFORM_ID) private platform: any) { super(); + this.isServer = isPlatformServer(this.platform); } ngOnInit() {