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

1. Remove image from contact. 2. Change tabs in home page with uikit

This commit is contained in:
Konstantinos Triantafyllou 2022-04-07 18:25:20 +03:00
parent e875e04d9c
commit bb02a9efee
5 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/contact/contact.component.css
View File

@ -1,3 +1 @@
#contact-us {
background-image: url("~src/assets/monitor-assets/contact-us.jpg");
}

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

@ -1,19 +1,19 @@
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" [description]="description"></schema2jsonld> <schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" [description]="description"></schema2jsonld>
<div id="contact-us" class="uk-background-fixed uk-background-center-right uk-background-norepeat uk-background-contain"> <div>
<div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom"> <div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
<div class="uk-padding-small"> <div class="uk-padding-small">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> </div>
</div> </div>
<div class="uk-section uk-padding-remove-top uk-container uk-container-large" <div class="uk-section uk-padding-remove-top uk-container uk-container-large uk-flex uk-flex-center"
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200"> uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-padding-small uk-width-1-2@l uk-width-2-3@m uk-width-1-1"> <div class="uk-padding-small uk-width-1-2@l uk-width-2-3@m uk-width-1-1">
<contact-us [organizationTypes]="organizationTypes" [sending]="sending" [scrollspy]="true" <contact-us [organizationTypes]="organizationTypes" [sending]="sending" [scrollspy]="true"
[contactForm]="contactForm" (sendEmitter)="send($event)"> [contactForm]="contactForm" (sendEmitter)="send($event)">
<h1 page-title class="uk-margin-auto" uk-scrollspy-class> <h1 page-title class="uk-margin-auto uk-text-center" uk-scrollspy-class>
Contact us<span class="uk-text-primary">.</span> Contact us<span class="uk-text-primary">.</span>
</h1> </h1>
<div page-description class="uk-text-large uk-width-2-3@s" uk-scrollspy-class> <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 We would be happy to open a discussion with you to better understand your needs and share examples of how
OpenAIRE MONITOR OpenAIRE MONITOR
can help your organization in your open science needs. can help your organization in your open science needs.

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

@ -221,21 +221,28 @@
<div *ngIf="loading" class="uk-height-large uk-flex uk-flex-column uk-flex-center"> <div *ngIf="loading" class="uk-height-large uk-flex uk-flex-column uk-flex-center">
<loading></loading> <loading></loading>
</div> </div>
<!-- Tabs --> <ng-container *ngIf="!loading">
<my-tabs *ngIf="!loading"> <ul class="uk-tab" uk-tab>
<my-tab [tabTitle]="'All'" [tabId]="'all'" class="uk-active"> <li><a>All</a></li>
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.stakeholders}"></ng-container> <li><a>Funders</a></li>
</my-tab> <li><a>Research Initiatives</a></li>
<my-tab [tabTitle]="'Funders'" [tabId]="'funders'"> <li><a>Research Institutions</a></li>
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.funders}"></ng-container> </ul>
</my-tab> <ul class="uk-switcher">
<my-tab [tabTitle]="'Research Initiatives'" [tabId]="'ris'"> <li>
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides:stakeholdersSlider.ris}"></ng-container> <ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.stakeholders}"></ng-container>
</my-tab> </li>
<my-tab [tabTitle]="'Research Institutions'" [tabId]="'organizations'"> <li>
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.organizations}"></ng-container> <ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.funders}"></ng-container>
</my-tab> </li>
</my-tabs> <li>
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides:stakeholdersSlider.ris}"></ng-container>
</li>
<li>
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.organizations}"></ng-container>
</li>
</ul>
</ng-container>
<!-- Slider Template for Tab Content --> <!-- Slider Template for Tab Content -->
<ng-template #sliderTemplate let-slides="slides"> <ng-template #sliderTemplate let-slides="slides">
<div uk-slider class="uk-margin-medium-top"> <div uk-slider class="uk-margin-medium-top">

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit 2b8d344bc9501a2f76855b47340130ef7983ed0c Subproject commit f20fe90aa2482adb14c60ab684627ae3a9ad88b4

2
src/assets/openaire-theme

@ -1 +1 @@
Subproject commit e95be93cca857b74dc256fce2d22d157e51e0af1 Subproject commit b68ddc2064ed6934d292794829a0a09ff6082eb3