MaDgIK
/
explore-services
13
0
Fork 0
Code Issues Pull Requests Projects Releases 22 Wiki Activity

Add explore ask question image, add new image for search pages, 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@53457 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2018-10-15 10:48:31 +00:00
parent e965f97ff8
commit c4c8428499
11 changed files with 442 additions and 240 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
portal-4cli-lib/package.json
View File

@ -8,7 +8,7 @@
], ],
"scripts": { "scripts": {
"ng": "ng", "ng": "ng",
"start": "ng serve --disable-host-check --host 0.0.0.0", "start": "ng serve --disable-host-check --host 0.0.0.0 --port 4300",
"start:dynamic": "npm run build:dynamic && npm run serve:dynamic", "start:dynamic": "npm run build:dynamic && npm run serve:dynamic",
"start:static": "npm run build:static && npm run serve:static", "start:static": "npm run build:static && npm run serve:static",
"build": "ng build", "build": "ng build",

15
portal-4cli-lib/src/app/app.component.ts
View File

@ -74,11 +74,16 @@ export class AppComponent {
} }
]; ];
bottomMenuItems =[ bottomMenuItems =[
new MenuItem("","About","https://beta.openaire.eu/project-factsheets","",false,[],[],{}), new MenuItem("","About","https://www.openaire.eu/about","",false,[],[],{}),
new MenuItem("","News - Events","https://beta.openaire.eu/news-events","",false,[],[],{}), new MenuItem("","Services","http://catalogue.openaire.eu","",false,[],[],{}),
new MenuItem("","Blog","https://blogs.openaire.eu/","",false,[],[],{}), new MenuItem("","Support","https://www.openaire.eu/support","",false,[],[],{}),
new MenuItem("","Contact us","https://beta.openaire.eu/contact-us","",false,[],[],{}) new MenuItem("","News","https://www.openaire.eu/news","",false,[],[],{}),
]; new MenuItem("","Events","https://www.openaire.eu/events","",false,[],[],{}),
new MenuItem("","Documents","https://www.openaire.eu/documents","",false,[],[],{}),
];
feedbackmail:string feedbackmail:string
properties:EnvProperties; properties:EnvProperties;
constructor( private route: ActivatedRoute, private propertiesService:EnvironmentSpecificService) { constructor( private route: ActivatedRoute, private propertiesService:EnvironmentSpecificService) {

532
portal-4cli-lib/src/app/home/home.component.html
View File

@ -1,124 +1,255 @@
<div class="image-front-topbar uk-section-default uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
<div uk-height-viewport="offset-top: true;offset-bottom: 20" style="box-sizing: border-box; min-height: calc(-77.8333px + 100vh);" class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed"> <div class="image-front-topbar uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light" tm-header-transparent-placeholder="">
<!--div class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20"--> <div style=" min-height: calc(7.89999px + 60vh);"
<div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div> class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom" >
<div class="uk-width-1-1"> <!-- uk-height-viewport="offset-top: true;offset-bottom: 20"> -->
<div class="uk-position-relative"> <div class="uk-position-cover" style="/*background-color: rgba(70, 68, 68, 0.24);*/"></div>
<div class="uk-container uk-margin-medium"> <div class="uk-position-relative uk-panel">
<div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div> <div class="uk-container uk-margin-medium">
<div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid=""> <div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>
<div class="uk-width-1-1@m uk-first-column"> <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
<div data-id="page#4"> <div class="uk-width-1-1@m uk-first-column">
<search-form placeholderText="Search in OpenAIRE for scholarly works" link=true></search-form> <div data-id="page#4">
</div> <search-form placeholderText="Search in OpenAIRE for scholarly works" link=true></search-form>
</div> </div>
</div> </div>
</div>
<div class="uk-container uk-container-large uk-margin-medium explore-numbers">
<div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div id="page#7" class="firstPageNumbers uk-margin uk-margin-remove-bottom uk-width-xlarge uk-margin-auto uk-animation-fade" uk-scrollspy-class="" style="">
<h3>
<span *ngIf="showPublications && publicationsSize" >{{publicationsSize.number|number}} {{publicationsSize.size}} publications{{((showDatasets && datasetsSize)?",":"")}} </span>
<span *ngIf="showDatasets && datasetsSize">{{datasetsSize.number|number}} {{datasetsSize.size}} research data </span>
<br>
<span *ngIf="showDataProviders && datasourcesSize" > from {{datasourcesSize.number |number}} {{datasourcesSize.size}} content providers</span>
<span *ngIf="showProjects && fundersSize"> {{((showDataProviders && datasourcesSize)?" and ":" from ")}} {{fundersSize.number|number}} {{fundersSize.size}} funders</span>
<span *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" >
linked together for an integrated research search
</span>
</h3>
</div> </div>
</div>
<div class="uk-container uk-container-large uk-margin-medium explore-numbers">
<div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div id="page#7" class="firstPageNumbers uk-margin uk-margin-remove-bottom uk-width-xlarge uk-margin-auto uk-animation-fade" uk-scrollspy-class="" style="">
<h2>
<span *ngIf="showPublications && publicationsSize" >{{publicationsSize.number|number}} {{publicationsSize.size}} publications{{((showDatasets && datasetsSize)?",":"")}} </span>
<span *ngIf="showDatasets && datasetsSize">{{datasetsSize.number|number}} {{datasetsSize.size}} research data </span>
<br>
<span *ngIf="showDataProviders && datasourcesSize" > from {{datasourcesSize.number |number}} {{datasourcesSize.size}} content providers</span>
<span *ngIf="showProjects && fundersSize"> {{((showDataProviders && datasourcesSize)?" and ":" from ")}} {{fundersSize.number|number}} {{fundersSize.size}} funders</span>
<span *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" >
linked together for an integrated research search
</span>
</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class=" uk-section uk-section-small">
<div class="uk-container uk-container-small">
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div id="page#8" class="uk-margin uk-text-center uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-3@m uk-child-width-1-3@l uk-grid-large uk-grid" uk-grid="">
<div class="uk-first-column">
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
<a routerLinkActive="uk-link" routerLink="/search/find" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>
<img class="" width="80" height="80" src="assets/explore.svg" alt="Explore">
<h3 class="el-title uk-margin uk-h3">
Explore
</h3>
<div class="el-content uk-margin uk-text-lead">Discover linked open research</div>
<div class=" uk-margin-small-top">Search for
publications, datasets, software and other research products. See how these
are linked together and how they are linked to funding and
organizations.
<br>
View statistics on projects and institutions.
</div>
</div>
</div>
<div class="">
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
<a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>
<img class="" width="70" height="70" src="assets/share.svg" alt="Share">
<h3 class="el-title uk-margin uk-h3">
Share
</h3>
<div class="el-content uk-margin uk-text-lead">Deposit in a repository of your choice </div>
<div class=" uk-margin-small-top">
Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.
<br>
Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>,
a catch-all repository hosted by CERN to deposit all your research results (publications, data, software, etc.)
</div>
</div>
</div>
<div class="">
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
<img class="" width="60" height="70" src="assets/link.svg" alt="Link">
<a routerLinkActive="uk-link" routerLink="/participate/claim" routerLink="/participate/claim" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>
<h3 class="el-title uk-margin uk-h3">
Link
</h3>
<div class="el-content uk-margin uk-text-lead">Connect all your research</div>
<div class=" uk-margin-small-top">
If you can't find your research results in OpenAIRE, don't worry!
<br>
Use our <strong>LINK OUT service</strong>,
that reaches out to many external sources via APIs, to connect your research results and <em>claim</em> them to your project.
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<div class=" uk-section uk-section-small uk-flex uk-flex-middle" style=" box-sizing: border-box; min-height: 100vh;" uk-height-viewport="offset-top: true" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top-medium&quot;,&quot;delay&quot;:false}"> <div class="uk-section-muted uk-section uk-section-small">
<div class="uk-width-1-1"> <div class="uk-container uk-container-large">
<div class="uk-container"> <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div class="uk-container uk-container-large uk-margin-large"> <div class="uk-margin uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m
<div uk-grid="" class="uk-grid uk-grid-stack"> uk-child-width-1-2@l uk-grid-large uk-grid uk-grid-divider ask-explore" uk-grid="">
<div class="uk-width-1-1@m uk-first-column"> <div class="uk-first-column uk-text-center">
<div class="uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-1@s uk-child-width-1-3@m uk-child-width-1-3@l uk-child-width-1-3@xl uk-grid-parallax uk-grid uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" uk-grid-parallax="translate: " uk-lightbox="toggle: a[data-type]" style="margin-bottom: 0px;"> <div class="el-item uk-card uk-card-small uk-card-body">
<!-- Explore --> <img src="assets/ask-explore.svg" class="el-image" alt="" uk-svg="" hidden="true">
<div class="uk-padding-small"> <h3 class="el-title uk-margin uk-h3">Have more questions?</h3>
<div class=" uk-text-center">
<a routerLinkActive="uk-link" routerLink="/search/find" >
<img class="" width="80" height="80" src="assets/explore.svg" alt="Explore">
</a>
<h3 class=" uk-margin-remove-bottom" >Explore</h3>
<div class="uk-text-large uk-margin-top">Discover linked open research</div>
</div>
<div class="uk-text-meta uk-padding">Search for
publications, datasets, software and other research products. See how these
are linked together and how they are linked to funding and
organizations.
<br>
View statistics on projects and institutions.
</div>
</div>
<!-- Share -->
<div class="uk-padding-small">
<div class=" uk-text-center">
<a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" >
<img class="" width="70" height="70" src="assets/share.svg" alt="Share">
</a>
<h3 class=" uk-margin-remove-bottom" >Share</h3>
<div class="uk-text-large uk-margin-top">Deposit in a repository of your choice</div>
</div>
<div class="uk-text-meta uk-padding">
Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.
<br>
Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>,
a catch-all repository hosted by CERN to deposit all your research results (publications, data, software, etc.)
</div>
</div>
<!-- Link -->
<div class="uk-padding-small">
<div class=" uk-text-center">
<a routerLinkActive="uk-link" routerLink="/participate/claim" >
<img class="" width="60" height="70" src="assets/link.svg" alt="Link">
</a>
<h3 class=" uk-margin-remove-bottom" >Link</h3>
<div class="uk-text-large uk-margin-top">Connect all your research</div>
</div>
<div class="uk-text-meta uk-padding">
If you can't find your research results in OpenAIRE, don't worry!
<br>
Use our <strong>LINK OUT service</strong>, that reaches out to many external sources via APIs, to connect your research results and <em>claim</em> them to your project.
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="questions">
<div class="el-item uk-card uk-card-small uk-card-body">
<ul class="uk-list uk-list-divider">
<li><a href="https://www.openaire.eu/os-primers">Learn about open science policies and how to align</a></li>
<li><a href="https://www.openaire.eu/rdm-handbook">Learn more on how to manage your data in the open science era</a></li>
<li><a href="https://www.openaire.eu/guides/">Find out how to use OpenAIRE to best serve your needs</a></li>
<li><a href="https://www.openaire.eu/webinars/">View our training material on a variety of related topics</a></li>
<li><a href="https://www.openaire.eu/contact-us/">Contact us</a></li>
</ul>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div>
<div class="uk-section-default uk-section"> <div class="uk-section-default uk-section">
<div class="uk-container">
<div class="uk-grid-medium uk-margin-medium uk-grid" uk-grid="">
<div class="uk-width-2-3@m uk-first-column">
<div class="uk-margin-medium-top uk-panel">
<h3 class="el-title uk-margin uk-h3">
Our community
</h3>
<hr class="uk-divider-small uk-text-left provide">
<div class="uk-grid uk-margin-medium-top">
<div class="uk-width-expand@m">
<!-- <div class="uk-grid uk-child-width-1-2@m"> -->
<p *ngIf="showPublications && publicationsSize">
<span class="emphasis portal-color">{{publicationsSize.count|number}} </span><span class="uk-text-uppercase"> publications</span>
</p>
<p *ngIf="showDatasets && datasetsSize">
<span class="emphasis portal-color">{{datasetsSize.count|number}} </span><span class="uk-text-uppercase"> research data</span>
</p>
<!-- </div> -->
</div>
</div>
<div class="uk-margin-top">
<div class="uk-grid uk-child-width-1-3@m">
<p *ngIf="showDataProviders && datasourcesSize" class="uk-margin-medium-bottom">
<span class=" emphasis "> {{datasourcesSize.number |number}} {{datasourcesSize.size}}</span><br>
<span class="uk-text-uppercase">content providers</span>
</p>
<p *ngIf="showProjects && fundersSize">
<span class=" emphasis ">{{fundersSize.number|number}} {{fundersSize.size}}</span><br>
<span class="uk-text-uppercase">Funders</span>
</p>
<p *ngIf="showProjects && projectsSize">
<span class=" emphasis ">{{projectsSize.count|number}} </span><br>
<span class="uk-text-uppercase">Projects</span>
</p>
</div>
<!-- <div class="uk-grid uk-child-width-1-2@m uk-margin-small-top">
<p *ngIf="showProjects && projectsSize">
<span class=" emphasis ">{{projectsSize.count|number}} </span><br>
<span class="uk-text-uppercase">Projects</span>
</p>
</div> -->
</div>
</div>
</div>
<div class="uk-width-expand@m">
<div class="uk-card uk-card-body uk-card-explore">
<h3 class="uk-margin-remove-top uk-h3">
<span class="">Our data policies</span>
</h3>
<hr class="uk-divider-small uk-text-left">
<ul class="uk-margin-small uk-list uk-list-large uk-margin-medium-bottom">
<li class="el-item uk-margin-medium-bottom">
<h5 class="el-title uk-h5">Data acquisition</h5>
<div class="el-content">
<span>How we retrieve data, how often, what processes it goes through (aggregating cleaning, transforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</span>
</div>
</li>
<li class="el-item">
<h5 class="el-title uk-h5">Data usage</h5>
<div class="el-content">
<span>Who is able to retrieve our data, what are the licences, what about specific SLAs.</span>
</div>
</li>
</ul>
<div class="uk-margin uk-margin-remove-bottom uk-text-left">
<h6 class="uk-h6">
<a class="el-content uk-link-text" href="https://www.openaire.eu/data-aquisition-policy" target="_blank">
Learn more
</a>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="uk-section-default uk-section">
<div class="uk-container"> <div class="uk-container">
<div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> <div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> -->
<div class="uk-width-expand@m uk-first-column">
<h3 class="uk-margin-small uk-h3 uk-heading-line uk-text-primary">
<!--div class="uk-width-expand@m uk-first-column">
<h5 class="searchFilterTitle">
<span>New content providers</span> <span>New content providers</span>
</h3> </h5>
<div class="uk-margin-remove-vertical uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@xl uk-grid-small uk-grid-divider uk-grid uk-grid-stack" uk-grid=""> <div class="uk-margin-remove-vertical uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@xl uk-grid-small uk-grid-divider uk-grid uk-grid-stack" uk-grid=""-->
<!-- <errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'"></errorMessages> <!-- <errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'"></errorMessages>
<div *ngIf="fetchDataproviders.searchUtils.totalResults > 0"> <div *ngIf="fetchDataproviders.searchUtils.totalResults > 0">
@ -179,24 +310,24 @@
</ul> </ul>
</div> --> </div> -->
<div class="uk-first-column"> <!--div class="uk-first-column">
<div class="el-item uk-panel"> <div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom"> <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
Aaltodoc Publication Archive Aaltodoc Publication Archive
</h6> </h6>
<div class="el-meta uk-margin uk-text-meta">Aalto University</div> <div class="el-meta uk-margin uk-text-meta">Aalto University</div>
<div class="el-content uk-margin"><span class="uk-label">IR</span>&nbsp;<span class=" uk-label uk-label-danger">Data</span>&nbsp;<span class="uk-label uk-label-success">OpenAIRE 3.0</span><br> <div class="el-content uk-margin"><span class="uk-label label-grey">IR</span>&nbsp;<span class=" uk-label label-grey">Data</span>&nbsp;<span class="uk-label label-grey">OpenAIRE 3.0</span><br>
12469 datasets 12469 datasets
</div> </div>
</div> </div>
</div> </div>
<div class="uk-grid-margin uk-first-column"> <div class="uk-grid-margin uk-first-column">
<div class="el-item uk-panel"> <div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom"> <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
Cambridge Server Cambridge Server
</h6> </h6>
<div class="el-meta uk-margin uk-text-meta">Cambridge Uviversity</div> <div class="el-meta uk-margin uk-text-meta">Cambridge Uviversity</div>
<div class="el-content uk-margin"><span class="uk-label">IR</span>&nbsp;<span class=" uk-label uk-label-warning">Literature</span>&nbsp;<span class="uk-label uk-label-success" style="background-color:orange!important">OpenAIRE 2.0</span><br> <div class="el-content uk-margin"><span class="uk-label label-grey">IR</span>&nbsp;<span class=" uk-label label-grey">Literature</span>&nbsp;<span class="uk-label label-grey" >OpenAIRE 2.0</span><br>
4567 publications 4567 publications
</div> </div>
</div> </div>
@ -204,31 +335,31 @@
</div> </div>
<hr> <hr>
<div class="uk-margin"> <div class="uk-margin">
<a class="el-content uk-button uk-button-text" routerLinkActive="uk-link" routerLink="/search/find/dataproviders" > <a class="" routerLinkActive="uk-link" routerLink="/search/find/dataproviders" >
View all View all
</a> </a>
</div> </div>
</div> </div>
<div class="uk-width-expand@m"> <div class="uk-width-expand@m">
<h2 class="uk-h3 uk-heading-line uk-text-primary"> <h5 class="searchFilterTitle">
<span>New funders</span> <span>New funders</span>
</h2> </h5>
<div class="uk-margin uk-text-meta"> <div class="uk-margin uk-text-meta">
Latest funding database incorporated in OpenAIRE Latest funding database incorporated in OpenAIRE
</div> </div>
<div class="uk-margin-remove-vertical uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@xl uk-grid-small uk-grid-divider uk-grid uk-grid-stack" uk-grid=""> <div class="uk-margin-remove-vertical uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@xl uk-grid-small uk-grid-divider uk-grid uk-grid-stack" uk-grid="">
<div class="uk-first-column"> <div class="uk-first-column">
<div class="el-item uk-panel"> <div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom"> <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
Swiss National Science Foundation Swiss National Science Foundation
</h6> </h6>
<div class="el-meta uk-margin uk-text-meta">Switzerland</div> <div class="el-meta uk-margin uk-text-meta">Switzerland</div>
<div class="el-content uk-margin"><span class="uk-label">OA mandate</span><br> 47.509 publications</div> <div class="el-content uk-margin"><span class="uk-label label-grey">OA mandate</span><br> 47.509 publications</div>
</div> </div>
</div> </div>
<div class="uk-grid-margin uk-first-column"> <div class="uk-grid-margin uk-first-column">
<div class="el-item uk-panel"> <div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom"> <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
Ministry of Education, Science and Technological Development of Republic of Serbia Ministry of Education, Science and Technological Development of Republic of Serbia
</h6> </h6>
<div class="el-meta uk-margin uk-text-meta">Serbia</div> <div class="el-meta uk-margin uk-text-meta">Serbia</div>
@ -236,30 +367,30 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div-->
<div class="uk-width-expand@m uk-grid-item-match"> <!-- <div class="uk-width-medium uk-grid-item-match">
<div class="uk-tile-secondary uk-tile uk-tile-xsmall" style="background-color: #3870DF !important;"> <div class="uk-tile-secondary uk-tile uk-tile-xsmall portal-box" >
<h4 class="uk-margin-remove-top uk-h4"> <h3 class="uk-margin-remove-top ">
Our data policies Our data policies
</h4> </h3>
<ul class="uk-margin-small uk-list uk-list-large"> <ul class="uk-margin-small uk-list uk-list-large">
<li class="el-item"> <li class="el-item">
<h3 class="el-title uk-h3 uk-margin-remove">Data acquisition</h3> <h6 class="el-title uk-margin-remove">Data acquisition</h6>
<div class="el-content"> <h5 class="el-content">
<a href="/www.cnn.com">How we retrieve data, how often, what processes it goes through (aggregating cleaning, trasnforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</a> <a target="_blank" href="www.openaire.eu/policies">How we retrieve data, how often, what processes it goes through (aggregating cleaning, trasnforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</a>
</div> </h5>
</li> </li>
<li class="el-item"> <li class="el-item">
<h3 class="el-title uk-h3 uk-margin-remove">Data usage</h3> <h6 class="el-title uk-margin-remove">Data usage</h6>
<div class="el-content"> <h5 class="el-content">
<a href="/www.cnn.com">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a> <a target="_blank" href="www.openaire.eu/policies">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a>
</div> </h5>
</li> </li>
</ul> </ul>
<div class="uk-margin uk-margin-remove-bottom uk-text-left"> <div class="uk-margin uk-margin-remove-bottom uk-text-left">
<a class="el-content uk-link-text" href="/www.cnn.com" target="_blank"> <a class="el-content uk-link-text" target="_blank" href="www.openaire.eu/policies">
Learn more Learn more
</a> </a>
</div> </div>
@ -269,68 +400,89 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<div class="uk-section-default" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
<div class="mainPageBottomInfo uk-background-norepeat uk-background-cover uk-background-center-center uk-section uk-section-small ">
<div class="uk-container">
<div class="uk-grid-divider uk-margin-remove-vertical uk-grid" uk-grid="">
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-first-column">
<h4 class="uk-margin-medium uk-text-center uk-h4 uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
A content provider?
</h4>
<div class=" uk-text-primary custom-uk-text-light uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
Join OpenAIRE, use our tools and make your content more visible around the world.
</div>
<div id="page#37" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="providelink el-content uk-button uk-button-default uk-button-small" href="https://beta.provide.openaire.eu" target="_blank" style="">
OpenAIRE.PROVIDE
</a>
</div>
</div>
<div class="uk-width-expand@m uk-width-1-2@s uk-dark">
<h4 class="uk-margin-medium uk-text-center uk-h4 uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
A research manager?
</h4>
<div class="uk-text-primary custom-uk-text-light uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
Use our monitoring services and easily track all relevant research results.
</div>
<div id="page#41" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="monitorlink el-content uk-button uk-button-default uk-button-small" href="https://monitor.openaire.eu" target="_blank">
OpenAIRE.MONITOR
</a>
</div>
</div>
<div class="uk-width-expand@m uk-width-1-2@s uk-dark">
<h4 class="uk-margin-medium uk-text-center uk-h4 uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
A research community?
</h4>
<div class="uk-text-primary custom-uk-text-light uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
Use a trusted partner to share, link, disseminate and monitor your research.
</div>
<div id="page#45" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="connectlink el-content uk-button uk-button-default uk-button-small" href="https://beta.connect.openaire.eu" target="_blank">
OpenAIRE.CONNECT
</a>
</div>
</div>
<div class="uk-width-expand@m uk-width-1-2@s uk-dark">
<h4 class="uk-margin-medium uk-text-center uk-h4 uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
A developer?
</h4>
<div id="page#48" class="uk-text-primary custom-uk-text-light uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
Get access to OpenAIRE data and capitalize on Europe's open linked research.
</div>
<div id="page#49" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="developlink el-content uk-button uk-button-default uk-button-small" href="https://develop.openaire.eu" target="_blank">
OpenAIRE.DEVELOP
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-section-muted" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
<div class="uk-container uk-container-large">
<div uk-grid="" class="uk-grid uk-margin-large-top uk-margin-large-bottom">
<!--div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<h4 class="el-title uk-margin uk-h4">
Researcher?
</h4>
<div class="el-content uk-margin">
Explore all OA research results. Link all your research. Build your profile
</div>
<p>
<a href="https://explore.openaire.eu" class="el-link uk-button uk-button-default">
OpenAIRE.EXPLORE
</a>
</p>
</div>
</div-->
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column provide">
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<h4 class="el-title uk-margin uk-h4">
Content provider?
</h4>
<div class="el-content uk-margin">
Join OpenAIRE, use our tools and make your content more visible around the world.
</div>
<p>
<a target="_blank" href="https://beta.provide.openaire.eu" class="el-link uk-button uk-button-default">
OpenAIRE.PROVIDE
</a>
</p>
</div>
</div>
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match connect">
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<h4 class="el-title uk-margin uk-h4">
Research community?
</h4>
<div class="el-content uk-margin">
Use a trusted partner to share, link, disseminate and monitor your research.
</div>
<p>
<a target="_blank" href="https://beta.connect.openaire.eu" class="el-link uk-button uk-button-default">
OpenAIRE.CONNECT
</a>
</p>
</div>
</div>
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match monitor">
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<h4 class="el-title uk-margin uk-h4">
Research manager?
</h4>
<div class="el-content uk-margin">
Use our monitoring services and easily track all relevant research results.
</div>
<p>
<a target="_blank" href="https://monitor.openaire.eu" class="el-link uk-button uk-button-default">
OpenAIRE.MONITOR
</a>
</p>
</div>
</div>
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match develop">
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<h4 class="el-title uk-margin uk-h4">
Developer?
</h4>
<div class="el-content uk-margin">
Get access to OpenAIRE data and capitalize on on Europe's open linked research
</div>
<p>
<a target="_blank" href="https://develop.openaire.eu" class="el-link uk-button uk-button-default">
OpenAIRE.DEVELOP
</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!--div class="image-front-topbar uk-section-secondary uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light"> <!--div class="image-front-topbar uk-section-secondary uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">

1
portal-4cli-lib/src/assets/ask-explore.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.876 70.876"><defs><style>.a{fill:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:3px;}.a,.b{stroke:#d95f2d;}.b{fill:#d95f2d;stroke-width:2px;}</style></defs><g transform="translate(-1000.9 -961.038)"><g transform="translate(1002.4 962.538)"><path class="a" d="M1036.338,1914.9a33.938,33.938,0,1,1-33.938,33.938A33.923,33.923,0,0,1,1036.338,1914.9Z" transform="translate(-1002.4 -1914.9)"/></g><path class="b" d="M1033.929,975.9a10.839,10.839,0,0,0-10.829,10.829.839.839,0,0,0,1.675.112h0a9.154,9.154,0,1,1,18.308,0,10.223,10.223,0,0,1-3.238,7.256,58.886,58.886,0,0,1-6.475,5.359.8.8,0,0,0-.335.67v6.587a.839.839,0,1,0,1.674.112h0v-6.252a53.715,53.715,0,0,0,6.252-5.247,12.159,12.159,0,0,0,3.684-8.373A10.66,10.66,0,0,0,1033.929,975.9Z" transform="translate(2.409 0.327)"/><circle class="b" cx="1.675" cy="1.675" r="1.675" transform="translate(1034.663 1013.514)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 964 B

2
portal-4cli-lib/src/assets/env-properties.json
View File

@ -38,8 +38,6 @@
"logoutUrl" :"https://aai.openaire.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo=", "logoutUrl" :"https://aai.openaire.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo=",
"logoutOpenaireUrl" :"http://dl067.madgik.di.uoa.gr/idp/profile/Logout",
"cookieDomain" :".di.uoa.gr", "cookieDomain" :".di.uoa.gr",
"feedbackmail" :"openaire.test@gmail.com", "feedbackmail" :"openaire.test@gmail.com",

96
portal-4cli-lib/src/assets/explore-custom.css
View File

@ -1,15 +1,20 @@
:root { :root {
--portal-main-color: #f25f30; --portal-main-color: #D95F2D;
--portal-main-contrast: white; --portal-main-contrast: white;
--portal-dark-color: #D03C0D; --portal-dark-color: #4687E6;
--openaire-main-color: #313179;
--openaire-main-color: #26257F; --explore-portal-color: #D95F2D;
--provide-portal-color: #37C7E9;
--monitor-portal-color: #9ABB55;
--connect-portal-color: #EBB13E;
--develop-portal-color: #DA65AB;
--explore-portal-color: #f25f30; --explore-portal-lower-tone: #a0462c;
--provide-portal-color: #28beff; --provide-portal-lower-tone: #3A8FA3;
--monitor-portal-color: #8bcc00; --monitor-portal-lower-tone: #b48536;
--connect-portal-color: #ffc800; --connect-portal-lower-tone: #7c9144;
--develop-portal-color: #d13f96; --develop-portal-lower-tone: #9f4e7e;
} }
@ -30,7 +35,7 @@
border-top-color:var(--portal-main-color) !important; border-top-color:var(--portal-main-color) !important;
} */ } */
.mainPageSearchForm{ .mainPageSearchForm{
background-image: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg'); background-image: /*linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),*/ url('home.jpg');
} }
.firstPageNumbers{ .firstPageNumbers{
@ -38,15 +43,10 @@
/* color: var(--portal-main-color) !important; */ /* color: var(--portal-main-color) !important; */
} }
.explore-numbers h2, .explore-numbers div {
font-weight: normal !important;
color: #444 !important;
font-style: italic !important;
}
.explore-numbers h2 {
font-size: 22px !important; .explore-numbers {
} }
.mainPageBottomInfo{ .mainPageBottomInfo{
background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg'); background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');
@ -62,3 +62,65 @@
text-decoration-color: currentcolor; text-decoration-color: currentcolor;
text-decoration-color: #90929D; text-decoration-color: #90929D;
} }
.searchForm, .generalSearchForm,
.publicationsSearchForm,
.projectsSearchForm, .projectsTableSearchForm,
.organizationsSearchForm,
.datasetsSearchForm,
.softwareSearchForm,
.orpsSearchForm,
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
.journalsSearchForm, .journalsTableSearchForm,
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
background: url('./Εxplore-sub.jpg') right !important;
}
.ask-explore.uk-grid-divider > :not(.uk-first-column)::before {
border-left: 1px solid var(--portal-main-color) ;
}
.questions .tm-child-list-divider > ul > li:nth-child(n+2), .questions .uk-list-divider > li:nth-child(n+2) {
border-top: 1px solid #c5c5c5;
}
.questions {
font-size: 15px;
font-weight: bold;
color: #4687E6;
}
.uk-card-explore {
background-color: var(--portal-main-color);
color: #fff !important;
}
.uk-card-explore .uk-h3 {
color: #fff !important;
}
.uk-card-explore .uk-h6 a {
color: #fff !important;
text-decoration: underline;
}
.uk-card-explore .uk-h5 {
color: #fff !important;
text-transform: uppercase;
font-size: 15px;
font-weight: bolder;
}
.emphasis {
color: #000;
font-size: 17px;
font-weight: bold;
}
.portal-color.emphasis {
color: #37C7E9;
font-size: 60px;
font-weight: 300;
}

