[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:
parent
a600d84a10
commit
163cf2317a
|
@ -5,72 +5,69 @@
|
|||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<div class="image-front-topbar mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed">
|
||||
<div class="uk-position-relative uk-panel">
|
||||
<div class="image-front-topbar">
|
||||
<div class="uk-section mainPageSearchForm">
|
||||
<div class="uk-container">
|
||||
<div class="tm-header-placeholder" style="height: 84px;"></div>
|
||||
<div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div data-id="page#4">
|
||||
<form class="uk-margin">
|
||||
<div class="uk-grid uk-margin-small-left">
|
||||
<div class="uk-margin-small-top uk-padding-remove-left">
|
||||
<entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
|
||||
[properties]="properties" [onChangeNavigate]="false"
|
||||
(selectionChange)="entityChanged($event)"
|
||||
></entities-selection>
|
||||
<div class="search_box_bg uk-flex uk-flex-center">
|
||||
<div>
|
||||
<form class="uk-margin">
|
||||
<div class="uk-grid uk-margin-small-left">
|
||||
<div class="uk-margin-small-top uk-padding-remove-left">
|
||||
<entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
|
||||
[properties]="properties" [onChangeNavigate]="false"
|
||||
(selectionChange)="entityChanged($event)"
|
||||
></entities-selection>
|
||||
</div>
|
||||
<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 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 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 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>
|
||||
</form>
|
||||
</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>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -168,29 +165,29 @@
|
|||
<!-- [logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"-->
|
||||
<!-- name="OpenAIRE Explore"></schema2jsonld>-->
|
||||
<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-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.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
|
||||
<helper [texts]="pageContents['right']"></helper>
|
||||
<div class="uk-flex-last@m">
|
||||
<div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
|
||||
<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 *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 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 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 *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
|
||||
|
|
|
@ -126,13 +126,7 @@
|
|||
}
|
||||
|
||||
.numbers-background {
|
||||
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;
|
||||
background: transparent url('explore-assets/numbers_background_pattern.svg') 0 0 repeat-x padding-box;
|
||||
}
|
||||
|
||||
.home-logo img{
|
||||
|
|
Loading…
Reference in New Issue