MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Trunk | Library]: depositFirstPage.component.ts & searchDataprovidersToDeposit.component.ts & searchResultsInDeposit.component.html: 

css classes for Explore portal added & texts updated due to Explore portal according to Alessia.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@57406 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2019-10-17 13:32:31 +00:00
parent 188fa6e314
commit cd18dd08ec
3 changed files with 53 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
deposit/depositFirstPage.component.ts
View File

@ -14,25 +14,30 @@ import {Meta, Title} from "@angular/platform-browser";
<schema2jsonld *ngIf="url" [URL]="url" [name]="title" type="other"></schema2jsonld> <schema2jsonld *ngIf="url" [URL]="url" [name]="title" type="other"></schema2jsonld>
<div class="uk-section uk-padding-remove-bottom uk-padding-remove-top"> <div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">
<div class="communityPanelBackground uk-margin-top uk-padding-small"> <div class="explorePanelBackground communityPanelBackground uk-margin-top uk-padding-small">
<div class="uk-align-center uk-container uk-container-large uk-margin-large-top uk-margin-large-bottom"> <div class="uk-align-center uk-container uk-container-large uk-margin-large-top uk-margin-large-bottom">
<div class="uk-text-center uk-h2"> <div class="uk-h1 uk-width-1-2@m uk-width-1-1@s">
<span class="uk-text-bold">Deposit</span> your research <span class="uk-text-bold">Deposit or publish</span> your research in <span class="uk-text-bold">Open Access</span>
</div> </div>
<div class="uk-container uk-container-large uk-margin-medium-top"> <div class="uk-container uk-container-large uk-margin-medium-top">
<div class="uk-grid-divider" uk-grid> <div class="uk-grid-divider" uk-grid>
<div class="uk-width-1-2@m uk-width-1-1@s"> <div class="uk-width-1-2@m uk-width-1-1@s">
<p class="uk-margin-auto uk-text-large">How to <span class="uk-text-bold">deposit</span> your research...</p> <!-- <p class="uk-margin-auto uk-text-large">How to <span class="uk-text-bold">deposit</span> your research...</p>-->
<span class="uk-grid"> <span class="uk-grid">
<span class="uk-margin-top uk-icon"><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="search"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg></span> <span class="uk-margin-top uk-icon"><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="search"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg></span>
<!-- <span class="uk-margin-small-right" uk-icon="search"></span>--> <!-- <span class="uk-margin-small-right" uk-icon="search"></span>-->
<span class="uk-width-expand"> <span class="uk-width-expand">
<div class="uk-margin-small-bottom uk-text-bold">Find the appropriate repository, archive or journal</div> <div class="uk-margin-small-bottom uk-h6">Find the appropriate repository or journal</div>
<div class="uk-text-small"> <div class="uk-text-small">
Find the appropriate thematic repository or archive to deposit your research products of any type (publication, data, software, other) or to include in your data management plan. Find the appropriate repository to deposit your research products of any type (publication, data, software, other) or to include in your data management plan.
Search and browse for OpenAIRE compliant repositories registered in OpenDOAR and re3data. Search and browse for OpenAIRE compliant repositories registered in OpenDOAR and re3data.
Looking for Open Access journals? Find those that suits your community among the journals registered in the Directory of Open Access Journals (DOAJ). <!-- <br>-->
<!-- Looking for Open Access journals? Find those that suit -->
<!-- <span *ngIf="communityId != 'openaire'">your community</span><span *ngIf="communityId == 'openaire'">you</span> -->
<!-- among the journals registered in the Directory of Open Access Journals (DOAJ).-->
<!-- <br>-->
<!-- To know more, read the OpenAIRE Open Access primer (https://www.openaire.eu/oa-basics)-->
</div> </div>
</span> </span>
</span> </span>
@ -40,17 +45,34 @@ import {Meta, Title} from "@angular/platform-browser";
<span class="uk-margin-top uk-icon"><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="upload"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line></svg></span> <span class="uk-margin-top uk-icon"><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="upload"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line></svg></span>
<!-- <span class="uk-margin-small-right" uk-icon="upload"></span>--> <!-- <span class="uk-margin-small-right" uk-icon="upload"></span>-->
<span class="uk-width-expand"> <span class="uk-width-expand">
<div class="uk-margin-small-bottom uk-text-bold">Deposit</div> <div class="uk-margin-small-bottom uk-h6">Deposit</div>
<div class="uk-text-small"> <div class="uk-text-small">
Find the repository to deposit your research or use the Zenodo communities suggested by the community curators. Find the repository to deposit your research or use the Zenodo<span *ngIf="communityId && communityId != 'openaire'"> communities suggested by the community curators</span><span *ngIf="!communityId || communityId == 'openaire'"> repository</span>.
</div> </div>
</span> </span>
<span class="uk-margin-top uk-grid">
<span class="uk-margin-top uk-icon">
<!-- <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="upload"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line></svg>-->
<svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="push"><polygon points="12.15,4 9.5,1.4 6.85,4 6.15,3.3 9.5,0 12.85,3.3"></polygon><line fill="none" stroke="#000" x1="9.5" y1="10" x2="9.5" y2="1"></line><polyline fill="none" stroke="#000" points="6 5.5 3.5 5.5 3.5 18.5 15.5 18.5 15.5 5.5 13 5.5"></polyline></svg>
</span>
<!-- <span class="uk-margin-small-right" uk-icon="push"></span>-->
<span class="uk-width-expand">
<div class="uk-margin-small-bottom uk-h6">Publish</div>
<div class="uk-text-small">
Find the Open Access journals that suit
<span *ngIf="communityId && communityId != 'openaire'">your community</span><span *ngIf="!communityId || communityId == 'openaire'">you</span>
among those registered in the Directory of Open Access Journals (DOAJ).
<br>
To know more, read the OpenAIRE Open Access primer (<a target="_blank" href="https://www.openaire.eu/oa-basics">https://www.openaire.eu/oa-basics</a>)
</div>
</span>
</span>
</span> </span>
<div></div> <div></div>
</div> </div>
<div class="uk-width-1-2@m uk-width-1-1@s"> <div class="uk-width-1-2@m uk-width-1-1@s">
<p class="uk-margin-auto-top uk-margin-remove-bottom uk-text-large"> <p class="uk-margin-auto-top uk-margin-remove-bottom uk-h5">
Start by <span class="uk-text-bold">searching</span> repositories Start by <span class="uk-text-bold">searching</span> repositories and journals
</p> </p>
<div class="uk-margin"> <div class="uk-margin">
<form class="uk-search uk-search-default uk-width-xlarge@l uk-width-medium@m uk-width-auto"> <form class="uk-search uk-search-default uk-width-xlarge@l uk-width-medium@m uk-width-auto">
@ -63,16 +85,26 @@ import {Meta, Title} from "@angular/platform-browser";
placeholder="{{searchPlaceHolder}}"> placeholder="{{searchPlaceHolder}}">
</form> </form>
</div> </div>
<div class="uk-width-1-4 uk-text-right"> <div class="uk-width-1-6 uk-text-right">
<!-- <hr class="uk-divider-vertical">-->
<div class=" uk-margin-top uk-margin-bottom uk-padding-small">OR</div>
<!-- <hr class="uk-divider-vertical">--> <!-- <hr class="uk-divider-vertical">-->
<!-- <div class=" uk-margin-top uk-margin-bottom uk-padding-small uk-text-bold">OR</div>-->
<!-- <img src="assets/common-assets/OR.svg">-->
<div class="uk-margin-bottom">
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="88" viewBox="0 0 27 88">
<g id="Group_749" data-name="Group 749" transform="translate(-872.168 -490.5)">
<text id="OR" transform="translate(872.168 540.271)" font-size="18" font-family="OpenSans-Bold, Open Sans" font-weight="700" opacity="0.8"><tspan x="0" y="0">OR</tspan></text>
<line id="Line_225" data-name="Line 225" y2="30" transform="translate(885.5 490.5)" fill="none" stroke="#000" stroke-width="1" opacity="0.2"/>
<line id="Line_226" data-name="Line 226" y2="30" transform="translate(885.5 548.5)" fill="none" stroke="#000" stroke-width="1" opacity="0.2"/>
</g>
</svg>
</div>
<!-- <hr class="uk-divider-vertical">-->
</div> </div>
<div> <div>
<a [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" routerLinkActive="router-link-active" [routerLink]="depositRoute" <a [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" routerLinkActive="router-link-active" [routerLink]="depositRoute"
type="submit" class="uk-button uk-button-large uk-button-primary uk-padding uk-padding-remove-vertical"> type="submit" class="uk-button uk-button-large portal-button uk-padding uk-padding-remove-vertical">
<span><span>Browse all repositories</span><span uk-icon="arrow-right"></span></span> <span><span>Browse all </span><span uk-icon="arrow-right"></span></span>
</a> </a>
</div> </div>
</div> </div>
@ -83,7 +115,7 @@ import {Meta, Title} from "@angular/platform-browser";
</div> </div>
<div class="uk-section tm-middle uk-container uk-container-large uk-margin-small-top uk-padding-remove-top uk-padding-remove-bottom"> <div class="uk-section tm-middle uk-container uk-container-large uk-margin-small-top uk-padding-remove-top uk-padding-remove-bottom">
<div class="uk-container uk-container-large uk-margin-bottom communityBorder uk-margin-medium-top"> <div class="uk-container uk-container-large uk-margin-bottom exploreBorder communityBorder uk-margin-medium-top">
<div class="uk-grid uk-padding"> <div class="uk-grid uk-padding">
<div class="uk-width-1-2 uk-text-center"> <div class="uk-width-1-2 uk-text-center">
<div class="uk-margin-top"> <div class="uk-margin-top">
@ -99,7 +131,7 @@ import {Meta, Title} from "@angular/platform-browser";
<span><span>Related zenodo communities</span><span uk-icon="arrow-right"></span></span> <span><span>Related zenodo communities</span><span uk-icon="arrow-right"></span></span>
</a> </a>
<a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" href="{{zenodoInformation.url}}" type="submit" <a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" href="{{zenodoInformation.url}}" type="submit"
class="uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom"> class="uk-button exploreZenodoButton portal-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom">
<span><span>Deposit in Zenodo</span><span uk-icon="arrow-right"></span></span> <span><span>Deposit in Zenodo</span><span uk-icon="arrow-right"></span></span>
</a> </a>
</div> </div>

4
deposit/searchDataprovidersToDeposit.component.ts
View File

@ -17,14 +17,14 @@ import {RouterHelper} from "../utils/routerHelper.class";
template: ` template: `
<div class="uk-section uk-padding-remove-bottom uk-padding-remove-top"> <div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">
<div class="communityPanelBackground uk-margin-top uk-padding-small"> <div class="explorePanelBackground communityPanelBackground uk-margin-top uk-padding-small">
<div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom"> <div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom">
<ul class="uk-breadcrumb"> <ul class="uk-breadcrumb">
<li><a class="breadcrumb" routerLinkActive="router-link-active" [routerLink]="depositLearnHowPage" <li><a class="breadcrumb" routerLinkActive="router-link-active" [routerLink]="depositLearnHowPage"
[queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)"> [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)">
Deposit Deposit
</a></li> </a></li>
<li><span class="active">Browse repositories</span></li> <li><span class="active uk-text-bold">Browse content providers</span></li>
</ul> </ul>
</div> </div>
</div> </div>

2
deposit/searchResultsInDeposit.component.html
View File

@ -33,7 +33,7 @@
</div> </div>
<span class="uk-width-expand uk-flex uk-flex-bottom uk-flex-right"> <span class="uk-width-expand uk-flex uk-flex-bottom uk-flex-right">
<a *ngIf="result['websiteURL']" href="{{result['websiteURL']}}" target="_blank" type="submit" class="uk-float-right uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left"> <a *ngIf="result['websiteURL']" href="{{result['websiteURL']}}" target="_blank" type="submit" class="uk-float-right uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left">
<span><span>Visit repository to deposit</span><span uk-icon="arrow-right"></span></span> <span><span>Go to website</span><span uk-icon="arrow-right"></span></span>
<!-- <span class="uk-button-text ">Visit repository to deposit</span>--> <!-- <span class="uk-button-text ">Visit repository to deposit</span>-->
</a> </a>
</span> </span>