2
portal-4cli-lib/src/assets/explore.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.15 60.323"><defs><style>.a{fill:#fff;}.a,.b,.c,.d{stroke:#d95f2d;stroke-miterlimit:10;}.b,.c,.d{fill:none;stroke-linecap:round;}.b,.c{stroke-linejoin:round;}.b,.d{stroke-width:3px;}.c{stroke-width:2.5px;}</style></defs><g transform="translate(-295.1 -925.75)"><path class="a" d="M316.9,934.8l-20.3,1v5.7l20.3,1Z"/><path class="b" d="M316.9,934.8l-20.3,1v5.7l20.3,1Z"/><path class="a" d="M340.1,931.1l-26.1,2v11.1l26.1,2Z"/><path class="b" d="M340.1,931.1l-26.1,2v11.1l26.1,2Z"/><path class="a" d="M361.5,927.3l-24.8,2v18.8l24.8,2Z"/><path class="b" d="M361.5,927.3l-24.8,2v18.8l24.8,2Z"/><path class="a" d="M359,938.7c0,5.9,1.1,11.7,2.5,11.7s2.5-5.8,2.5-11.7-1.1-11.7-2.5-11.7-2.5,5.8-2.5,11.7"/><path class="c" d="M359,938.7c0,5.9,1.1,11.7,2.5,11.7s2.5-5.8,2.5-11.7-1.1-11.7-2.5-11.7S359,932.8,359,938.7Z"/><line class="d" y1="38.8" transform="translate(327.4 945.3)"/><line class="d" x2="16.8" y2="38.8" transform="translate(327.4 945.3)"/><line class="d" x1="16.8" y2="38.8" transform="translate(310 945.3)"/></g></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72.3 64.727"><defs><style>.a{fill:#fff;}.a,.b{stroke:#d95f2d;stroke-linecap:round;stroke-miterlimit:10;stroke-width:3px;}.b{fill:none;}</style></defs><g transform="translate(1 1)"><circle class="a" cx="14.574" cy="14.574" r="14.574" transform="translate(0.5 33.078)"/><circle class="a" cx="14.574" cy="14.574" r="14.574" transform="translate(40.508 33.078)"/><line class="b" x2="10.717" transform="translate(29.792 47.653)"/><path class="b" d="M51.788,47.653V9.788L42.5.5" transform="translate(18.012)"/><path class="b" d="M.5,48.081V9.788L9.788.5"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 613 B

BIN
portal-4cli-lib/src/assets/home.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 177 KiB

4
portal-4cli-lib/src/assets/sitemap.xml
View File

@ -91,12 +91,12 @@
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>![CDATA[https://beta.explore.openaire.eu/participate/deposit-publications]</loc> <loc><![CDATA[https://beta.explore.openaire.eu/participate/deposit-publications]]></loc>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>![CDATA[https://beta.explore.openaire.eu/participate/deposit-datasets]</loc> <loc><![CDATA[https://beta.explore.openaire.eu/participate/deposit-datasets]]></loc>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>

BIN
portal-4cli-lib/src/assets/Εxplore-sub.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

28
portal-4cli-lib/src/index.html
View File

@ -59,10 +59,7 @@
<script src="assets/common-assets/citeproc.js"></script> <script src="assets/common-assets/citeproc.js"></script>
<!-- <script src="assets/common-assets/common/uikit.js"></script> --> <!-- <script src="assets/common-assets/common/uikit.js"></script> -->
<script src="assets/common-assets/common/uikit-icons-max.js"></script> <script src="assets/common-assets/common/uikit-icons-max.js"></script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<!-- to update addThis: https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080-->
<!-- <script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a12dbd124e4e521"></script> -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080"></script>
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
console.log("Is ready - load uikit ***") console.log("Is ready - load uikit ***")
@ -71,24 +68,7 @@ $(document).ready(function(){
}); });
</script> </script>
<script>
var logoutClicked = function(){
console.log("jqery logout!");
// no
// $("#logout1").load("https://dl067.madgik.di.uoa.gr/idp/profile/Logout");
//yes
// window.open('https://dl067.madgik.di.uoa.gr/idp/profile/Logout','_blank','toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,visible=none', '');
// no
var xmlHttp = null;
xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", "https://dl067.madgik.di.uoa.gr/idp/profile/Logout", true );
xmlHttp.send( null );
};
</script>
<!-- <script src="assets/common-assets/common/uikit.js"></script> --> <!-- <script src="assets/common-assets/common/uikit.js"></script> -->
<!-- <script src="assets/common-assets/common/uikit-icons-max.js"></script> --> <!-- <script src="assets/common-assets/common/uikit-icons-max.js"></script> -->
@ -149,6 +129,10 @@ $(document).ready(function(){
return n&&n.parentNode&&n.parentNode.removeChild(n),n=document[d+"NS"]&&document.documentElement.namespaceURI,n=n?document[d+"NS"](n,"script"):document[d]("script"),n[m]("id",e),n[m]("src",t),(document[c]("head")[0]||document[c]("body")[0]).appendChild(n),n=new Image,void n[m]("src","https://d1uo4w7k31k5mn.cloudfront.net/donut/0.png") return n&&n.parentNode&&n.parentNode.removeChild(n),n=document[d+"NS"]&&document.documentElement.namespaceURI,n=n?document[d+"NS"](n,"script"):document[d]("script"),n[m]("id",e),n[m]("src",t),(document[c]("head")[0]||document[c]("body")[0]).appendChild(n),n=new Image,void n[m]("src","https://d1uo4w7k31k5mn.cloudfront.net/donut/0.png")
}; };
</script> </script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<!-- to update addThis: https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080-->
<!-- <script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a12dbd124e4e521"></script> -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080"></script>
</body> </body>
</html> </html>