2017-12-19 13:53:46 +01:00
< div id = "tm-main" class = " uk-section uk-margin-small-top tm-middle" >
< div uk-grid uk-grid >
< div class = "tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first " >
< div id = "project" class = "uk-container uk-margin-top project" >
< div * ngIf = "warningMessage.length > 0" class = "uk-alert uk-alert-warning uk-margin-large-top" role = "alert" > {{warningMessage}}< / div >
< div * ngIf = "errorMessage.length > 0" class = "uk-alert uk-alert-danger uk-margin-large-top" role = "alert" > {{errorMessage}}< / div >
2018-10-03 16:12:42 +02:00
< div [ style . display ] = " showLoading ? ' inline ' : ' none ' " class = "uk-animation-fade uk-margin-large-top uk-width-1-1" role = "alert" > < span class = "loading-gif uk-align-center" > < / span > < / div >
2017-12-19 13:53:46 +01:00
< div * ngIf = "projectInfo != null" uk-grid class = "uk-grid-large" >
2018-05-11 16:38:05 +02:00
< div class = "uk-width-expand@m uk-width-1-1@s" >
2018-11-12 16:36:20 +01:00
< schema2jsonld * ngIf = "projectInfo" [ data ] = projectInfo [ URL ] = " properties . baseLink + ' / search / project ? projectId = '+projectId" type = "project" > < / schema2jsonld >
2017-12-19 13:53:46 +01:00
<!-- h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
< h3 * ngIf = "projectInfo.acronym == undefined || projectInfo.acronym == ''" > {{projectInfo.title}}< / h3-- >
< h2 class = "projectIcon" >
<!-- span class="entityTitleIcon projectTitleIcon"></span -->
<!-- <span *ngIf="projectInfo.specialClause39==true" class="sc39">{{projectName}}</span>
< span * ngIf = "projectInfo.specialClause39!=true" > {{projectName}}< / span > -->
< span > {{projectName}}< / span >
< span * ngIf = " projectInfo.title == projectName " > ({{projectInfo.contractNum}})< / span >
< / h2 >
< div class = "uk-text-large " * ngIf = "projectInfo.title && projectInfo.title != projectName " > {{projectInfo.title}} ({{projectInfo.contractNum}})< / div >
< div >
< span class = "uk-label custom-label label-blue label-project" title = "Type" > Project< / span >
< span class = "uk-label custom-label label-funder " title = "Funder" > {{projectInfo.funder}}< / span >
2018-10-23 15:11:25 +02:00
< span * ngIf = "projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets"
class="uk-label custom-label label-openaccessmandate " title="Open Access mandate for Publications and Research Data">
Open Access mandate for Publications and Research Data
< / span >
< span * ngIf = "projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)"
class="uk-label custom-label label-openaccessmandate " title="Open Access mandate for Publications">Open Access mandate for Publications< / span >
2017-12-19 13:53:46 +01:00
< span * ngIf = "projectInfo.specialClause39" class = "uk-label custom-label label-sc39 " title = "Special Clause 39" > Special Clause 39< / span >
2018-10-23 15:11:25 +02:00
< span * ngIf = "projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets && (projectInfo.openAccessMandatePublications == undefined || !projectInfo.openAccessMandatePublications)"
class="uk-label custom-label label-openaccessmandate " title="Open Access mandate for Research Data">Open Access mandate for Research Data< / span >
2017-12-19 13:53:46 +01:00
< / div >
< ul class = "uk-list" >
< li * ngIf = "projectInfo.funding" > < span class = "uk-text-bold" > Funding:< / span > {{projectInfo.funding}}< / li >
< li * ngIf = "projectInfo.startDate" > < span class = "uk-text-bold" > Start Date:< / span > {{projectInfo.startDate}}< / li >
< li * ngIf = "projectInfo.endDate" > < span class = "uk-text-bold" > End Date:< / span > {{projectInfo.endDate}}< / li >
2018-10-23 15:11:25 +02:00
< li * ngIf = "projectInfo.openAccessMandatePublications != undefined && !projectInfo.openAccessMandatePublications " > < span class = "uk-text-bold" > Open Access mandate for Publications:< / span > no< / li >
< li * ngIf = "projectInfo.openAccessMandateDatasets != undefined && !projectInfo.openAccessMandateDatasets " > < span class = "uk-text-bold" > Open Access mandate for Research Data:< / span > no< / li >
2017-12-19 13:53:46 +01:00
< li * ngIf = "projectInfo.organizations && projectInfo.organizations.length > 0" > < span class = "uk-text-bold" > Organization:< / span >
< span class = "list-horizontal-line" >
< span * ngFor = "let organization of projectInfo.organizations let i=index"
[attr.uk-tooltip]="organization.acronym & & organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'"
[title]="organization.name">
< a * ngIf = "organization.id"
[queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active" routerLink="/search/organization">
{{(organization.acronym)?organization.acronym:''}} {{(!organization.acronym & & organization.name)?organization.name:''}}< / a >
< span
*ngIf="!organization.id">
< span * ngIf = "organization.acronym" > {{organization.acronym}}< / span > < span
*ngIf="!organization.acronym & & organization.name">{{organization.name}}< / span > < / span >
< / span >
< / span >
< / li >
< li * ngIf = "projectInfo.urlInfo " >
< span class = "uk-button-text" >
< a target = "_blank" href = "{{projectInfo.url}}" >
{{projectInfo.urlInfo}}
< / a >
< / span >
< / li >
< / ul >
<!-- <div class="uk - clearfix"><div class="uk - button - group uk - float - right uk - margin - top">
< button class = "uk-button uk-button-small uk-button-action" >
< span class = "uk-icon" >
< svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "link" ratio = "1" > < path fill = "none" stroke = "#000" stroke-width = "1.1" d = "M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" > < / path > < path fill = "none" stroke = "#000" stroke-width = "1.1" d = "M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" > < / path > < path fill = "none" stroke = "#000" stroke-width = "1.1" d = "M7.925,11.875 L11.925,7.975" > < / path > < / svg > < / span >
Link this project to
< / button >
< div class = "uk-inline" >
< button class = "uk-button uk-button-small uk-button-action" type = "button" >
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "triangle-down" ratio = "1" > < polygon points = "5 7 15 7 10 12" > < / polygon > < / svg > < / span >
< / button >
< div uk-dropdown = "mode: click; boundary: ! .uk-button-group; boundary-align: true;"
class="uk-dropdown uk-dropdown-boundary uk-dropdown-bottom-left" style="top: 40px; left: -236.5px;">
< ul class = "uk-nav uk-dropdown-nav uk-padding-small" >
< li > < a class = "uk-width-1-1" [ queryParams ] = " routerHelper . createQueryParams ( [ ' id ' , ' type ' , ' linkTo ' ] , [ projectId , ' project ' , ' result ' ] ) " routerLinkActive = "router-link-active" routerLink = "/participate/direct-claim" >
Other research results< / a > < / li >
< / ul >
< / div >
< / div >
< / div > < / div > -->
2018-06-08 13:21:42 +02:00
< ul class = "custom-accordion" uk-accordion >
< li ( click ) = " activeTab = 'Publications' ; searchPublicationsInit ( ) " >
< a class = "uk-accordion-title" href = "#" >
Publications
2018-10-01 17:02:14 +02:00
<!-- <span class="uk - badge uk - badge - notification"> -->
({{fetchPublications.searchUtils.totalResults | number}})
<!-- </span> -->
2018-06-08 13:21:42 +02:00
< / a >
< div class = "uk-accordion-content" >
< errorMessages [ status ] = " [ fetchPublications . searchUtils . status ] " [ type ] = " ' publications ' " tab_error_class = true > < / errorMessages >
2018-06-11 01:25:33 +02:00
< div * ngIf = "fetchPublications.searchUtils.status == errorCodes.DONE" >
2018-06-08 13:21:42 +02:00
< div class = "uk-text-right" * ngIf = "fetchPublications.searchUtils.totalResults > 10" >
2018-07-05 12:52:42 +02:00
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' project ' , ' po ' ] , [ projectId , ' and ' ] ) "
2018-06-08 13:21:42 +02:00
routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications" class="uk-button uk-button-text">
View all {{fetchPublications.searchUtils.totalResults | number}} results
< / a >
< / div >
< tab-result [ ( results ) ] = " fetchPublications . results "
[(status)]= "fetchPublications.searchUtils.status"
type="publication" urlParam="articleId">
< / tab-result >
< / div >
< / div >
< / li >
< li ( click ) = " activeTab = 'Research Data' ; searchDatasetsInit ( ) " >
< a class = "uk-accordion-title" href = "#" >
Research Data
2018-10-01 17:02:14 +02:00
<!-- <span class="uk - badge uk - badge - notification"> -->
({{fetchDatasets.searchUtils.totalResults | number}})
<!-- </span> -->
2018-06-08 13:21:42 +02:00
< / a >
< div class = "uk-accordion-content" >
< errorMessages [ status ] = " [ fetchDatasets . searchUtils . status ] " [ type ] = " ' research data ' " tab_error_class = true > < / errorMessages >
2018-06-11 01:25:33 +02:00
< div * ngIf = "fetchDatasets.searchUtils.status == errorCodes.DONE" >
2018-06-08 13:21:42 +02:00
< div class = "uk-text-right" * ngIf = "fetchDatasets.searchUtils.totalResults > 10" >
2018-07-05 12:52:42 +02:00
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' project ' , ' po ' ] , [ projectId , ' and ' ] ) "
2018-06-08 13:21:42 +02:00
routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets" class="uk-button uk-button-text">
View all {{fetchDatasets.searchUtils.totalResults | number}} results
< / a >
< / div >
< tab-result [ ( results ) ] = " fetchDatasets . results "
[(status)]= "fetchDatasets.searchUtils.status"
type="dataset" urlParam="datasetId">
< / tab-result >
< / div >
< / div >
< / li >
< li ( click ) = " activeTab = 'Software' ; searchSoftwareInit ( ) " >
< a class = "uk-accordion-title" href = "#" >
Software
2018-10-01 17:02:14 +02:00
<!-- <span class="uk - badge uk - badge - notification"> -->
({{fetchSoftware.searchUtils.totalResults | number}})
<!-- </span> -->
2018-06-08 13:21:42 +02:00
< / a >
< div class = "uk-accordion-content" >
< errorMessages [ status ] = " [ fetchSoftware . searchUtils . status ] " [ type ] = " ' software ' " tab_error_class = true > < / errorMessages >
2018-06-11 01:25:33 +02:00
< div * ngIf = "fetchSoftware.searchUtils.status == errorCodes.DONE" >
2018-06-08 13:21:42 +02:00
< div class = "uk-text-right" * ngIf = "fetchSoftware.searchUtils.totalResults > 10" >
2018-07-05 12:52:42 +02:00
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' project ' , ' po ' ] , [ projectId , ' and ' ] ) "
2018-06-08 13:21:42 +02:00
routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware" class="uk-button uk-button-text">
View all {{fetchSoftware.searchUtils.totalResults | number}} results
< / a >
< / div >
< tab-result [ ( results ) ] = " fetchSoftware . results "
[(status)]= "fetchSoftware.searchUtils.status"
type="software" urlParam="softwareId">
< / tab-result >
< / div >
< / div >
< / li >
2018-07-26 18:38:59 +02:00
< li ( click ) = " activeTab = 'Other Research Products' ; searchOrpsInit ( ) " >
< a class = "uk-accordion-title" href = "#" >
Other Research Products
2018-10-01 17:02:14 +02:00
<!-- <span class="uk - badge uk - badge - notification"> -->
({{fetchOrps.searchUtils.totalResults | number}})
<!-- </span> -->
2018-07-26 18:38:59 +02:00
< / a >
< div class = "uk-accordion-content" >
< errorMessages [ status ] = " [ fetchOrps . searchUtils . status ] " [ type ] = " ' other research products ' " tab_error_class = true > < / errorMessages >
< div * ngIf = "fetchOrps.searchUtils.status == errorCodes.DONE" >
< div class = "uk-text-right" * ngIf = "fetchOrps.searchUtils.totalResults > 10" >
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' project ' , ' po ' ] , [ projectId , ' and ' ] ) "
routerLinkActive="router-link-active" [routerLink]="linkToSearchOrps" class="uk-button uk-button-text">
View all {{fetchOrps.searchUtils.totalResults | number}} results
< / a >
< / div >
< tab-result [ ( results ) ] = " fetchOrps . results "
[(status)]= "fetchOrps.searchUtils.status"
type="other" urlParam="orpId">
< / tab-result >
< / div >
< / div >
< / li >
2018-06-08 13:21:42 +02:00
< li ( click ) = " activeTab = 'Statistics' ; statsClicked = true" >
< a class = "uk-accordion-title" href = "#" >
Statistics
< / a >
< div class = "uk-accordion-content" >
< errorMessages [ status ] = " [ fetchPublications . searchUtils . status , fetchDatasets . searchUtils . status ] " [ type ] = " ' statistics ' " tab_error_class = true > < / errorMessages >
2018-06-11 01:25:33 +02:00
< div * ngIf = "statsClicked && (fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE)" >
2018-06-08 13:21:42 +02:00
< div >
< p class = "uk-text-bold" > Research Results< / p >
2018-10-15 12:47:43 +02:00
< i-frame [ url ] = chartScientificResultsUrl width = "100%" height = "350" > < / i-frame >
2018-06-08 13:21:42 +02:00
< p class = "uk-text-bold" > Access Mode of Research Results< / p >
2018-10-15 12:47:43 +02:00
< i-frame [ url ] = chartAccessModeUrl width = "100%" height = "350" > < / i-frame >
2018-06-08 13:21:42 +02:00
< p class = "uk-text-bold" > By Datasource of Research Results< / p >
2018-10-15 12:47:43 +02:00
< i-frame [ url ] = chartDatasourcesUrl width = "100%" height = "350" > < / i-frame >
2018-06-08 13:21:42 +02:00
< / div >
< / div >
< / div >
< / li >
< li ( click ) = " metricsClicked = true; activeTab = 'Metrics' " >
< a class = "uk-accordion-title" href = "#" >
Metrics
< / a >
< div class = "uk-accordion-content" >
< metrics [ pageViews ] = " pageViews "
[id]="projectId" [entityType]="'projects'" [entity]="'Project'"
(metricsResults)="metricsResults($event)" [(properties)] = properties>
< / metrics >
< i-frame * ngIf = "metricsClicked && totalViews > 0"
[url]=viewsFrameUrl width="100%" height="250">
< / i-frame >
< i-frame * ngIf = "metricsClicked && totalDownloads > 0"
[url]=downloadsFrameUrl width="100%" height="250">
< / i-frame >
< / div >
< / li >
< / ul >
<!-- <ul class="uk - tab uk - visible@m" uk - tab="connect: #tab - content">
2017-12-19 13:53:46 +01:00
< li ( click ) = " activeTab = 'Publications' " [ class ] = " activeTab = = ' Publications ' ? ' uk-active ' : ' ' " >
< a >
Publications
< span class = "uk-badge uk-badge-notification" >
2018-05-18 14:47:26 +02:00
{{fetchPublications.searchUtils.totalResults | number}}
2017-12-19 13:53:46 +01:00
< / span >
< / a >
< / li >
< li ( click ) = " activeTab = 'Research Data' ; searchDatasetsInit ( ) "
[class]="activeTab == 'Research Data'?'uk-active':''">
< a >
Research Data
< span class = "uk-badge uk-badge-notification" >
2018-05-18 14:47:26 +02:00
{{fetchDatasets.searchUtils.totalResults | number}}
2017-12-19 13:53:46 +01:00
< / span >
< / a >
< / li >
< li ( click ) = " activeTab = 'Software' ; searchSoftwareInit ( ) "
[class]="activeTab == 'Software'?'uk-active':''">
< a >
Software
< span class = "uk-badge uk-badge-notification" >
2018-05-18 14:47:26 +02:00
{{fetchSoftware.searchUtils.totalResults | number}}
2017-12-19 13:53:46 +01:00
< / span >
< / a >
< / li >
< li ( click ) = " activeTab = 'Statistics' ; statsClicked = true"
[class]="activeTab == 'Statistics'?'uk-active':''">
< a >
Statistics
< / a >
< / li >
< li ( click ) = " activeTab = 'Metrics' ; metricsClicked = true"
[class]="activeTab == 'Metrics'?'uk-active':''">
< a >
Metrics
< / a >
< / li >
2018-06-08 13:21:42 +02:00
< / ul > -->
2017-12-19 13:53:46 +01:00
2018-06-08 13:21:42 +02:00
<!-- <button class="uk - button uk - button - default uk - hidden@m" type="button">
2017-12-19 13:53:46 +01:00
< span uk-navbar-toggle-icon > < / span > < span class = "uk-margin-small-left" > {{activeTab}}< / span >
< / button >
< ul id = "toggle-small-tabs" class = "uk-subnav uk-subnav-pill uk-dropdown uk-hidden@m" uk-switcher = "connect: #tab-content" uk-dropdown = "mode: click" uk-toggle = "target: #toggle-small-tabs" >
< li ( click ) = " activeTab = 'Publications' " [ class ] = " activeTab = = ' Publications ' ? ' uk-active ' : ' ' " >
< a >
Publications
< span class = "uk-badge uk-badge-notification" >
2018-05-18 14:47:26 +02:00
{{fetchPublications.searchUtils.totalResults | number}}
2017-12-19 13:53:46 +01:00
< / span >
< / a >
< / li >
< li ( click ) = " searchDatasetsInit ( ) ; activeTab = 'Research Data' "
[class]="activeTab == 'Research Data'?'uk-active':''">
< a >
Research Data
< span class = "uk-badge uk-badge-notification" >
2018-05-18 14:47:26 +02:00
{{fetchDatasets.searchUtils.totalResults | number}}
2017-12-19 13:53:46 +01:00
< / span >
< / a >
< / li >
< li ( click ) = " searchSoftwareInit ( ) ; activeTab = 'Software' "
[class]="activeTab == 'Software'?'uk-active':''">
< a >
Software
< span class = "uk-badge uk-badge-notification" >
2018-05-18 14:47:26 +02:00
{{fetchSoftware.searchUtils.totalResults | number}}
2017-12-19 13:53:46 +01:00
< / span >
< / a >
< / li >
< li ( click ) = " statsClicked = true; activeTab = 'Statistics' "
[class]="activeTab == 'Statistics'?'uk-active':''">
< a >
Statistics
< / a >
< / li >
< li ( click ) = " metricsClicked = true; activeTab = 'Metrics' "
[class]="activeTab == 'Metrics'?'uk-active':''">
< a >
Metrics
< / a >
< / li >
2018-06-08 13:21:42 +02:00
< / ul > -->
2017-12-19 13:53:46 +01:00
2018-06-08 13:21:42 +02:00
<!-- <div class="uk - margin custom - tab - content">
2017-12-19 13:53:46 +01:00
< div * ngIf = "activeTab=='Publications'" class = "uk-animation-fade" >
< errorMessages [ status ] = " [ fetchPublications . searchUtils . status ] " [ type ] = " ' publications ' " > < / errorMessages >
< div * ngIf = "fetchPublications.searchUtils.totalResults > 0" >
< div class = "uk-text-right" * ngIf = "fetchPublications.searchUtils.totalResults > 10" >
2018-07-05 12:52:42 +02:00
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' project ' , ' po ' ] , [ projectId , ' and ' ] ) "
2017-12-19 13:53:46 +01:00
routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications" class="uk-button uk-button-text">
2018-05-18 14:47:26 +02:00
View all {{fetchPublications.searchUtils.totalResults | number}} results
2017-12-19 13:53:46 +01:00
< / a >
< / div >
< tab-result [ ( results ) ] = " fetchPublications . results "
[(status)]= "fetchPublications.searchUtils.status"
type="publication" urlParam="articleId">
< / tab-result >
< / div >
< / div >
< div * ngIf = "activeTab == 'Research Data'" class = "uk-animation-fade" >
< errorMessages [ status ] = " [ fetchDatasets . searchUtils . status ] " [ type ] = " ' research data ' " > < / errorMessages >
< div * ngIf = "fetchDatasets.searchUtils.totalResults > 0" >
< div class = "uk-text-right" * ngIf = "fetchDatasets.searchUtils.totalResults > 10" >
2018-07-05 12:52:42 +02:00
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' project ' , ' po ' ] , [ projectId , ' and ' ] ) "
2017-12-19 13:53:46 +01:00
routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets" class="uk-button uk-button-text">
2018-05-18 14:47:26 +02:00
View all {{fetchDatasets.searchUtils.totalResults | number}} results
2017-12-19 13:53:46 +01:00
< / a >
< / div >
< tab-result [ ( results ) ] = " fetchDatasets . results "
[(status)]= "fetchDatasets.searchUtils.status"
type="dataset" urlParam="datasetId">
< / tab-result >
< / div >
< / div >
< div * ngIf = "activeTab == 'Software'" class = "uk-animation-fade" >
< errorMessages [ status ] = " [ fetchSoftware . searchUtils . status ] " [ type ] = " ' software ' " > < / errorMessages >
< div * ngIf = "fetchSoftware.searchUtils.totalResults > 0" >
< div class = "uk-text-right" * ngIf = "fetchSoftware.searchUtils.totalResults > 10" >
2018-07-05 12:52:42 +02:00
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' project ' , ' po ' ] , [ projectId , ' and ' ] ) "
2017-12-19 13:53:46 +01:00
routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware" class="uk-button uk-button-text">
2018-05-18 14:47:26 +02:00
View all {{fetchSoftware.searchUtils.totalResults | number}} results
2017-12-19 13:53:46 +01:00
< / a >
< / div >
< tab-result [ ( results ) ] = " fetchSoftware . results "
[(status)]= "fetchSoftware.searchUtils.status"
type="software" urlParam="softwareId">
< / tab-result >
< / div >
< / div >
< div * ngIf = "activeTab == 'Statistics'" class = "uk-animation-fade" >
< errorMessages [ status ] = " [ fetchPublications . searchUtils . status , fetchDatasets . searchUtils . status ] " [ type ] = " ' statistics ' " > < / errorMessages >
< div * ngIf = "statsClicked && (fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)" >
< div >
< p class = "uk-text-bold" > Research Results< / p >
2018-10-15 12:47:43 +02:00
< i-frame [ url ] = chartScientificResultsUrl width = "100%" height = "350" > < / i-frame >
2017-12-19 13:53:46 +01:00
< p class = "uk-text-bold" > Access Mode of Research Results< / p >
2018-10-15 12:47:43 +02:00
< i-frame [ url ] = chartAccessModeUrl width = "100%" height = "350" > < / i-frame >
2017-12-19 13:53:46 +01:00
< p class = "uk-text-bold" > By Datasource of Research Results< / p >
2018-10-15 12:47:43 +02:00
< i-frame [ url ] = chartDatasourcesUrl width = "100%" height = "350" > < / i-frame >
2017-12-19 13:53:46 +01:00
< / div >
< / div >
< / div >
< div * ngIf = "activeTab=='Metrics'" class = "uk-animation-fade" >
< metrics [ pageViews ] = " pageViews "
[id]="projectId" [entityType]="'projects'" [entity]="'Project'"
2018-02-05 14:14:59 +01:00
(metricsResults)="metricsResults($event)" [(properties)] = properties>
2017-12-19 13:53:46 +01:00
< / metrics >
< i-frame * ngIf = "metricsClicked && totalViews > 0"
[url]=viewsFrameUrl width="100%" height="250">
< / i-frame >
< i-frame * ngIf = "metricsClicked && totalDownloads > 0"
[url]=downloadsFrameUrl width="100%" height="250">
< / i-frame >
< / div >
2018-06-08 13:21:42 +02:00
< / div > -->
2017-12-19 13:53:46 +01:00
< / div >
2018-05-11 16:38:05 +02:00
< div class = "uk-width-large@m uk-width-1-1@s" >
2017-12-19 13:53:46 +01:00
< div class = "uk-card uk-card-default uk-padding-small" >
< div >
Share - Bookmark< addThis > < / addThis >
< / div >
< div class = "uk-margin-medium-top uk-margin-medium-bottom" >
< div class = "uk-text-center uk-text-large" >
Application Box
< / div >
< div class = "app-box" >
< ul class = "uk-tab" uk-tab = "connect: #tab-app-box-project" >
< li >
< a > Publications< / a >
< / li >
< li >
< a > Research Data< / a >
< / li >
< / ul >
< ul id = "tab-app-box-project" class = "uk-switcher uk-margin uk-padding-small" >
< li class = "uk-animation-fade" >
<!-- Publication box -->
< ul class = "uk-list" >
< li >
< a class = "clickable" uk-toggle = "target: #publications_dynamic; animation:uk-animation-fade" > < span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "code" ratio = "1" > < polyline fill = "none" stroke = "#000" stroke-width = "1.01" points = "13,4 19,10 13,16" > < / polyline > < polyline fill = "none" stroke = "#000" stroke-width = "1.01" points = "7,4 1,10 7,16" > < / polyline > < / svg > < / span > Include in your site (HTML)< / a >
2018-10-01 17:02:14 +02:00
< div hidden id = "publications_dynamic" class = "widget-box uk-padding-small uk-card uk-card-default " >
< div class = " uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right" >
For further information please contact us < a href = "mailto:helpdesk@openaire.eu" > helpdesk@openaire.eu< / a >
< / div >
< div class = "uk-grid" >
< a class = " publ_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 " data-clipboard-target = "#publ_clipboard" title = "Copy to clipboard" >
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "copy" ratio = "1" > < rect fill = "none" stroke = "#000" x = "3.5" y = "2.5" width = "12" height = "16" > < / rect > < polyline fill = "none" stroke = "#000" points = "5 0.5 17.5 0.5 17.5 17" > < / polyline > < / svg > < / span >
< / a >
< / div >
< pre class = "box-content uk-padding-remove-bottom uk-margin-remove-bottom" > < code id = "publ_clipboard" > {{publications_dynamic}}< / code > < / pre >
2017-12-19 13:53:46 +01:00
< / div >
< / li >
< li >
< a target = "_blank"
href="/project-report?projectId={{projectId}}& size={{fetchPublications.searchUtils.totalResults}}& type=publication">
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "table" ratio = "1" > < rect x = "1" y = "3" width = "18" height = "1" > < / rect > < rect x = "1" y = "7" width = "18" height = "1" > < / rect > < rect x = "1" y = "11" width = "18" height = "1" > < / rect > < rect x = "1" y = "15" width = "18" height = "1" > < / rect > < / svg > < / span > Get {{projectInfo.funder}} report (HTML)
< / a >
< / li >
< li >
2018-11-13 11:28:27 +01:00
< a class = "clickable" ( click ) = " downloadfile ( downloadURLAPI + csvParams , ' funder-publications-report ' ) " >
2017-12-19 13:53:46 +01:00
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "download" ratio = "1" > < polyline fill = "none" stroke = "#000" points = "14,10 9.5,14.5 5,10" > < / polyline > < rect x = "3" y = "17" width = "13" height = "1" > < / rect > < line fill = "none" stroke = "#000" x1 = "9.5" y1 = "13.91" x2 = "9.5" y2 = "3" > < / line > < / svg > < / span > Get {{projectInfo.funder}} report (CSV)
< / a >
< / li >
< li >
< a routerLinkActive = "router-link-active" routerLink = "/participate/deposit-publications" >
< span class = "uk-icon" >
< svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" ratio = "1" > < 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 > Deposit
< / a >
< / li >
< / ul >
< / li >
< li class = "uk-animation-fade" >
<!-- Dataset box -->
< ul class = "uk-list" >
< li >
< a class = "clickable" uk-toggle = "target: #datasets_dynamic; animation:uk-animation-fade" > < span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "code" ratio = "1" > < polyline fill = "none" stroke = "#000" stroke-width = "1.01" points = "13,4 19,10 13,16" > < / polyline > < polyline fill = "none" stroke = "#000" stroke-width = "1.01" points = "7,4 1,10 7,16" > < / polyline > < / svg > < / span > Include in your site (HTML) < / a >
2018-10-01 17:02:14 +02:00
< div hidden id = "datasets_dynamic" class = "widget-box uk-padding-small uk-card uk-card-default " >
< div class = " uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right" >
For further information please contact us < a href = "mailto:helpdesk@openaire.eu" > helpdesk@openaire.eu< / a >
< / div >
< div class = "uk-grid" >
< a class = " datasets_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 " data-clipboard-target = "#datasets_clipboard" title = "Copy to clipboard" >
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "copy" ratio = "1" > < rect fill = "none" stroke = "#000" x = "3.5" y = "2.5" width = "12" height = "16" > < / rect > < polyline fill = "none" stroke = "#000" points = "5 0.5 17.5 0.5 17.5 17" > < / polyline > < / svg > < / span >
< / a >
< / div >
< pre class = "box-content uk-padding-remove-bottom uk-margin-remove-bottom" > < code id = "datasets_clipboard" > {{datasets_dynamic}}< / code > < / pre >
2017-12-19 13:53:46 +01:00
< / div >
< / li >
< li >
< a target = "_blank"
href="/project-report?projectId={{projectId}}& size={{fetchDatasets.searchUtils.totalResults}}& type=dataset">
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "table" ratio = "1" > < rect x = "1" y = "3" width = "18" height = "1" > < / rect > < rect x = "1" y = "7" width = "18" height = "1" > < / rect > < rect x = "1" y = "11" width = "18" height = "1" > < / rect > < rect x = "1" y = "15" width = "18" height = "1" > < / rect > < / svg > < / span > Get {{projectInfo.funder}} report (HTML)
< / a >
< / li >
< li >
2018-11-13 11:28:27 +01:00
< a class = "clickable" ( click ) = " downloadfile ( downloadURLAPI + csvParamsDatasets , ' funder-research-data-report ' ) " >
2017-12-19 13:53:46 +01:00
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "download" ratio = "1" > < polyline fill = "none" stroke = "#000" points = "14,10 9.5,14.5 5,10" > < / polyline > < rect x = "3" y = "17" width = "13" height = "1" > < / rect > < line fill = "none" stroke = "#000" x1 = "9.5" y1 = "13.91" x2 = "9.5" y2 = "3" > < / line > < / svg > < / span > Get {{projectInfo.funder}} report (CSV)
< / a >
< / li >
< li >
< a routerLinkActive = "router-link-active" routerLink = "/participate/deposit-datasets" >
< span class = "uk-icon" >
< svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" ratio = "1" > < 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 > Deposit
< / a >
< / li >
< / ul >
< / li >
< / ul >
< / div >
2018-10-04 20:33:16 +02:00
< button class = " uk-button portal-button uk-margin-small-top uk-width-1-1" >
2018-10-01 17:02:14 +02:00
< span class = "uk-icon" >
< svg icon = "link" ratio = "1" xmlns = "http://www.w3.org/2000/svg" width = "25" viewBox = "0 0 20 20" height = "25" > < path d = "M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < path d = "M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < path d = "M7.925,11.875 L11.925,7.975" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < / svg >
< / span > Link this project to...
< / button >
< div uk-dropdown = "pos: bottom-left; mode:click" style = "background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;" class = " uk-margin-remove-top uk-padding-small" >
< ul class = "uk-iconnav uk-iconnav-vertical" >
< li uk-tooltip = "pos:right;" title = "<div class='tooltip-custom-font-size uk-margin-small'>Research results</div>" >
< a class = " uk-icon-button portal-button shadowBox" style = "padding: 6px;" [ queryParams ] = " routerHelper . createQueryParams ( [ ' id ' , ' type ' , ' linkTo ' ] , [ projectId , ' project ' , ' result ' ] ) " routerLinkActive = "router-link-active" routerLink = "/participate/direct-claim" >
< span class = "uk-icon" >
< svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "copy" ratio = "1" > < rect fill = "none" stroke = "#000" x = "3.5" y = "2.5" width = "12" height = "16" > < / rect > < polyline fill = "none" stroke = "#000" points = "5 0.5 17.5 0.5 17.5 17" > < / polyline > < / svg > < / span >
< / a >
< / li >
< / ul >
< / div >
2017-12-19 13:53:46 +01:00
< / div >
2018-07-25 15:56:02 +02:00
<!-- metrics [pageViews]="pageViews" shortView=true
2018-06-08 13:21:42 +02:00
[id]="projectId" [entityType]="'projects'" [entity]="'Project'"
(metricsResults)="metricsResults($event)" [(properties)] = properties>
2018-07-25 15:56:02 +02:00
< / metrics-- >
2017-12-19 13:53:46 +01:00
< / div >
< / div >
< / div >
< modal-loading > < / modal-loading >
< modal-alert # AlertModalCsvError > < / modal-alert >
2018-05-11 16:38:05 +02:00
<!-- Claiming FAB -->
2018-10-01 17:02:14 +02:00
<!-- div class="uk - inline">
2018-07-19 12:47:21 +02:00
< div class = " uk-float-right " style = "z-index: 200; bottom: 55px; position: fixed; right: 45%;" >
2018-10-01 17:02:14 +02:00
< !--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class=" uk-icon-button uk-button-primary shadowBox" uk-tooltip="pos:left;" title="< div class = 'tooltip-custom-font-size uk-light ' > Link this publication to< / div > ">
2018-05-11 16:38:05 +02:00
< span class = "uk-icon" >
< svg icon = "link" ratio = "1" xmlns = "http://www.w3.org/2000/svg" width = "40" viewBox = "0 0 20 20" height = "40" > < path d = "M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < path d = "M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < path d = "M7.925,11.875 L11.925,7.975" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < / svg >
< / span >
2018-10-01 17:02:14 +02:00
< /a- ->
2018-10-04 20:33:16 +02:00
< button class = " uk-button uk-button-danger " >
2018-05-11 16:38:05 +02:00
< span class = "uk-icon" >
< svg icon = "link" ratio = "1" xmlns = "http://www.w3.org/2000/svg" width = "25" viewBox = "0 0 20 20" height = "25" > < path d = "M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < path d = "M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < path d = "M7.925,11.875 L11.925,7.975" fill = "none" stroke = "#000" stroke-width = "1.1" > < / path > < / svg >
2018-07-19 12:47:21 +02:00
< / span > Link this project to
2018-05-11 16:38:05 +02:00
< / button >
< div uk-dropdown = "pos: top-right; mode:click" style = "background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;" >
< ul class = "uk-iconnav uk-iconnav-vertical" >
2018-07-19 12:47:21 +02:00
< li uk-tooltip = "pos:left;" title = "<div class='tooltip-custom-font-size uk-light uk-margin-small'>Research results</div>" >
< a class = " uk-icon-button uk-button-primary shadowBox" style = "padding: 6px;" [ queryParams ] = " routerHelper . createQueryParams ( [ ' id ' , ' type ' , ' linkTo ' ] , [ projectId , ' project ' , ' result ' ] ) " routerLinkActive = "router-link-active" routerLink = "/participate/direct-claim" >
2018-05-11 16:38:05 +02:00
< span class = "uk-icon" >
< svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "copy" ratio = "1" > < rect fill = "none" stroke = "#000" x = "3.5" y = "2.5" width = "12" height = "16" > < / rect > < polyline fill = "none" stroke = "#000" points = "5 0.5 17.5 0.5 17.5 17" > < / polyline > < / svg > < / span >
< / a >
< / li >
< / ul >
< / div >
< / div >
2018-10-01 17:02:14 +02:00
< / div-- >
2017-12-19 13:53:46 +01:00
< / div >
< / div >
< / div >
< / div >
