[Explore | Trunk]: Home page spaces
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@59948 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou
parent
a600d84a10
commit
163cf2317a
|
|
@ -5,72 +5,69 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<div class="image-front-topbar mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed">
|
<div class="image-front-topbar">
|
||||||
<div class="uk-position-relative uk-panel">
|
<div class="uk-section mainPageSearchForm">
|
||||||
<div class="uk-container">
|
<div class="uk-container">
|
||||||
<div class="tm-header-placeholder" style="height: 84px;"></div>
|
<div class="search_box_bg uk-flex uk-flex-center">
|
||||||
<div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
|
<div>
|
||||||
<div class="uk-width-1-1@m uk-first-column">
|
<form class="uk-margin">
|
||||||
<div data-id="page#4">
|
<div class="uk-grid uk-margin-small-left">
|
||||||
<form class="uk-margin">
|
<div class="uk-margin-small-top uk-padding-remove-left">
|
||||||
<div class="uk-grid uk-margin-small-left">
|
<entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
|
||||||
<div class="uk-margin-small-top uk-padding-remove-left">
|
[properties]="properties" [onChangeNavigate]="false"
|
||||||
<entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
|
(selectionChange)="entityChanged($event)"
|
||||||
[properties]="properties" [onChangeNavigate]="false"
|
></entities-selection>
|
||||||
(selectionChange)="entityChanged($event)"
|
</div>
|
||||||
></entities-selection>
|
<div class=" uk-padding-remove-left uk-margin-small-top">
|
||||||
|
<div class="uk-inline">
|
||||||
|
<a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"
|
||||||
|
uk-icon="icon: close"></a>
|
||||||
|
<input type="text" class="uk-input uk-width-xlarge@l uk-width-large@m uk-width-medium"
|
||||||
|
placeholder="Search in OpenAIRE for scholarly works"
|
||||||
|
[(ngModel)]="keyword"
|
||||||
|
name="keyword">
|
||||||
</div>
|
</div>
|
||||||
<div class=" uk-padding-remove-left uk-margin-small-top">
|
<div class=" quickSelectionsBox uk-width-xlarge@l uk-width-large@m uk-width-medium">
|
||||||
<div class="uk-inline">
|
<quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
|
||||||
<a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"
|
[quickFilter]="resultsQuickFilter"
|
||||||
uk-icon="icon: close"></a>
|
[properties]="properties">
|
||||||
<input type="text" class="uk-input uk-width-xlarge@l uk-width-large@m uk-width-medium"
|
</quick-selections>
|
||||||
placeholder="Search in OpenAIRE for scholarly works"
|
|
||||||
[(ngModel)]="keyword"
|
|
||||||
name="keyword">
|
|
||||||
</div>
|
|
||||||
<div class=" quickSelectionsBox uk-width-xlarge@l uk-width-large@m uk-width-medium">
|
|
||||||
<quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
|
|
||||||
[quickFilter]="resultsQuickFilter"
|
|
||||||
[properties]="properties">
|
|
||||||
</quick-selections>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="uk-padding-remove-left uk-margin-small-top">
|
|
||||||
|
|
||||||
<button (click)="goTo(true)" type="submit"
|
|
||||||
class="uk-button portal-button uk-text-bold uk-padding uk-padding-remove-vertical uk-margin-small-left">
|
|
||||||
Search
|
|
||||||
</button>
|
|
||||||
<div class="uk-margin-small-top uk-margin-left">
|
|
||||||
<!-- (click)="goTo(false)"-->
|
|
||||||
<a *ngIf="selectedEntity!='all'" (click)="goTo(false)" class="portal-link">Advanced Search</a>
|
|
||||||
<a *ngIf="selectedEntity=='all'" class="portal-link ">Advanced Search</a></div>
|
|
||||||
<div *ngIf="selectedEntity=='all'" uk-dropdown class="uk-dropdown default-dropdown">
|
|
||||||
<ul class="uk-list uk-margin-remove-bottom">
|
|
||||||
<li *ngIf="showSoftware || showPublications || showOrp || showDatasets"><a
|
|
||||||
[routerLink]="properties.searchLinkToAdvancedResults"
|
|
||||||
[queryParams]="{qf:true, q: keyword, op: 'and'}"
|
|
||||||
>Research
|
|
||||||
outcomes</a></li>
|
|
||||||
<li *ngIf="showProjects"><a
|
|
||||||
[routerLink]="properties.searchLinkToAdvancedProjects"
|
|
||||||
[queryParams]="{q: keyword, op: 'and'}">
|
|
||||||
Projects</a></li>
|
|
||||||
<li *ngIf="showDataProviders"><a
|
|
||||||
[routerLink]="properties.searchLinkToAdvancedDataProviders"
|
|
||||||
[queryParams]="{q: keyword, op: 'and'}">
|
|
||||||
Content providers</a></li>
|
|
||||||
<li *ngIf="showOrganizations"><a
|
|
||||||
[routerLink]="properties.searchLinkToAdvancedOrganizations"
|
|
||||||
[queryParams]="{q: keyword, op: 'and'}">
|
|
||||||
Organizations</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
<div class="uk-padding-remove-left uk-margin-small-top">
|
||||||
</div>
|
|
||||||
|
<button (click)="goTo(true)" type="submit"
|
||||||
|
class="uk-button portal-button uk-text-bold uk-padding uk-padding-remove-vertical uk-margin-small-left">
|
||||||
|
Search
|
||||||
|
</button>
|
||||||
|
<div class="uk-margin-small-top uk-margin-left">
|
||||||
|
<!-- (click)="goTo(false)"-->
|
||||||
|
<a *ngIf="selectedEntity!='all'" (click)="goTo(false)" class="portal-link">Advanced Search</a>
|
||||||
|
<a *ngIf="selectedEntity=='all'" class="portal-link ">Advanced Search</a></div>
|
||||||
|
<div *ngIf="selectedEntity=='all'" uk-dropdown class="uk-dropdown default-dropdown">
|
||||||
|
<ul class="uk-list uk-margin-remove-bottom">
|
||||||
|
<li *ngIf="showSoftware || showPublications || showOrp || showDatasets"><a
|
||||||
|
[routerLink]="properties.searchLinkToAdvancedResults"
|
||||||
|
[queryParams]="{qf:true, q: keyword, op: 'and'}"
|
||||||
|
>Research
|
||||||
|
outcomes</a></li>
|
||||||
|
<li *ngIf="showProjects"><a
|
||||||
|
[routerLink]="properties.searchLinkToAdvancedProjects"
|
||||||
|
[queryParams]="{q: keyword, op: 'and'}">
|
||||||
|
Projects</a></li>
|
||||||
|
<li *ngIf="showDataProviders"><a
|
||||||
|
[routerLink]="properties.searchLinkToAdvancedDataProviders"
|
||||||
|
[queryParams]="{q: keyword, op: 'and'}">
|
||||||
|
Content providers</a></li>
|
||||||
|
<li *ngIf="showOrganizations"><a
|
||||||
|
[routerLink]="properties.searchLinkToAdvancedOrganizations"
|
||||||
|
[queryParams]="{q: keyword, op: 'and'}">
|
||||||
|
Organizations</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -168,29 +165,29 @@
|
||||||
<!-- [logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"-->
|
<!-- [logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"-->
|
||||||
<!-- name="OpenAIRE Explore"></schema2jsonld>-->
|
<!-- name="OpenAIRE Explore"></schema2jsonld>-->
|
||||||
<div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
|
<div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
|
||||||
class="uk-section graph-background uk-margin-top">
|
class="uk-section graph-background">
|
||||||
<div class="uk-container">
|
<div class="uk-container">
|
||||||
<div class="uk-flex uk-flex-top uk-child-width-1-1 uk-child-width-1-2@m" uk-grid>
|
<div class="uk-flex uk-flex-top uk-child-width-1-1 uk-child-width-1-2@m" uk-grid>
|
||||||
<div class="uk-flex-last@m">
|
<div class="uk-flex-last@m">
|
||||||
<div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
|
<div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
|
||||||
<helper [texts]="pageContents['right']"></helper>
|
<helper [texts]="pageContents['right']"></helper>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true">
|
||||||
|
<span>Read more<span class="space" uk-icon="chevron-down"></span></span>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false">
|
||||||
|
<span>Read less<span class="space" uk-icon="chevron-up"></span></span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true">
|
<div class="uk-flex uk-flex-bottom">
|
||||||
<span>Read more<span class="space" uk-icon="chevron-down"></span></span>
|
<div class="uk-width-1-3 uk-width-1-2@m">
|
||||||
</div>
|
<img src="assets/explore-assets/graph.svg">
|
||||||
<div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false">
|
</div>
|
||||||
<span>Read less<span class="space" uk-icon="chevron-up"></span></span>
|
<div class="uk-padding uk-width-1-2">
|
||||||
|
<img src="assets/common-assets/logo-large-graph.png">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-flex uk-flex-bottom">
|
|
||||||
<div class="uk-width-1-3 uk-width-1-2@m">
|
|
||||||
<img src="assets/explore-assets/graph.svg">
|
|
||||||
</div>
|
|
||||||
<div class="uk-padding uk-width-1-2">
|
|
||||||
<img src="assets/common-assets/logo-large-graph.png">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
|
<div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
|
||||||
|
|
|
||||||
|
|
@ -126,13 +126,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.numbers-background {
|
.numbers-background {
|
||||||
background: transparent url('explore-assets/numbers_background_pattern.svg') 0% 0% repeat-x padding-box;
|
background: transparent url('explore-assets/numbers_background_pattern.svg') 0 0 repeat-x padding-box;
|
||||||
background-position: center bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
.numbers-background .emphasis {
|
|
||||||
font-size: 40px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-logo img{
|
.home-logo img{
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue