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

Add entity-actions in all landing pages

This commit is contained in:
Konstantinos Triantafyllou 2023-04-21 12:49:14 +03:00
parent dd6f18db52
commit aa86ee0fe3
10 changed files with 141 additions and 174 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
landingPages/dataProvider/dataProvider.component.html
View File

@ -82,15 +82,8 @@
<div *ngIf="!showLoading" class="uk-visible@s uk-margin-top uk-margin-bottom"> <div *ngIf="!showLoading" class="uk-visible@s uk-margin-top uk-margin-bottom">
<div class="uk-flex uk-flex-middle uk-flex-center"> <div class="uk-flex uk-flex-middle uk-flex-center">
<div class="landing-action-bar uk-box-shadow-small uk-margin-bottom"> <div class="landing-action-bar uk-text-xsmall uk-box-shadow-small uk-margin-bottom">
<div class="landing-action-bar-grid-gap uk-flex uk-flex-middle uk-text-xsmall"> <entity-actions [share]="true" [type]="'dataprovider'"></entity-actions>
<!-- Actions -->
<a (click)="openAddThisModal()"
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<icon [flex]="true" [ratio]="0.8" name="share" visuallyHidden="share"></icon>
<span class="uk-margin-xsmall-left">Share</span>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -884,4 +877,4 @@
<fs-modal *ngIf="dataProviderInfo" #addThisFsModal classTitle="uk-tile-default uk-border-bottom" classBody="uk-flex uk-flex-center uk-flex-middle"> <fs-modal *ngIf="dataProviderInfo" #addThisFsModal classTitle="uk-tile-default uk-border-bottom" classBody="uk-flex uk-flex-center uk-flex-middle">
<addThis></addThis> <addThis></addThis>
</fs-modal> </fs-modal>

3
landingPages/dataProvider/dataProvider.module.ts
View File

