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

View File

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

View File

@ -1,19 +1,19 @@
<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-padding-small">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</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">
<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"
[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>
</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
OpenAIRE MONITOR
can help your organization in your open science needs.

View File

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

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

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