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

Change icons in get-started to outline. Add get-started button in navbar

This commit is contained in:
Konstantinos Triantafyllou 2022-03-03 18:24:17 +02:00
parent 9ae4bf6f82
commit c597c5e0c5
4 changed files with 46 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,12 +26,20 @@ import {AlertModal} from "./openaireLibrary/utils/modal/alert";
<div class="monitorApp">
<navbar *ngIf="properties && showMenu && header" portal="monitor" [header]="header" [onlyTop]="false"
[userMenuItems]=userMenuItems [menuItems]=menuItems [user]="user"
[showMenu]=showMenu [properties]="properties"></navbar>
[showMenu]=showMenu [properties]="properties">
<ul extra-s class="uk-nav uk-nav-default uk-margin-small-top">
<li routerLinkActive="uk-active">
<a routerLink="/get-started">Get Started</a>
</li>
</ul>
<a *ngIf="showGetStarted" extra-m class="uk-button uk-button-primary uk-text-uppercase uk-margin-left" routerLink="/get-started">Get Started</a>
</navbar>
<schema2jsonld *ngIf="properties " [URL]="properties.domain + properties.baseLink"
[logoURL]="properties.domain + properties.baseLink+'/assets/common-assets/logo-small-monitor.png'"
type="home"
description="OpenAIRE - Monitor, A new era of monitoring research. Open data. Open methodologies. Work together with us to view, understand and visualize research statistics and indicators. "
name="OpenAIRE Monitor" [searchAction]="true" [searchActionRoute]="properties.domain + properties.baseLink + '/browse'">
name="OpenAIRE Monitor" [searchAction]="true"
[searchActionRoute]="properties.domain + properties.baseLink + '/browse'">
</schema2jsonld>
<div class="uk-background-default">
<main>
@ -52,7 +60,8 @@ import {AlertModal} from "./openaireLibrary/utils/modal/alert";
<bottom *ngIf="properties && showMenu" [grantAdvance]="false"
[properties]="properties"></bottom>
<quick-contact #quickContact *ngIf="showQuickContact && contactForm" (sendEmitter)="send($event)"
[contactForm]="contactForm" [sending]="sending" [organizationTypes]="organizationTypes"></quick-contact>
[contactForm]="contactForm" [sending]="sending"
[organizationTypes]="organizationTypes"></quick-contact>
<modal-alert #modal>
<div class="uk-padding-small uk-padding-remove-horizontal">
Our team will respond to your submission soon.
@ -75,6 +84,7 @@ export class AppComponent {
logoPath: string = 'assets/common-assets/';
/* Contact */
public showQuickContact: boolean;
public showGetStarted: boolean = true;
public contactForm: FormGroup;
public organizationTypes: string[] = [
'Funding agency', 'University / Research Center',
@ -106,6 +116,7 @@ export class AppComponent {
} else if (event.url !== '/contact-us' && !this.showQuickContact) {
this.quickContactService.setDisplay(true);
}
this.showGetStarted = event.url !== '/get-started';
}
}));

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

@ -20,7 +20,7 @@
<div class="uk-flex uk-flex-center uk-flex-bottom" uk-scrollspy-class>
<img class="transform-translate-y uk-visible@m" src="assets/monitor-assets/get-started/1.svg" alt="Step 1" loading="lazy">
<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
<icon name="description" ratio="2" visuallyHidden="Provide some information"
<icon name="description" type="outlined" ratio="2" visuallyHidden="Provide some information"
customClass="uk-text-primary-gradient"></icon>
<span class="uk-h5 uk-margin-remove uk-text-uppercase">Provide some <br> information</span>
</div>
@ -28,7 +28,7 @@
<div class="uk-flex uk-flex-center uk-flex-bottom" uk-scrollspy-class>
<img class="transform-translate-y uk-visible@m" src="assets/monitor-assets/get-started/2.svg" alt="Step 2" loading="lazy">
<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
<icon name="email" ratio="2" visuallyHidden="Provide some information"
<icon name="email" type="outlined" ratio="2" visuallyHidden="Provide some information"
customClass="uk-text-primary-gradient"></icon>
<span class="uk-h5 uk-margin-remove uk-margin-small-top uk-text-uppercase">We contact <br> you</span>
</div>

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit 2b7c52a8b0cb4599324253f57f9eb428682275cb
Subproject commit 360cc0f3e3bd4892fbffea94391fa8af4a339fea

2
src/assets/openaire-theme

@ -1 +1 @@
Subproject commit 60be89ef464a3eb6a485b1f68bd9f3dcde0393a0
Subproject commit e5410728a16312eca7bd11ebb6b8dc8777c072a3