Merge remote-tracking branch 'origin/new-theme' into new-theme

This commit is contained in:
argirok 2022-05-31 14:01:54 +03:00
commit e118432770
6 changed files with 291 additions and 286 deletions

View File

@ -1,4 +1,4 @@
import {Component, Input} from '@angular/core'; import {Component, Input, ViewChild} from '@angular/core';
import {ZenodoInformationClass} from './utils/zenodoInformation.class'; import {ZenodoInformationClass} from './utils/zenodoInformation.class';
import {EnvProperties} from "../utils/properties/env-properties"; import {EnvProperties} from "../utils/properties/env-properties";
import {ActivatedRoute, Router} from "@angular/router"; import {ActivatedRoute, Router} from "@angular/router";
@ -10,191 +10,153 @@ import {Meta, Title} from "@angular/platform-browser";
import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component"; import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
import {properties} from "../../../environments/environment"; import {properties} from "../../../environments/environment";
import {Subscriber} from "rxjs"; import {Subscriber} from "rxjs";
import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-screen-modal.component';
@Component({ @Component({
selector: 'deposit-first-page', selector: 'deposit-first-page',
template: ` template: `
<div class="uk-section uk-padding-remove-bottom uk-padding-remove-top"> <div class="deposit">
<div class="explorePanelBackground communityPanelBackground uk-padding-small"> <div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
<div class="uk-align-center uk-container uk-container-large uk-margin-medium-top uk-margin-large-bottom"> <div class="uk-padding-small">
<breadcrumbs [breadcrumbs]="breadcrumbs" [light]="!!(this.communityId)"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
<h1 class="uk-width-1-2@m uk-width-1-1@s uk-h2"> </div>
<span class="uk-text-bold">Deposit</span> or <span class="uk-text-bold">publish</span> your research in <span class="uk-text-bold">Open Access</span> </div>
</h1> <div class="uk-container uk-container-large uk-section uk-section-large" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-container uk-container-large uk-margin-medium-top"> <div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid>
<div class="uk-grid-divider uk-grid" uk-grid> <div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
<div class="uk-width-1-2@m uk-width-1-1@s"> <div style="max-width: 600px;">
<!-- <p class="uk-margin-auto uk-text-large">How to <span class="uk-text-bold">deposit</span> your research...</p>--> <h1 class="uk-h2" uk-scrollspy-class>Deposit or publish your research in Open Access.</h1>
<span class="uk-grid"> <div class="uk-text-large uk-margin-medium-top" uk-scrollspy-class>
<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> Find the appropriate repository to deposit your research.
<!-- <span class="uk-margin-small-right" uk-icon="search"></span>--> </div>
<span class="uk-width-expand"> <div class="uk-margin-medium-top" uk-scrollspy-class>
<div class="uk-margin-small-bottom uk-h6 uk-text-normal"><span class="uk-text-bold"> Find </span><span class="uk-text-normal">the appropriate</span> <span class="uk-text-bold"> repository </span> or <span class="uk-text-bold"> journal </span></div> <a class="uk-button uk-button-primary uk-text-uppercase" (click)="openFsModal()">Get Started</a>
<div class=""> </div>
Find the appropriate repository to deposit your research products of any type (publication, data, software, other) or to include in your data management plan. </div>
Search and browse for OpenAIRE compliant repositories registered in OpenDOAR and re3data. </div>
<br> <div class="uk-width-2-5@m uk-width-1-1@s uk-text-center" uk-scrollspy-class>
Looking for Open Access journals? Find those that suit your <img src="assets/explore-assets/deposit/envelop-hero-deposit.svg" loading="lazy" alt="deposit hero image">
<span *ngIf="communityId && communityId != 'openaire'">community </span><span *ngIf="!communityId || communityId == 'openaire'">needs </span> </div>
among the journals registered in the Directory of Open Access Journals (DOAJ). </div>
<br> </div>
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 class="uk-container uk-container-large uk-section">
</div> <div class="uk-width-2-3@m uk-margin-auto">
</span> <div class="uk-grid uk-grid-large uk-grid-stack" uk-grid>
</span> <div class="uk-width-1-3@m">
<span class="uk-margin-top uk-grid"> <img src="assets/explore-assets/deposit/step-numbers-deposit.svg" loading="lazy" alt="deposit steps/numbers image">
<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> </div>
<!-- <span class="uk-margin-small-right" uk-icon="upload"></span>--> <div class="uk-width-2-3@m">
<span class="uk-width-expand"> <div class="uk-margin-medium-bottom">
<div class="uk-margin-small-bottom uk-h6">Deposit</div> <div class="uk-h6">
<div class=""> 1. Find the appropriate repository or journal
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> <div>
</span> 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.
<span class="uk-margin-top uk-grid"> Looking for Open Access journals? Find those that suit your needs among the journals registered in the Directory of Open Access Journals (DOAJ).
<span class="uk-margin-top uk-icon"> 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>)
<!-- <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>--> </div>
<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> </div>
</span> <div class="uk-margin-medium-bottom">
<!-- <span class="uk-margin-small-right" uk-icon="push"></span>--> <div class="uk-h6">
<span class="uk-width-expand"> 2. Deposit
<div class="uk-margin-small-bottom uk-h6">Publish</div> </div>
<div class=""> <div>
Find the Open Access journals that suit your Find the repository to deposit your research or use the Zenodo communities suggested by the community curators.
<span *ngIf="communityId && communityId != 'openaire'">community </span><span *ngIf="!communityId || communityId == 'openaire'">needs </span> </div>
among those registered in the Directory of Open Access Journals (DOAJ). </div>
</div> <div class="uk-margin-medium-bottom">
</span> <div class="uk-h6">
</span> 3. Publish
</span> </div>
<div></div> <div>
</div> Find the Open Access journals that suit your needs among those registered in the Directory of Open Access Journals (DOAJ).
<div class="uk-width-1-2@m uk-width-1-1@s"> </div>
<!--<p class="uk-margin-auto-top uk-margin-remove-bottom uk-h5"> </div>
Start by <span class="uk-text-bold">searching</span> repositories and journals </div>
</p>--> </div>
<div class="uk-flex uk-flex-right uk-margin-small-bottom"> <div class="uk-section uk-section-large uk-margin-large-top">
<a [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" <!-- <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper> -->
[routerLink]="depositRoute"> <div>
Browse all <div class="uk-h6 uk-margin-medium-bottom">
</a> How to comply with funder Open Access policies
</div> </div>
<div> <div>
<div search-input [(value)]="keyword" [placeholder]="searchPlaceHolder" (searchEmitter)="goToDeposit.click()"></div> <ul class="uk-list uk-list-disc">
<a #goToDeposit class="uk-hidden" [routerLink]="depositRoute" [queryParams]="{'f0':'q','fv0': keyword}"></a> <li class="uk-margin-bottom">
</div> Read the <a href="https://www.openaire.eu/how-to-comply-to-h2020-mandates-for-publications" target="_blank"><span>OpenAIRE guide to learn how to comply with EC H2020 Open Access policy on publications</span><span class="custom-external custom-icon space"></span></a>
<div class="uk-width-1-6 uk-text-right uk-margin-medium-top"> </li>
<!-- <hr class="uk-divider-vertical">--> <li class="uk-margin-bottom">
<!-- <div class=" uk-margin-top uk-margin-bottom uk-padding-small uk-text-bold">OR</div>--> Read the <a href="https://www.openaire.eu/how-to-comply-to-h2020-mandates-for-data" target="_blank"><span>OpenAIRE guide to learn how to comply with EC H2020 Open Access policy on research data</span><span class="custom-external custom-icon space"></span></a>
<!-- <img src="assets/common-assets/OR.svg">--> </li>
<div class="uk-margin-bottom"> <li class="uk-margin-bottom">
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="88" viewBox="0 0 27 88"> If you want to know about National Open Access policies, please check them out <a href="https://www.openaire.eu/frontpage/country-pages" target="_blank"><span>here</span><span class="custom-external custom-icon space"></span></a>
<g id="Group_749" data-name="Group 749" transform="translate(-872.168 -490.5)"> </li>
<text class="fill_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> <li class="uk-margin-bottom">
<line class="stroke_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"/> All OpenAIRE guides can be found <a href="https://www.openaire.eu/guides" target="_blank"><span>here</span><span class="custom-external custom-icon space"></span></a>
<line class="stroke_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"/> </li>
</g> </ul>
</svg> </div>
</div> </div>
<!-- <hr class="uk-divider-vertical">--> </div>
</div> </div>
</div>
<div> </div>
<!--<a [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" routerLinkActive="router-link-active" [routerLink]="depositRoute" <fs-modal #fsModal>
type="submit" class="uk-button uk-button-large portal-button uk-padding uk-padding-remove-vertical"> <div class="uk-height-1-1 uk-padding uk-flex uk-flex-column uk-flex-middle uk-flex-center">
<span><span>Browse all </span><span uk-icon="arrow-right"></span></span> <div class="title uk-h2 uk-margin-large-bottom">
</a>--> Find the appropriate repository.
<a *ngIf="zenodoInformation.shareInZenodoUrl" type="submit" </div>
[queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" <div class="cards uk-grid uk-grid-large" uk-height-match="target: .uk-card-body, .uk-tile-primary;">
routerLinkActive="router-link-active" [routerLink]="zenodoInformation.shareInZenodoUrl" <div>
class="uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom "> <div class="uk-card uk-card-default uk-text-center" style="width: 360px;">
<span><span> Use related zenodo communities</span><span uk-icon="arrow-right"></span></span> <div class="uk-card-body uk-text-small">
</a> <img src="assets/common-assets/common/Logo_Horizontal.png" alt="OpenAIRE logo" class="uk-width-small uk-margin-bottom">
<a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" href="{{zenodoInformation.url}}" type="submit" <div>
[class]="'uk-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom ' + Search and browse for <span class="uk-text-bold">OpenAIRE compliant repositories</span> registered in OpenDOAR and re3data.
((communityId && communityId != 'openaire') ? ' portal-button' : ' uk-button-primary')"> </div>
<span><span>Deposit in Zenodo</span><span uk-icon="arrow-right"></span></span> </div>
</a> <a routerLink="/participate/deposit/search" type="submit" (click)="closeFsModal()"
<!-- <a class="uk-flex">View more info</a>--> class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
</div> <button class="uk-button uk-button-text">
</div> <span class="uk-flex uk-flex-middle">
</div> <span>OpenAIRE compliant repositories</span>
</div> </span>
</div> </button>
</div> </a>
</div> </div>
<div class=""> </div>
<schema2jsonld *ngIf="url" [URL]="url" [name]="title" type="other" description=" 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. "></schema2jsonld> <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-card uk-card-default uk-text-center" style="width: 360px;">
<div class="uk-container uk-container-large uk-margin-bottom uk-margin-medium-top"> <div class="uk-card-body uk-text-small">
<div class="uk-grid uk-padding"> <img src="assets/common-assets/common/logo-zenodo.png" alt="Zenodo logo" class="uk-width-small uk-margin-bottom">
<div class="uk-width-1-2 uk-text-center"> <div>
<div class="uk-margin-top"> Deposit your research in <br><span class="uk-text-bold">Zenodo repository</span>
<svg xmlns="http://www.w3.org/2000/svg" width="173" height="56.685" viewBox="0 0 173 56.685"><defs><style>.a{fill:#191919;}</style></defs><path class="a" d="M171.749,22.311a16.158,16.158,0,0,0-3.364-4.953A15.511,15.511,0,0,0,157.4,12.837a15.213,15.213,0,0,0-6.074,1.206,16.4,16.4,0,0,0-2.63,1.424,16.2,16.2,0,0,0-2.325,1.891,14.893,14.893,0,0,0-1.242,1.383,19.241,19.241,0,0,0-1.173,1.7,19.372,19.372,0,0,0-1.482,3.343c.048-1.943.332-4.842,1.482-6.468V3.272a3.081,3.081,0,0,0-.993-2.323,3.251,3.251,0,0,0-5.556,2.323V15.765a17.084,17.084,0,0,0-4.261-2.156,14.8,14.8,0,0,0-4.781-.773,15.314,15.314,0,0,0-6.028,1.206,15.575,15.575,0,0,0-4.959,3.316,16.056,16.056,0,0,0-3.352,4.953c-.063.142-.118.286-.177.43-.056-.144-.111-.288-.173-.43a16.158,16.158,0,0,0-3.364-4.953,15.519,15.519,0,0,0-4.95-3.316,15.795,15.795,0,0,0-12.105,0,16.068,16.068,0,0,0-4.954,3.316,15.182,15.182,0,0,0-3.359,4.953c-.058.136-.109.272-.162.407-.056-.135-.109-.271-.167-.407a16.056,16.056,0,0,0-3.357-4.953,15.532,15.532,0,0,0-4.956-3.316,15.795,15.795,0,0,0-12.105,0,16.084,16.084,0,0,0-4.948,3.316,15.129,15.129,0,0,0-3.366,4.953c-.051.125-.1.253-.148.378-.051-.125-.1-.253-.155-.378a16.165,16.165,0,0,0-3.366-4.953,15.489,15.489,0,0,0-10.979-4.521,15.185,15.185,0,0,0-6.072,1.206,16.01,16.01,0,0,0-4.622,3.017v-.521A3.335,3.335,0,0,0,27.211,13.2H3.837a3.334,3.334,0,0,0,0,6.669h18.37L.658,48.884A3.333,3.333,0,0,0,0,50.872v2.176a3.337,3.337,0,0,0,3.336,3.336H28.214a3.335,3.335,0,0,0,3.324-3.09,15.693,15.693,0,0,0,3.675,2.184,15.189,15.189,0,0,0,6.031,1.207A14.892,14.892,0,0,0,49.857,54.1a15.447,15.447,0,0,0,4.827-5.188v4.5a3.245,3.245,0,0,0,3.277,3.275,3.194,3.194,0,0,0,2.281-.949,3.077,3.077,0,0,0,.991-2.326V41.733h-.012a.087.087,0,0,1,.012-.015h-8.17a3.175,3.175,0,0,0-1.851.558,3.007,3.007,0,0,0-1.161,1.507l-.535,1.1a8.969,8.969,0,0,1-8.271,5.254,9.141,9.141,0,0,1-3.493-.684,8.463,8.463,0,0,1-2.883-1.939,9.963,9.963,0,0,1-1.94-2.888,8.4,8.4,0,0,1-.729-3.447V38.252H61.234V28.34a8.74,8.74,0,0,1,.688-3.442,8.959,8.959,0,0,1,8.355-5.515,9.117,9.117,0,0,1,3.493.687,8.459,8.459,0,0,1,2.883,1.94,10.032,10.032,0,0,1,1.94,2.889,8.36,8.36,0,0,1,.734,3.442V53.409A3.233,3.233,0,0,0,82.6,56.684a3.211,3.211,0,0,0,2.286-.949,3.107,3.107,0,0,0,.986-2.326v-4.5a15.828,15.828,0,0,0,2.482,3.249,15.454,15.454,0,0,0,4.954,3.314,15.671,15.671,0,0,0,12.061,0,16.035,16.035,0,0,0,5-3.314,15.226,15.226,0,0,0,3.359-4.951c.044-.112.087-.225.129-.338.046.113.087.226.134.338a15.068,15.068,0,0,0,3.359,4.951,16.075,16.075,0,0,0,4.951,3.314,15.79,15.79,0,0,0,12.109,0,15.476,15.476,0,0,0,4.946-3.314,16.166,16.166,0,0,0,3.366-4.951c.06-.142.116-.283.173-.426.058.143.111.284.173.426a16.07,16.07,0,0,0,3.359,4.951,15.454,15.454,0,0,0,4.954,3.314,15.671,15.671,0,0,0,12.061,0,16.008,16.008,0,0,0,5-3.314A15.314,15.314,0,0,0,173,41.178V28.341A14.991,14.991,0,0,0,171.749,22.311ZM8.35,49.716,25.794,26.224a16.054,16.054,0,0,0-.143,2.117V41.178A14.759,14.759,0,0,0,26.9,47.211a16.514,16.514,0,0,0,1.366,2.5H8.35ZM50.285,31.7H32.2V28.34a8.738,8.738,0,0,1,.686-3.442,8.951,8.951,0,0,1,8.36-5.515,9.1,9.1,0,0,1,3.486.687,8.423,8.423,0,0,1,2.885,1.94,10.033,10.033,0,0,1,1.94,2.889,8.318,8.318,0,0,1,.729,3.442V31.7Zm58.093,9.48a8.7,8.7,0,0,1-.688,3.447,8.941,8.941,0,0,1-8.352,5.511,9.141,9.141,0,0,1-3.493-.684,8.417,8.417,0,0,1-2.883-1.939,9.917,9.917,0,0,1-1.94-2.888,8.353,8.353,0,0,1-.729-3.447V28.341A8.74,8.74,0,0,1,90.98,24.9a8.935,8.935,0,0,1,1.937-2.889,9.165,9.165,0,0,1,9.9-1.94,8.433,8.433,0,0,1,2.888,1.94,10.129,10.129,0,0,1,1.94,2.889,8.356,8.356,0,0,1,.729,3.442V41.178Zm29.035,0a8.32,8.32,0,0,1-.729,3.447,9.947,9.947,0,0,1-1.94,2.888,8.358,8.358,0,0,1-2.888,1.939,9.337,9.337,0,0,1-7.018,0,9.046,9.046,0,0,1-4.825-4.826,8.735,8.735,0,0,1-.69-3.447V28.341a8.439,8.439,0,0,1,.732-3.442,10.1,10.1,0,0,1,1.94-2.889,8.522,8.522,0,0,1,2.883-1.94,9.152,9.152,0,0,1,3.493-.687,8.985,8.985,0,0,1,8.357,5.515,8.775,8.775,0,0,1,.686,3.442V41.178Zm29.035,0a8.82,8.82,0,0,1-.686,3.447,9.129,9.129,0,0,1-11.85,4.826,8.424,8.424,0,0,1-2.882-1.939,9.946,9.946,0,0,1-1.942-2.888,8.337,8.337,0,0,1-.732-3.447V28.341a8.742,8.742,0,0,1,.69-3.442,8.935,8.935,0,0,1,1.937-2.889,9.169,9.169,0,0,1,9.905-1.94,8.423,8.423,0,0,1,2.885,1.94,10.088,10.088,0,0,1,1.942,2.889,8.356,8.356,0,0,1,.729,3.442V41.178Z"/></svg> </div>
</div> </div>
<div class="uk-margin-top"> <a *ngIf="zenodoInformation.shareInZenodoUrl" type="submit"
<span class="uk-text-bold">Deposit</span> your research now. <span class="uk-text-bold">Instantly and easily.</span> [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)"
</div> routerLinkActive="router-link-active" [routerLink]="zenodoInformation.shareInZenodoUrl"
<a *ngIf="zenodoInformation.shareInZenodoUrl" type="submit" class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
[queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" <button class="uk-button uk-button-text">
routerLinkActive="router-link-active" [routerLink]="zenodoInformation.shareInZenodoUrl" <span class="uk-flex uk-flex-middle">
class="uk-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom uk-button-primary"> Use related Zenodo communities
<span><span>Related zenodo communities</span><span uk-icon="arrow-right"></span></span> </span>
</a> </button>
<a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" href="{{zenodoInformation.url}}" type="submit" </a>
class="uk-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom uk-button-primary"> <a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" type="submit" href="{{zenodoInformation.url}}"
<span><span>Deposit in Zenodo</span><span uk-icon="arrow-right"></span></span> class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
</a> <button class="uk-button uk-button-text">
</div> <span class="uk-flex uk-flex-middle">
<div class="uk-width-1-2"> Zenodo Repository
<div class="uk-margin-top"> </span>
<div class="uk-text-bold">Research. Shared.</div> </button>
<div> </a>
All research outputs from across all fields of research are welcome! Sciences and Humanities, really! </div> </div>
</div> </div>
<div class="uk-margin-top"> </div>
<div class="uk-text-bold">Citeable. Discoverable. </div> </div>
<div> </fs-modal>
Uploads gets a Digital Object Identifier (DOI) to make them easily and uniquely citeable. `,
</div>
</div>
<div class="uk-margin-top">
<div class="uk-text-bold">Funding</div>
<div>
<!-- Identify grants, integrated in reporting lines for research funded by the European Commission via OpenAIRE.-->
Link your upload to its funding projects. For research funded by the European Commission, your upload will automatically be available for reporting on the EC participant portal.
</div>
</div>
<div class="uk-margin-top">
<div class="uk-text-bold">Flexible licensing</div>
<div>
Because not everything is under Creative Commons.
</div>
</div>
<div class="uk-margin-top">
<div class="uk-text-bold">Safe</div>
<div>
Your research output is stored safely for the future in the same cloud infrastructure as CERN's own LHC research data.
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="uk-section uk-section-muted uk-margin-large-top uk-padding-remove-bottom uk-padding-remove-top">
&lt;!&ndash; grey-background&ndash;&gt;
<div class="uk-margin-top uk-padding-small">
<div class="uk-align-center uk-container uk-container-large uk-margin-top uk-margin-bottom">
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
</div>
</div>
</div>-->
<div class="uk-section">
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
</div>
</div>
`
}) })
export class DepositFirstPageComponent { export class DepositFirstPageComponent {
@ -217,6 +179,9 @@ export class DepositFirstPageComponent {
@Input() showBreadcrumb:boolean = false; @Input() showBreadcrumb:boolean = false;
breadcrumbs:Breadcrumb[] = []; breadcrumbs:Breadcrumb[] = [];
subscriptions = []; subscriptions = [];
@ViewChild('fsModal', { static: true }) fsModal: FullScreenModalComponent;
constructor (private route: ActivatedRoute, private _piwikService:PiwikService, constructor (private route: ActivatedRoute, private _piwikService:PiwikService,
private helper: HelperService, private helper: HelperService,
private _router: Router, private _router: Router,
@ -290,4 +255,12 @@ export class DepositFirstPageComponent {
private updateUrl(url:string) { private updateUrl(url:string) {
this._meta.updateTag({content:url},"property='og:url'"); this._meta.updateTag({content:url},"property='og:url'");
} }
public openFsModal() {
this.fsModal.open();
}
public closeFsModal() {
this.fsModal.close();
}
} }

View File

@ -12,6 +12,7 @@ import { SEOServiceModule } from '../sharedComponents/SEO/SEOService.module';
import {DepositFirstPageComponent} from "./depositFirstPage.component"; import {DepositFirstPageComponent} from "./depositFirstPage.component";
import {BreadcrumbsModule} from "../utils/breadcrumbs/breadcrumbs.module"; import {BreadcrumbsModule} from "../utils/breadcrumbs/breadcrumbs.module";
import {SearchInputModule} from "../sharedComponents/search-input/search-input.module"; import {SearchInputModule} from "../sharedComponents/search-input/search-input.module";
import {FullScreenModalModule} from '../utils/modal/full-screen-modal/full-screen-modal.module';
@NgModule({ @NgModule({
imports: [ imports: [
@ -19,7 +20,8 @@ import {SearchInputModule} from "../sharedComponents/search-input/search-input.m
RouterModule, RouterModule,
PiwikServiceModule, PiwikServiceModule,
HelperModule, HelperModule,
Schema2jsonldModule, SEOServiceModule, BreadcrumbsModule, SearchInputModule Schema2jsonldModule, SEOServiceModule, BreadcrumbsModule, SearchInputModule,
FullScreenModalModule
], ],
declarations: [ declarations: [
DepositFirstPageComponent DepositFirstPageComponent

View File

@ -26,9 +26,16 @@ import {properties} from "../../../environments/environment";
</div> </div>
<div class=""> <div class="">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-margin-top uk-flex uk-flex-right"> <div class="uk-margin-top uk-flex uk-flex-center">
<div class="uk-width-large"> <div class="uk-width-large">
<div search-input [(value)]="keyword" placeholder="Search by name, description, subject..." (searchEmitter)="keywordChanged()"></div> <div search-input [(value)]="keyword" placeholder="Search by name, description, subject..." (searchEmitter)="keywordChanged()"></div>
<div class="uk-margin-top uk-text-center">
<a [href]="zenodoInformation.url" target="_blank" class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text">
<span class="uk-flex uk-flex-middle">
<span>Zenodo Repository</span><span class="custom-external custom-icon space"></span>
</span>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -91,6 +98,13 @@ export class SearchDataprovidersToDepositComponent {
this.parameters = Object.assign({}, params); this.parameters = Object.assign({}, params);
this.keyword = params["fv0"]?params["fv0"]:''; this.keyword = params["fv0"]?params["fv0"]:'';
}); });
if (!this.zenodoInformation) {
this.zenodoInformation = new ZenodoInformationClass();
}
if (!this.zenodoInformation.shareInZenodoUrl) {
this.zenodoInformation.url = this.properties.zenodo;
}
// this.searchPage.refineFields = this.refineFields; // this.searchPage.refineFields = this.refineFields;
// this.searchPage.fieldIdsMap = this.fieldIdsMap; // this.searchPage.fieldIdsMap = this.fieldIdsMap;
// this.searchPage.keywordFields = this.keywordFields; // this.searchPage.keywordFields = this.keywordFields;

View File

@ -1,5 +1,5 @@
<errorMessages *ngIf="status != errorCodes.NONE" [status]="[status]" [type]="'results'"></errorMessages> <errorMessages *ngIf="status != errorCodes.NONE" [status]="[status]" [type]="'results'"></errorMessages>
<div *ngIf="status == errorCodes.NONE" class="uk-text-center uk-margin-large-top uk-width-3-5"> <div *ngIf="status == errorCodes.NONE" class="uk-text-center uk-width-3-5 uk-margin-auto">
<p class="uk-text-large uk-text-muted uk-margin">There are no repositories for your preferences</p> <p class="uk-text-large uk-text-muted uk-margin">There are no repositories for your preferences</p>
<p class="uk-text-large uk-text-muted">We suggest to deposit your research in</p> <p class="uk-text-large uk-text-muted">We suggest to deposit your research in</p>

View File

@ -1,16 +1,27 @@
import {Component, ElementRef, EventEmitter, Input, OnInit, Output} from "@angular/core"; import {Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from "@angular/core";
import {fromEvent, Subscription} from 'rxjs'; import {fromEvent, Subscription} from 'rxjs';
import {delay} from "rxjs/operators"; import {delay} from "rxjs/operators";
declare var UIkit;
@Component({ @Component({
selector: 'fs-modal', selector: 'fs-modal',
template: ` template: `
<div class="fs-modal"> <div #modal_full class="uk-modal-full" uk-modal>
<div class="uk-modal-dialog uk-height-1-1">
<button class="uk-modal-close-full uk-close-large uk-margin-medium-top uk-margin-medium-right" type="button" uk-close></button>
<div class="uk-height-1-1">
<div class="header">
<ng-content select="[actions]"></ng-content>
</div>
<div class="content uk-height-1-1">
<ng-content></ng-content>
</div>
</div>
</div>
</div>
<!-- <div class="fs-modal">
<div class="fs-modal-bg" (click)="close()"></div> <div class="fs-modal-bg" (click)="close()"></div>
<div id="fs-modal" class="fs-modal-dialog"> <div id="fs-modal" class="fs-modal-dialog">
<!--<a class="close" (click)="close()">
<icon name="close"></icon>
</a>-->
<div class="header"> <div class="header">
<div class="uk-flex-middle uk-grid" uk-grid> <div class="uk-flex-middle uk-grid" uk-grid>
<h4 *ngIf="title" class="uk-margin-remove uk-width-expand uk-text-truncate">{{title}}</h4> <h4 *ngIf="title" class="uk-margin-remove uk-width-expand uk-text-truncate">{{title}}</h4>
@ -27,7 +38,7 @@ import {delay} from "rxjs/operators";
<ng-content></ng-content> <ng-content></ng-content>
</div> </div>
</div> </div>
</div> </div> -->
` `
}) })
export class FullScreenModalComponent implements OnInit { export class FullScreenModalComponent implements OnInit {
@ -45,7 +56,7 @@ export class FullScreenModalComponent implements OnInit {
@Output() @Output()
cancelEmitter: EventEmitter<boolean> = new EventEmitter<boolean>(); cancelEmitter: EventEmitter<boolean> = new EventEmitter<boolean>();
opened: boolean = false; opened: boolean = false;
private readonly element: any; @ViewChild('modal_full') element: ElementRef;
private subscriptions: any[] = []; private subscriptions: any[] = [];
private clickedInside: boolean; private clickedInside: boolean;
@ -55,7 +66,6 @@ export class FullScreenModalComponent implements OnInit {
ngOnInit() { ngOnInit() {
if (typeof document !== "undefined") { if (typeof document !== "undefined") {
document.body.appendChild(this.element);
this.subscriptions.push(fromEvent(document, 'keydown').pipe(delay(1)).subscribe((event: KeyboardEvent) => { this.subscriptions.push(fromEvent(document, 'keydown').pipe(delay(1)).subscribe((event: KeyboardEvent) => {
if(event.keyCode === 27) { if(event.keyCode === 27) {
this.close(); this.close();
@ -65,7 +75,6 @@ export class FullScreenModalComponent implements OnInit {
} }
ngOnDestroy(): void { ngOnDestroy(): void {
this.element.remove();
this.subscriptions.forEach(subscription => { this.subscriptions.forEach(subscription => {
if (subscription instanceof Subscription) { if (subscription instanceof Subscription) {
subscription.unsubscribe(); subscription.unsubscribe();
@ -74,18 +83,12 @@ export class FullScreenModalComponent implements OnInit {
} }
open() { open() {
if (typeof document !== "undefined") { UIkit.modal(this.element.nativeElement).show();
this.opened = true;
document.getElementsByTagName('html')[0].classList.add('fs-modal-open');
}
} }
close() { close() {
if (typeof document !== "undefined" && this.opened) { UIkit.modal(this.element.nativeElement).hide();
document.getElementsByTagName('html')[0].classList.remove('fs-modal-open'); this.cancelEmitter.emit();
this.opened = false;
this.cancelEmitter.emit();
}
} }
ok() { ok() {

View File

@ -17,12 +17,12 @@
<!-- 1st section (small title, mail title and deposit link) --> <!-- 1st section (small title, mail title and deposit link) -->
<div class="section1 uk-margin-bottom"> <div class="section1 uk-margin-bottom">
<!-- Deposit searchPage URL --> <!-- Deposit searchPage URL -->
<span class="uk-width-expand uk-flex-right"> <!-- <span class="uk-width-expand uk-flex-right">
<a *ngIf="result.websiteURL && promoteWebsiteURL" href="{{result.websiteURL}}" target="_blank" type="submit" <a *ngIf="result.websiteURL && promoteWebsiteURL" href="{{result.websiteURL}}" target="_blank" type="submit"
class=" uk-float-right uk-button uk-button-primary uk-padding uk-padding-remove-vertical uk-margin-small-left"> class=" uk-float-right uk-button uk-button-primary 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>Visit repository to deposit</span><span uk-icon="arrow-right"></span></span>
</a> </a>
</span> </span> -->
<!-- Small subtitle above title --> <!-- Small subtitle above title -->
<div class="uk-text-small uk-margin-small-bottom"> <div class="uk-text-small uk-margin-small-bottom">
<span *ngIf="type" class="uk-text-capitalize type">{{type}}</span> <span *ngIf="type" class="uk-text-capitalize type">{{type}}</span>
@ -83,7 +83,7 @@
[no title available] [no title available]
</div> </div>
</div> </div>
<hr class="uk-margin-remove-bottom" *ngIf="result.websiteURL && promoteWebsiteURL"> <!-- <hr class="uk-margin-remove-bottom" *ngIf="result.websiteURL && promoteWebsiteURL"> -->
</h2> </h2>
</div> </div>
</div> </div>
@ -139,7 +139,7 @@
</span>{{' '}} </span>{{' '}}
<span <span
*ngIf="result.compatibility != undefined && result.compatibility != '' && result.compatibility == 'not available' *ngIf="result.compatibility != undefined && result.compatibility != '' && result.compatibility == 'not available'
&& result.resultType != 'service'" && result.resultType != 'service'"
class="uk-label uk-label-danger" title="OpenAIRE Compatibility"> class="uk-label uk-label-danger" title="OpenAIRE Compatibility">
Not yet registered <span *ngIf="properties.adminToolsPortalType == 'eosc'">in OpenAIRE</span> Not yet registered <span *ngIf="properties.adminToolsPortalType == 'eosc'">in OpenAIRE</span>
</span>{{' '}} </span>{{' '}}
@ -294,6 +294,18 @@
</p> </p>
</div> </div>
</div> </div>
<!-- 5th section(deposit only) -->
<div>
<span class="uk-width-expand uk-flex-right">
<a *ngIf="result.websiteURL && promoteWebsiteURL" href="{{result.websiteURL}}" target="_blank" type="submit"
class="uk-float-right uk-margin-small-left uk-display-inline-block uk-text-uppercase uk-button uk-button-text">
<span class="uk-flex uk-flex-middle">
<icon name="file_upload" type="outlined" [flex]="true" class="uk-margin-small-right"></icon>
<span>Go to repository</span>
</span>
</a>
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -303,111 +315,112 @@
((showOrcid && result.identifiers && result.identifiers.size > 0 && isResultType) || result.orcidCreationDates?.length > 0))" ((showOrcid && result.identifiers && result.identifiers.size > 0 && isResultType) || result.orcidCreationDates?.length > 0))"
class="result-preview-bottom uk-text-small" class="result-preview-bottom uk-text-small"
[ngClass]="{'uk-card-footer': isCard}"> [ngClass]="{'uk-card-footer': isCard}">
<!-- Impact Factors--> <!-- Impact Factors-->
<span class="uk-flex uk-flex-top"> <span class="uk-flex uk-flex-top uk-flex-wrap" style="grid-gap: 10px;">
<ng-container *ngIf="result.pop_inf && result.DOI"> <ng-container *ngIf="result.pop_inf && result.DOI">
<!--Popularity --> <!--Popularity -->
<a title="Popularity" class="popularity-{{result.pop_inf[0]}} uk-margin-right uk-flex uk-flex-middle"> <a title="Popularity" class="popularity-{{result.pop_inf[0]}} uk-margin-right uk-flex uk-flex-middle">
<svg xmlns="http://www.w3.org/2000/svg" width="10.749" height="14.33" viewBox="0 0 10.749 14.33"><defs><!--<style>.a{fill:#d51717;}</style>--></defs><path <svg xmlns="http://www.w3.org/2000/svg" width="10.749" height="14.33" viewBox="0 0 10.749 14.33"><defs><!--<style>.a{fill:#d51717;}</style>--></defs><path
class="a" class="a"
d="M10.382.67a14.44,14.44,0,0,1,.5,3.225A2.331,2.331,0,0,1,8.589,6.4,2.445,2.445,0,0,1,6.15,3.895l.02-.242A9.25,9.25,0,0,0,4,9.625a5.375,5.375,0,0,0,10.749,0A11.5,11.5,0,0,0,10.382.67ZM9.18,12.985a2.134,2.134,0,0,1-2.163-2.11A2.1,2.1,0,0,1,8.9,8.779a5.181,5.181,0,0,0,3.1-1.733,9.374,9.374,0,0,1,.4,2.714A3.226,3.226,0,0,1,9.18,12.985Z" d="M10.382.67a14.44,14.44,0,0,1,.5,3.225A2.331,2.331,0,0,1,8.589,6.4,2.445,2.445,0,0,1,6.15,3.895l.02-.242A9.25,9.25,0,0,0,4,9.625a5.375,5.375,0,0,0,10.749,0A11.5,11.5,0,0,0,10.382.67ZM9.18,12.985a2.134,2.134,0,0,1-2.163-2.11A2.1,2.1,0,0,1,8.9,8.779a5.181,5.181,0,0,0,3.1-1.733,9.374,9.374,0,0,1,.4,2.714A3.226,3.226,0,0,1,9.18,12.985Z"
transform="translate(-4 -0.67)"/></svg> transform="translate(-4 -0.67)"/>
<span class="uk-margin-small-left" </svg>
> <span class="uk-margin-small-left">
{{" " + result.pop_inf[2] + {{" " + result.pop_inf[2] + " popularity" }}
" popularity" }}</span> </span>
</a>
</a> <div class="default-dropdown uk-margin-remove-top uk-padding-small"
<div
class="default-dropdown uk-margin-remove-top uk-padding-medium"
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;"> uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
<span class=" uk-flex uk-flex-middle"> <span class="uk-flex uk-flex-middle">
<span class="popularity-{{result.pop_inf[0]}}"> <span class="popularity-{{result.pop_inf[0]}}">
<svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="26.974" <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="26.974"
viewBox="0 0 20.234 26.974"><defs> </defs><path class="a" viewBox="0 0 20.234 26.974"><defs> </defs><path class="a"
d="M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z" d="M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z"
transform="translate(-4 -0.67)"/></svg> transform="translate(-4 -0.67)"/>
</span> </svg>
<span class=" uk-margin-small-left">{{" " + result.pop_inf[2] + </span>
" popularity" }}</span> <span class="uk-margin-small-left">
<span {{" " + result.pop_inf[2] + " popularity" }}
class="uk-margin-small-top uk-margin-small-left">{{" " + (result.pop_inf[0] == 'A' ? 'In top 0.01%' : '') + (result.pop_inf[0] == 'B' ? 'In top 1%' : '') + (result.pop_inf[0] == 'C' ? 'In bottom 99%' : '')}}</span> </span>
<span class="uk-margin-small-left">
{{" " + (result.pop_inf[0] == 'A' ? 'In top 0.01%' : '') + (result.pop_inf[0] == 'B' ? 'In top 1%' : '') + (result.pop_inf[0] == 'C' ? 'In bottom 99%' : '')}}
</span>
</span> </span>
<div class="uk-text-meta uk-margin">Popularity: Citation-based measure reflecting the current impact.</div> <div class="uk-text-meta uk-margin">
<div> Popularity: Citation-based measure reflecting the current impact.
<a title="Link to Bip!Finder" class="uk-float-right" target="_blank"
href="https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
</div> </div>
</div> <div>
<a title="Link to Bip!Finder" class="uk-float-right" target="_blank" href="https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">
View more details
</a>
</div>
</div>
<!--Influence --> <!--Influence -->
<a title="Influence" class="influence-{{result.pop_inf[1]}} uk-margin-right uk-flex uk-flex-middle"> <a title="Influence" class="influence-{{result.pop_inf[1]}} uk-margin-right uk-flex uk-flex-middle">
<svg xmlns="http://www.w3.org/2000/svg" width="12.667" height="14" viewBox="0 0 12.667 14"> <svg xmlns="http://www.w3.org/2000/svg" width="12.667" height="14" viewBox="0 0 12.667 14">
<defs><!--<style>.a{fill:#e1920a;}</style>--></defs> <defs><!--<style>.a{fill:#e1920a;}</style>--></defs>
<path class="a" <path class="a"
d="M3.333,7v4.667h2V7Zm4,0v4.667h2V7ZM2,15H14.667V13H2Zm9.333-8v4.667h2V7Zm-3-6L2,4.333V5.667H14.667V4.333Z" d="M3.333,7v4.667h2V7Zm4,0v4.667h2V7ZM2,15H14.667V13H2Zm9.333-8v4.667h2V7Zm-3-6L2,4.333V5.667H14.667V4.333Z"
transform="translate(-2 -1)"/> transform="translate(-2 -1)"/>
</svg> </svg>
<span class="uk-margin-small-left" <span class="uk-margin-small-left">
>{{" " + result.pop_inf[3] + {{" " + result.pop_inf[3] + " influence" }}
" influence" }}</span> </span>
</a> </a>
<div <div class="default-dropdown uk-margin-remove-top uk-padding-small"
class="default-dropdown uk-margin-remove-top uk-padding-medium" uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;"> <span class="uk-flex uk-flex-middle">
<span class=" uk-flex uk-flex-middle">
<span class="influence-{{result.pop_inf[1]}}"> <span class="influence-{{result.pop_inf[1]}}">
<svg xmlns="http://www.w3.org/2000/svg" width="24.299" height="26.857" viewBox="0 0 24.299 26.857"><defs><style>.a { <svg xmlns="http://www.w3.org/2000/svg" width="24.299" height="26.857" viewBox="0 0 24.299 26.857"><defs><style>.a {
fill: #464646; fill: #464646;
}</style></defs><path class="a" }</style></defs><path class="a"
d="M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z" d="M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z"
transform="translate(-2 -1)"/></svg> transform="translate(-2 -1)"/>
</span> </svg>
<span class=" uk-margin-small-left" </span>
>{{result.pop_inf[3] + <span class=" uk-margin-small-left">
" influence" }}</span> {{result.pop_inf[3] + " influence" }}
<span </span>
class="uk-margin-small-top uk-margin-small-left">{{" " + (result.pop_inf[1] == 'A' ? 'In top 0.01%' : '') + (result.pop_inf[1] == 'B' ? 'In top 1%' : '') + (result.pop_inf[1] == 'C' ? 'In bottom 99%' : '')}}</span> <span class="uk-margin-small-left">
{{" " + (result.pop_inf[1] == 'A' ? 'In top 0.01%' : '') + (result.pop_inf[1] == 'B' ? 'In top 1%' : '') + (result.pop_inf[1] == 'C' ? 'In bottom 99%' : '')}}
</span>
</span> </span>
<div class="uk-text-meta uk-margin">
<div class="uk-text-meta uk-margin">Influence: Citation-based measure reflecting the total impact.</div> Influence: Citation-based measure reflecting the total impact.
</div>
<div> <div>
<a title="Link to Bip!Finder" class=" uk-float-right" target="_blank" href= <a title="Link to Bip!Finder" class=" uk-float-right" target="_blank" href="https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">
"https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a> View more details
</a>
</div> </div>
</div> </div>
</ng-container> </ng-container>
<!-- && loggedIn --> <!-- && loggedIn -->
<!-- TODO: change colors/opacity and disabled attr for ORCID buttons --> <!-- TODO: change colors/opacity and disabled attr for ORCID buttons -->
<span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community') <span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community')
&& showOrcid && result.identifiers && result.identifiers.size > 0 && isResultType" && showOrcid && result.identifiers && result.identifiers.size > 0 && isResultType"
class="uk-width-1-3 uk-width-expand@s"> class="uk-width-1-3@m uk-width-expand@s">
<!-- class="uk-flex uk-flex-middle uk-flex-right uk-width-expand">--> <!--class="uk-flex uk-flex-middle uk-flex-right uk-width-expand">-->
<orcid-work *ngIf="showOrcid && result.identifiers && result.identifiers.size > 0" <orcid-work *ngIf="showOrcid && result.identifiers && result.identifiers.size > 0"
[resultId]="result.relcanId" [resultTitle]="result.title" [resultId]="result.relcanId" [resultTitle]="result.title"
[type]="result.resultType" [pageType]="'search'" [type]="result.resultType" [pageType]="'search'"
[putCodes]="result.orcidPutCodes" [givenPutCode]="true" [identifiers]="result.identifiers"> [putCodes]="result.orcidPutCodes" [givenPutCode]="true" [identifiers]="result.identifiers">
</orcid-work> </orcid-work>
</span> </span>
<span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community') && result.orcidCreationDates?.length > 0" <span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community') && result.orcidCreationDates?.length > 0"
class="uk-width-expand uk-text-right"> class="uk-width-expand uk-text-right">
<span *ngIf="result.orcidCreationDates?.length > 0" class="uk-display-inline-block"> <span *ngIf="result.orcidCreationDates?.length > 0" class="uk-display-inline-block">
<span class="uk-text-meta">Added in ORCID:</span> <span class="uk-text-meta">
Added in ORCID:
</span>
<span *ngFor="let date of result.orcidCreationDates; let i=index"> <span *ngFor="let date of result.orcidCreationDates; let i=index">
{{date | date: 'dd MMM yyyy'}} {{date | date: 'dd MMM yyyy'}}
<span *ngIf="i < (result.orcidCreationDates.length - 1)">& </span> <span *ngIf="i < (result.orcidCreationDates.length - 1)">
&
</span>
</span> </span>
</span> </span>
<!-- <span *ngIf="result.orcidCreationDates?.length > 0 && result.orcidUpdateDates?.length > 0">-->
<!-- {{' . '}}-->
<!-- </span>-->
<!-- <span *ngIf="result.orcidUpdateDates?.length > 0" class="uk-display-inline-block">-->
<!-- <span class="uk-text-muted">Last update in ORCID:</span>-->
<!-- <span *ngFor="let date of result.orcidUpdateDates; let i=index">-->
<!-- {{date | date: 'dd MMM yyyy'}}-->
<!-- <span *ngIf="i < (result.orcidUpdateDates.length - 1)">& </span>-->
<!-- </span>-->
<!-- </span>-->
</span> </span>
</span> </span>
</div> </div>
</div> </div>