@ -36,6 +36,7 @@ import {LoadingModalModule} from "../../utils/modal/loadingModal.module";
import {ResultLandingUtilsModule} from "../landing-utils/resultLandingUtils.module"; import {ResultLandingUtilsModule} from "../landing-utils/resultLandingUtils.module";
import {FullScreenModalModule} from '../../utils/modal/full-screen-modal/full-screen-modal.module'; import {FullScreenModalModule} from '../../utils/modal/full-screen-modal/full-screen-modal.module';
import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module'; import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
import {EntityActionsModule} from "../../utils/entity-actions/entity-actions.module";
@NgModule({ @NgModule({
imports: imports:
@ -45,7 +46,7 @@ import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
PagingModule, Schema2jsonldModule, SEOServiceModule, ShowPublisherModule, HelperModule, PagingModule, Schema2jsonldModule, SEOServiceModule, ShowPublisherModule, HelperModule,
LandingHeaderModule, AlertModalModule, NoLoadPaging, FeedbackModule, LandingHeaderModule, AlertModalModule, NoLoadPaging, FeedbackModule,
TabsModule, SearchTabModule, LoadingModule, IconsModule, LoadingModalModule, ResultLandingUtilsModule, TabsModule, SearchTabModule, LoadingModule, IconsModule, LoadingModalModule, ResultLandingUtilsModule,
FullScreenModalModule, SafeHtmlPipeModule FullScreenModalModule, SafeHtmlPipeModule, EntityActionsModule
], ],
declarations: declarations:
[StatisticsTabComponent, [StatisticsTabComponent,

40
landingPages/organization/organization.component.html
View File

@ -83,28 +83,28 @@
<div *ngIf="!showLoading" class="uk-margin-top uk-margin-bottom"> <div *ngIf="!showLoading" class="uk-margin-top uk-margin-bottom">
<div class="uk-flex uk-flex-middle uk-flex-center"> <div class="uk-flex uk-flex-middle uk-flex-center">
<div class="landing-action-bar uk-box-shadow-small uk-margin-bottom"> <div class="landing-action-bar uk-box-shadow-small uk-margin-bottom">
<div class="landing-action-bar-grid-gap uk-flex uk-flex-middle uk-text-xsmall"> <div class="uk-grid uk-grid-small uk-flex-between uk-text-xsmall uk-flex-middle uk-grid-divider" uk-grid>
<!-- Versions --> <div class="uk-width-auto">
<a *ngIf="organizationInfo?.deletedByInferenceIds" (click)="openDeletedByInference()" <!-- Versions -->
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> <a *ngIf="organizationInfo?.deletedByInferenceIds" (click)="openDeletedByInference()"
<icon flex="true" ratio="0.8" name="versions" visuallyHidden="versions"></icon> class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<span class="uk-margin-xsmall-left"> <icon flex="true" ratio="0.8" name="versions" visuallyHidden="versions"></icon>
<span class="uk-margin-xsmall-left">
View all {{organizationInfo.deletedByInferenceIds.length}} versions View all {{organizationInfo.deletedByInferenceIds.length}} versions
</span> </span>
</a> </a>
<!-- Divider --> </div>
<span *ngIf="organizationInfo?.deletedByInferenceIds" class="landing-action-bar-divider"></span> <div class="uk-width-expand">
<!-- Actions --> <entity-actions [share]="true" [type]="'organization'">
<a (click)="openAddThisModal()" <div>
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> <a (click)="buildFunderOptions(); openDownloadReportsModal()"
<icon flex="true" ratio="0.8" name="share" visuallyHidden="share"></icon> class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<span class="uk-margin-xsmall-left">Share</span> <icon flex="true" ratio="0.8" name="download" visuallyHidden="download"></icon>
</a> <span class="uk-margin-xsmall-left">Download</span>
<a (click)="buildFunderOptions(); openDownloadReportsModal()" </a>
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> </div>
<icon flex="true" ratio="0.8" name="download" visuallyHidden="download"></icon> </entity-actions>
<span class="uk-margin-xsmall-left">Download</span> </div>
</a>
</div> </div>
</div> </div>
</div> </div>

4
landingPages/organization/organization.module.ts
View File

@ -32,6 +32,8 @@ import {InputModule} from '../../sharedComponents/input/input.module';
import {IconsService} from '../../utils/icons/icons.service'; import {IconsService} from '../../utils/icons/icons.service';
import {graph, versions} from "../../utils/icons/icons"; import {graph, versions} from "../../utils/icons/icons";
import {FullScreenModalModule} from "../../utils/modal/full-screen-modal/full-screen-modal.module"; import {FullScreenModalModule} from "../../utils/modal/full-screen-modal/full-screen-modal.module";
import {EGIDataTransferModule} from "../../utils/dataTransfer/transferData.module";
import {EntityActionsModule} from "../../utils/entity-actions/entity-actions.module";
@NgModule({ @NgModule({
@ -49,7 +51,7 @@ import {FullScreenModalModule} from "../../utils/modal/full-screen-modal/full-sc
Schema2jsonldModule, SEOServiceModule, HelperModule, Schema2jsonldModule, SEOServiceModule, HelperModule,
OrganizationsDeletedByInferenceModule, LandingHeaderModule, FeedbackModule, OrganizationsDeletedByInferenceModule, LandingHeaderModule, FeedbackModule,
MatSelectModule, MatSelectModule,
TabsModule, SearchTabModule, LoadingModule, IconsModule, InputModule, FullScreenModalModule TabsModule, SearchTabModule, LoadingModule, IconsModule, InputModule, FullScreenModalModule, EGIDataTransferModule, EntityActionsModule
], ],
declarations: [ declarations: [
OrganizationComponent, OrganizationComponent,

50
landingPages/project/project.component.html
View File

@ -116,48 +116,20 @@
<loading></loading> <loading></loading>
</div> </div>
</div> </div>
<!-- new action bar --> <!-- new action bar -->
<div *ngIf="!showLoading" class="uk-visible@s uk-margin-top uk-margin-bottom"> <div *ngIf="!showLoading" class="uk-visible@s uk-margin-top uk-margin-bottom">
<div class="uk-flex uk-flex-middle uk-flex-center"> <div class="uk-flex uk-flex-middle uk-flex-center">
<div class="landing-action-bar uk-box-shadow-small uk-margin-bottom"> <div class="landing-action-bar uk-text-xsmall uk-box-shadow-small uk-margin-bottom">
<div class="landing-action-bar-grid-gap uk-flex uk-flex-middle uk-text-xsmall"> <entity-actions [deposit]="true" [share]="true" [linking]="true" [embed]="true"
<!-- Actions --> [type]="'project'" [result]="projectInfo" [id]="projectInfo.id">
<a *ngIf="isRouteAvailable('participate/direct-claim')" <div>
[queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId, 'project','result'])" <a (click)="openDownloadReportModal()"
routerLinkActive="router-link-active" routerLink="/participate/direct-claim" class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
[title]="'Link '+openaireEntities.RESULTS+' with a '+openaireEntities.PROJECT+', a '+openaireEntities.COMMUNITY+' or other '+openaireEntities.RESULTS+' and make the new information available in OpenAIRE information space.'" <icon flex="true" ratio="0.8" name="download" visuallyHidden="download"></icon>
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'" <span class="uk-margin-xsmall-left">Download</span>
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> </a>
<icon flex="true" ratio="0.7" name="link_to" visuallyHidden="link"></icon> </div>
<span class="uk-margin-xsmall-left">Link to</span> </entity-actions>
</a>
<a (click)="openAddThisModal()"
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<icon flex="true" ratio="0.8" name="share" visuallyHidden="share"></icon>
<span class="uk-margin-xsmall-left">Share</span>
</a>
<a *ngIf="isRouteAvailable('participate/deposit/learn-how')"
routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how"
[title]="'Find a repository to deposit or publish your research in Open Access'"
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<icon flex="true" ratio="0.7" name="upload" visuallyHidden="upload"></icon>
<span class="uk-margin-xsmall-left">Deposit</span>
</a>
<a (click)="openEmbedResultsModal()"
[title]="'Embed the related '+openaireEntities.RESULTS+' of this '+openaireEntities.PROJECT+' in your website'"
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<icon flex="true" ratio="0.8" name="code" visuallyHidden="code"></icon>
<span class="uk-margin-xsmall-left">Embed</span>
</a>
<a (click)="openDownloadReportModal()"
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<icon flex="true" ratio="0.8" name="download" visuallyHidden="download"></icon>
<span class="uk-margin-xsmall-left">Download</span>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

6
landingPages/project/project.module.ts
View File

@ -3,7 +3,7 @@ import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common'; import {CommonModule} from '@angular/common';
import {FormsModule} from '@angular/forms'; import {FormsModule} from '@angular/forms';
import {RouterModule} from '@angular/router'; import {RouterModule} from '@angular/router';
import { MatSelectModule } from "@angular/material/select"; import {MatSelectModule} from "@angular/material/select";
import {ProjectComponent} from './project.component'; import {ProjectComponent} from './project.component';
import {ProjectServiceModule} from './projectService.module'; import {ProjectServiceModule} from './projectService.module';
@ -34,6 +34,8 @@ import {IconsService} from "../../utils/icons/icons.service";
import {graph, link, link_to, open_access} from "../../utils/icons/icons"; import {graph, link, link_to, open_access} from "../../utils/icons/icons";
import {FullScreenModalModule} from '../../utils/modal/full-screen-modal/full-screen-modal.module'; import {FullScreenModalModule} from '../../utils/modal/full-screen-modal/full-screen-modal.module';
import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module'; import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
import {EGIDataTransferModule} from "../../utils/dataTransfer/transferData.module";
import {EntityActionsModule} from "../../utils/entity-actions/entity-actions.module";
@NgModule({ @NgModule({
imports: [ imports: [
@ -44,7 +46,7 @@ import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
Schema2jsonldModule, SEOServiceModule, HelperModule, Schema2jsonldModule, SEOServiceModule, HelperModule,
LandingHeaderModule, MatSelectModule, FeedbackModule, AltMetricsModule, LandingHeaderModule, MatSelectModule, FeedbackModule, AltMetricsModule,
TabsModule, SearchTabModule, LoadingModule, IconsModule, InputModule, TabsModule, SearchTabModule, LoadingModule, IconsModule, InputModule,
FullScreenModalModule, SafeHtmlPipeModule FullScreenModalModule, SafeHtmlPipeModule, EGIDataTransferModule, EntityActionsModule
], ],
declarations: [ declarations: [
ProjectComponent ProjectComponent

77
landingPages/result/resultLanding.component.html
View File

@ -116,49 +116,38 @@
<div *ngIf="!showLoading" class="uk-margin-top uk-margin-bottom"> <div *ngIf="!showLoading" class="uk-margin-top uk-margin-bottom">
<div class="uk-flex uk-flex-middle uk-flex-center"> <div class="uk-flex uk-flex-middle uk-flex-center">
<div class="landing-action-bar uk-box-shadow-small uk-margin-bottom"> <div class="landing-action-bar uk-box-shadow-small uk-margin-bottom">
<div class="landing-action-bar-grid-gap uk-flex uk-flex-middle uk-text-xsmall"> <div class="uk-grid uk-grid-small uk-flex-between uk-text-xsmall uk-flex-middle uk-grid-divider" uk-grid>
<!-- Download from --> <div class="uk-width-auto">
<availableOn *ngIf="resultLandingInfo?.hostedBy_collectedFrom" [availableOn]="resultLandingInfo.hostedBy_collectedFrom" (viewAllClicked)="viewAll=$event"></availableOn> <div class="uk-grid uk-grid-small uk-child-width-auto" uk-grid>
<!-- Versions --> <availableOn *ngIf="resultLandingInfo?.hostedBy_collectedFrom?.length" [availableOn]="resultLandingInfo.hostedBy_collectedFrom"></availableOn>
<a *ngIf="resultLandingInfo?.deletedByInferenceIds" (click)="openDeletedByInference()" <!-- Versions -->
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> <a *ngIf="resultLandingInfo?.deletedByInferenceIds" (click)="openDeletedByInference()"
<icon [flex]="true" [ratio]="0.8" name="versions" visuallyHidden="versions"></icon> class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<span class="uk-margin-xsmall-left"> <icon [flex]="true" [ratio]="0.8" name="versions" visuallyHidden="versions"></icon>
View all {{resultLandingInfo.deletedByInferenceIds.length}} versions <span class="uk-margin-xsmall-left">
</span> View all {{resultLandingInfo.deletedByInferenceIds.length}} versions
</a> </span>
<!-- Divider --> </a>
<span *ngIf="resultLandingInfo?.hostedBy_collectedFrom || resultLandingInfo?.deletedByInferenceIds" class="landing-action-bar-divider"></span> </div>
<!-- Actions --> </div>
<a *ngIf="isRouteAvailable('participate/direct-claim')" <div class="uk-width-expand">
[queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[id,type,'project'])" <entity-actions [cite]="true" [share]="true" [linking]="true"
routerLinkActive="router-link-active" routerLink="/participate/direct-claim" [type]="resultLandingInfo.resultType"
[title]="'Link '+openaireEntities.RESULTS+' with a '+openaireEntities.PROJECT+', a '+openaireEntities.COMMUNITY+' or other '+openaireEntities.RESULTS+' and make the new information available in OpenAIRE information space.'" [result]="resultLandingInfo" [id]="resultLandingInfo.objIdentifier">
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'" <!-- ORCID -->
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> <div *ngIf="properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community' || properties.adminToolsPortalType == 'aggregator'"
<icon [flex]="true" [ratio]="0.7" name="link_to" visuallyHidden="link"></icon> class="uk-margin-small-right">
<span class="uk-margin-xsmall-left">Link to</span> <orcid-work [resultId]="id" [resultTitle]="resultLandingInfo.title" [resultLandingInfo]="resultLandingInfo"
</a> [pids]="pidsArrayString" [pageType]="'landing'">
<a (click)="openAddThisModal()" </orcid-work>
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> </div>
<icon [flex]="true" [ratio]="0.8" name="share" visuallyHidden="share"></icon> <div *ngIf=" properties.enableEoscDataTransfer && resultLandingInfo.resultType == 'dataset' &&
<span class="uk-margin-xsmall-left">Share</span> resultLandingInfo.identifiers && resultLandingInfo.identifiers.get('doi') &&
</a> resultLandingInfo.identifiers.get('doi').join('').indexOf('zenodo.')!=-1">
<a (click)="openCiteModal()" <egi-transfer-data [dois]="resultLandingInfo.identifiers.get('doi')" [isOpen]="egiTransferModalOpen"></egi-transfer-data>
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> </div>
<icon [flex]="true" [ratio]="0.7" name="cite" visuallyHidden="cite"></icon> </entity-actions>
<span class="uk-margin-xsmall-left">Cite</span> </div>
</a>
<ng-container *ngIf="properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community' || properties.adminToolsPortalType == 'aggregator'" >
<orcid-work [resultId]="id" [resultTitle]="resultLandingInfo?.title" [resultLandingInfo]="resultLandingInfo"
[pids]="pidsArrayString" [pageType]="'landing'">
</orcid-work>
</ng-container>
<ng-container *ngIf=" properties.enableEoscDataTransfer && resultLandingInfo.resultType == 'dataset' &&
resultLandingInfo.identifiers && resultLandingInfo.identifiers.get('doi') &&
resultLandingInfo.identifiers.get('doi').join('').indexOf('zenodo.')!=-1">
<egi-transfer-data [dois]="resultLandingInfo.identifiers.get('doi')" [isOpen]="egiTransferModalOpen"></egi-transfer-data>
</ng-container>
</div> </div>
</div> </div>
</div> </div>
@ -1305,4 +1294,4 @@
<fs-modal *ngIf="resultLandingInfo" #addThisFsModal classTitle="uk-tile-default uk-border-bottom" classBody="uk-flex uk-flex-center uk-flex-middle"> <fs-modal *ngIf="resultLandingInfo" #addThisFsModal classTitle="uk-tile-default uk-border-bottom" classBody="uk-flex uk-flex-center uk-flex-middle">
<addThis></addThis> <addThis></addThis>
</fs-modal> </fs-modal>

3
landingPages/result/resultLanding.module.ts
View File

@ -40,6 +40,7 @@ import {RecaptchaModule} from 'ng-recaptcha';
import {SdgFosSuggestModule} from '../landing-utils/sdg-fos-suggest/sdg-fos-suggest.module'; import {SdgFosSuggestModule} from '../landing-utils/sdg-fos-suggest/sdg-fos-suggest.module';
import {FullScreenModalModule} from "../../utils/modal/full-screen-modal/full-screen-modal.module"; import {FullScreenModalModule} from "../../utils/modal/full-screen-modal/full-screen-modal.module";
import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module'; import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
import {EntityActionsModule} from "../../utils/entity-actions/entity-actions.module";
@NgModule({ @NgModule({
imports: [ imports: [
@ -49,7 +50,7 @@ import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
DeletedByInferenceModule, ShowAuthorsModule, HelperModule, ResultLandingUtilsModule, AlertModalModule, DeletedByInferenceModule, ShowAuthorsModule, HelperModule, ResultLandingUtilsModule, AlertModalModule,
AnnotationModule, LandingHeaderModule, NoLoadPaging, ResultPreviewModule, FeedbackModule, TabsModule, LoadingModule, AnnotationModule, LandingHeaderModule, NoLoadPaging, ResultPreviewModule, FeedbackModule, TabsModule, LoadingModule,
OrcidModule, MatFormFieldModule, MatSelectModule, IconsModule, InputModule, EGIDataTransferModule, RecaptchaModule, OrcidModule, MatFormFieldModule, MatSelectModule, IconsModule, InputModule, EGIDataTransferModule, RecaptchaModule,
SdgFosSuggestModule, FullScreenModalModule, SafeHtmlPipeModule SdgFosSuggestModule, FullScreenModalModule, SafeHtmlPipeModule, EntityActionsModule
], ],
declarations: [ declarations: [
ResultLandingComponent ResultLandingComponent

75
utils/entity-actions/entity-actions.component.ts
View File

@ -11,39 +11,48 @@ import {EnvProperties} from "../properties/env-properties";
selector: 'entity-actions', selector: 'entity-actions',
template: ` template: `
<div class="uk-grid uk-grid-small uk-child-width-auto" uk-grid> <div class="uk-grid uk-grid-small uk-child-width-auto" uk-grid>
<a *ngIf="linking && isRouteAvailable('participate/direct-claim')" <div *ngIf="linking && isRouteAvailable('participate/direct-claim')">
[queryParams]="routerHelper.createQueryParams(['id','type','linkTo'], [id,type,linkTo])" <a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'], [id,type,linkTo])"
routerLinkActive="router-link-active" routerLink="/participate/direct-claim" routerLinkActive="router-link-active" routerLink="/participate/direct-claim"
[title]="'Link '+openaireEntities.RESULTS+' with a '+openaireEntities.PROJECT+', a '+openaireEntities.COMMUNITY+' or other '+openaireEntities.RESULTS+' and make the new information available in OpenAIRE information space.'" [title]="'Link '+openaireEntities.RESULTS+' with a '+openaireEntities.PROJECT+', a '+openaireEntities.COMMUNITY+' or other '+openaireEntities.RESULTS+' and make the new information available in OpenAIRE information space.'"
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'" [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<icon [flex]="true" [ratio]="0.7" name="link_to" visuallyHidden="link"></icon> <icon [flex]="true" [ratio]="0.7" name="link_to" visuallyHidden="link"></icon>
<span class="uk-margin-xsmall-left">Link to</span> <span class="uk-margin-xsmall-left">Link to</span>
</a> </a>
<a *ngIf="share" (click)="openAddThisModal()" </div>
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> <div *ngIf="share">
<icon [flex]="true" [ratio]="0.8" name="share" visuallyHidden="share"></icon> <a (click)="openAddThisModal()"
<span class="uk-margin-xsmall-left">Share</span> class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
</a> <icon [flex]="true" [ratio]="0.8" name="share" visuallyHidden="share"></icon>
<a *ngIf="cite" (click)="openCiteModal()" <span class="uk-margin-xsmall-left">Share</span>
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> </a>
<icon [flex]="true" [ratio]="0.7" name="cite" visuallyHidden="cite"></icon> </div>
<span class="uk-margin-xsmall-left">Cite</span> <div *ngIf="cite">
</a> <a (click)="openCiteModal()"
<a *ngIf="deposit && isRouteAvailable('participate/deposit/learn-how')" routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how" class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
[title]="'Find a repository to deposit or publish your research in Open Access'" <icon [flex]="true" [ratio]="0.7" name="cite" visuallyHidden="cite"></icon>
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'" <span class="uk-margin-xsmall-left">Cite</span>
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> </a>
<icon flex="true" ratio="0.7" name="upload" visuallyHidden="upload"></icon> </div>
<span class="uk-margin-xsmall-left">Deposit</span> <div *ngIf="deposit && isRouteAvailable('participate/deposit/learn-how')">
</a> <a routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how"
<a *ngIf="embed" (click)="openEmbedResultsModal()" [title]="'Find a repository to deposit or publish your research in Open Access'"
[title]="'Embed the related '+openaireEntities.RESULTS+' of this '+getTypeName()+' in your website'" [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'" class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder"> <icon flex="true" ratio="0.7" name="upload" visuallyHidden="upload"></icon>
<icon flex="true" ratio="0.8" name="code" visuallyHidden="code"></icon> <span class="uk-margin-xsmall-left">Deposit</span>
<span class="uk-margin-xsmall-left">Embed</span> </a>
</a> </div>
<div *ngIf="embed" >
<a (click)="openEmbedResultsModal()"
[title]="'Embed the related '+openaireEntities.RESULTS+' of this '+getTypeName()+' in your website'"
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
<icon flex="true" ratio="0.8" name="code" visuallyHidden="code"></icon>
<span class="uk-margin-xsmall-left">Embed</span>
</a>
</div>
<ng-content></ng-content> <ng-content></ng-content>
</div> </div>
<modal-alert *ngIf="cite" #citeModal> <modal-alert *ngIf="cite" #citeModal>

44
utils/result-preview/result-preview.component.html
View File

@ -165,9 +165,7 @@
<div *ngIf="result.hostedBy_collectedFrom || hasActions || result.measure?.bip.length || result.measure?.counts.length" <div *ngIf="result.hostedBy_collectedFrom || hasActions || result.measure?.bip.length || result.measure?.counts.length"
class="uk-text-small uk-margin-top" [class.uk-border-bottom]="!isMobile" class="uk-text-small uk-margin-top" [class.uk-border-bottom]="!isMobile"
[class.uk-visible@m]="!result.measure?.bip.length && result.measure?.counts.length"> [class.uk-visible@m]="!result.measure?.bip.length && result.measure?.counts.length">
<div <div class="uk-grid uk-grid-small uk-flex-between uk-text-xsmall uk-flex-middle uk-grid-divider uk-margin-xsmall-bottom" uk-grid>
class="uk-grid uk-grid-small uk-flex-between uk-text-xsmall uk-flex-middle uk-grid-divider uk-margin-xsmall-bottom"
uk-grid>
<div *ngIf="result.hostedBy_collectedFrom?.length" class="uk-width-auto uk-visible@m"> <div *ngIf="result.hostedBy_collectedFrom?.length" class="uk-width-auto uk-visible@m">
<availableOn [availableOn]="result.hostedBy_collectedFrom"></availableOn> <availableOn [availableOn]="result.hostedBy_collectedFrom"></availableOn>
</div> </div>
@ -177,26 +175,26 @@
[type]="result.resultType" [type]="result.resultType"
[result]="result" [id]="result.objId?result.objId:result.id" [result]="result" [id]="result.objId?result.objId:result.id"
[url]="properties.domain + properties.baseLink + url + '?' + urlParam + '=' + result.id"> [url]="properties.domain + properties.baseLink + url + '?' + urlParam + '=' + result.id">
<span *ngIf="orcid"> <span *ngIf="orcid">
<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="orcid" class="uk-width-expand uk-text-right"> <span *ngIf="orcid" 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"> <span class="uk-text-meta">
Added in ORCID: Added in ORCID:
</span> </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 *ngIf="i < (result.orcidCreationDates.length - 1)">
& &
</span> </span>
</span> </span>
</span> </span>
</span> </span>
</entity-actions> </entity-actions>
</div> </div>
<div *ngIf="result.measure?.bip.length || result.measure?.counts.length" <div *ngIf="result.measure?.bip.length || result.measure?.counts.length"