[Trunk | Library]:

1. home.component.hmtl & explore-custom.css: Buttons for trello updated.
2. app-routing.module.ts & app.component.ts: Menu and routes updated for new deposit functionality (already used in connect portal).
3. deposit-routing.module.ts & deposit.component.ts & deposit.module.ts & searchDataprovidersToDeposit-routing.module.ts & searchDataprovidersToDeposit.component.ts & searchDataprovidersToDeposit.module.ts:
	Files added for pages in new deposit functionality.
4. explore-custom.css: Classes for new deposit functionality in explore portal added.
5. env-properties.json: Properties for new deposit routes added (beta and production properties files need to be updated).


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@57407 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2019-10-17 13:49:05 +00:00
parent f2f1c89470
commit 48410af57f
11 changed files with 347 additions and 143 deletions

View File

@ -54,11 +54,14 @@ const routes: Routes = [
{ path: 'search/journals-table', loadChildren: './searchPages/dataProviders/journalsTable.module#LibJournalsTableModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
// Deposit Pages
{ path: 'participate/deposit-datasets', loadChildren: './deposit/datasets/depositDatasets.module#LibDepositDatasetsModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
{ path: 'participate/deposit-datasets-result', loadChildren: './deposit/datasets/depositDatasetsResults.module#LibDepositDatasetsResultsModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
{ path: 'participate/deposit-subject-result', loadChildren: './deposit/datasets/depositBySubjectResults.module#LibDepositBySubjectResultsModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
{ path: 'participate/deposit-publications', loadChildren: './deposit/publications/depositPublications.module#LibDepositPublicationsModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
{ path: 'participate/deposit-publications-result', loadChildren: './deposit/publications/depositPublicationsResults.module#LibDepositPublicationsResultsModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
{ path: 'participate/deposit-datasets', redirectTo: 'participate/deposit/learn-how', pathMatch: 'full'},
{ path: 'participate/deposit-datasets-result', redirectTo: 'participate/deposit/learn-how', pathMatch: 'full'},
{ path: 'participate/deposit-subject-result', redirectTo: 'participate/deposit/learn-how', pathMatch: 'full'},
{ path: 'participate/deposit-publications', redirectTo: 'participate/deposit/learn-how', pathMatch: 'full'},
{ path: 'participate/deposit-publications-result', redirectTo: 'participate/deposit/learn-how', pathMatch: 'full'},
{ path: 'participate/deposit/learn-how', loadChildren: './deposit/deposit.module#LibDepositModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
{ path: 'participate/deposit/search', loadChildren: './deposit/searchDataprovidersToDeposit.module#LibSearchDataprovidersToDepositModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
// Linking Pages
{ path: 'myclaims', loadChildren: './claims/myClaims/myClaims.module#LibMyClaimsModule', resolve: { envSpecific: EnvironmentSpecificResolver }},

View File

@ -106,9 +106,12 @@ export class AppComponent {
]
},
{
rootItem: new MenuItem("share", "Share", "", "", false, [], ["/participate/deposit-publications", "/participate/deposit-datasets"], {}),
items: [new MenuItem("", "Publications", "", "/participate/deposit-publications", false, ["publication"], ["/participate/deposit-publications"], {}),
new MenuItem("", "Research Data", "", "/participate/deposit-datasets", false, ["dataset"], ["/participate/deposit-datasets"], {})]
rootItem: new MenuItem("deposit", "Deposit", "", "/participate/deposit-datasets", false, [], ["/participate/deposit/learn-how"], {}),
//rootItem: new MenuItem("deposit", "Deposit", "", "/participate/deposit/learn-how", false, [], ["/participate/deposit/learn-how"], {}),
items: []
//rootItem: new MenuItem("share", "Share", "", "", false, [], ["/participate/deposit-publications", "/participate/deposit-datasets"], {}),
//items: [new MenuItem("", "Publications", "", "/participate/deposit-publications", false, ["publication"], ["/participate/deposit-publications"], {}),
// new MenuItem("", "Research Data", "", "/participate/deposit-datasets", false, ["dataset"], ["/participate/deposit-datasets"], {})]
},
{
rootItem: new MenuItem("link", "Link", "", "/participate/claim", false, [], ["/participate/claim"], {}),

View File

@ -0,0 +1,18 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { OpenaireDepositComponent } from './deposit.component';
import {FreeGuard} from '../openaireLibrary/login/freeGuard.guard';
import {PreviousRouteRecorder} from '../openaireLibrary/utils/piwik/previousRouteRecorder.guard';
import {IsRouteEnabled} from '../openaireLibrary/error/isRouteEnabled.guard'
@NgModule({
imports: [
RouterModule.forChild([
{ path: '', component: OpenaireDepositComponent, canActivate: [FreeGuard, IsRouteEnabled], data: {
redirect: '/error'
}, canDeactivate: [PreviousRouteRecorder] }
])
]
})
export class DepositRoutingModule { }

View File

@ -0,0 +1,19 @@
import {Component} from '@angular/core';
//import {ZenodoInformationClass} from "../openaireLibrary/deposit/utils/zenodoInformation.class";
@Component({
selector: 'openaire-deposit',
template: `
<deposit-first-page></deposit-first-page>
`
})
export class OpenaireDepositComponent {
//public zenodoInformation: ZenodoInformationClass = new ZenodoInformationClass();
constructor() {
}
public ngOnInit() {}
}

View File

@ -0,0 +1,32 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import {FreeGuard} from '../openaireLibrary/login/freeGuard.guard';
import {PreviousRouteRecorder} from '../openaireLibrary/utils/piwik/previousRouteRecorder.guard';
import {IsRouteEnabled} from '../openaireLibrary/error/isRouteEnabled.guard';
import {OpenaireDepositComponent} from "./deposit.component";
import {DepositRoutingModule} from "./deposit-routing.module";
import {DepositFirstPageModule} from "../openaireLibrary/deposit/depositFirstPage.module";
import {ZenodoCommunitiesService} from "../openaireLibrary/connect/zenodoCommunities/zenodo-communities.service";
import {CommunityService} from "../openaireLibrary/connect/community/community.service";
import {SearchZenodoCommunitiesService} from "../openaireLibrary/connect/zenodoCommunities/searchZenodoCommunities.service";
@NgModule({
imports: [
CommonModule, FormsModule,
DepositRoutingModule, DepositFirstPageModule
],
declarations: [
OpenaireDepositComponent
],
exports: [
OpenaireDepositComponent,
],
providers: [FreeGuard,PreviousRouteRecorder, IsRouteEnabled,
ZenodoCommunitiesService, CommunityService, SearchZenodoCommunitiesService]
})
export class LibDepositModule { }

View File

@ -0,0 +1,18 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { OpenaireSearchDataprovidersToDepositComponent } from './searchDataprovidersToDeposit.component';
import {FreeGuard} from '../openaireLibrary/login/freeGuard.guard';
import {PreviousRouteRecorder} from '../openaireLibrary/utils/piwik/previousRouteRecorder.guard';
import {IsRouteEnabled} from '../openaireLibrary/error/isRouteEnabled.guard'
@NgModule({
imports: [
RouterModule.forChild([
{ path: '', component: OpenaireSearchDataprovidersToDepositComponent, canActivate: [FreeGuard, IsRouteEnabled], data: {
redirect: '/error'
}, canDeactivate: [PreviousRouteRecorder] }
])
]
})
export class SearchDataprovidersToDepositRoutingModule { }

View File

@ -0,0 +1,18 @@
import {Component} from '@angular/core';
//import {ZenodoInformationClass} from '../openaireLibrary/deposit/utils/zenodoInformation.class';
@Component({
selector: 'openaire-search-deposit',
template: `
<search-dataproviders></search-dataproviders>
`
})
export class OpenaireSearchDataprovidersToDepositComponent {
//public zenodoInformation: ZenodoInformationClass = new ZenodoInformationClass();
constructor() {}
public ngOnInit() {}
}

View File

@ -0,0 +1,32 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { OpenaireSearchDataprovidersToDepositComponent } from './searchDataprovidersToDeposit.component';
import {SearchDataprovidersToDepositRoutingModule} from './searchDataprovidersToDeposit-routing.module';
import {SearchDataprovidersToDepositModule} from '../openaireLibrary/deposit/searchDataprovidersToDeposit.module';
import {FreeGuard} from '../openaireLibrary/login/freeGuard.guard';
import {PreviousRouteRecorder} from '../openaireLibrary/utils/piwik/previousRouteRecorder.guard';
import {IsRouteEnabled} from '../openaireLibrary/error/isRouteEnabled.guard';
import {ZenodoCommunitiesServiceModule} from '../openaireLibrary/connect/zenodoCommunities/zenodo-communitiesService.module';
import {SearchZenodoCommunitiesServiceModule} from '../openaireLibrary/connect/zenodoCommunities/searchZenodoCommunitiesService.module';
import {CommunityService} from '../openaireLibrary/connect/community/community.service';
@NgModule({
imports: [
CommonModule, FormsModule,
SearchDataprovidersToDepositModule,
SearchDataprovidersToDepositRoutingModule,
ZenodoCommunitiesServiceModule, SearchZenodoCommunitiesServiceModule
],
declarations: [
OpenaireSearchDataprovidersToDepositComponent
],
exports: [
OpenaireSearchDataprovidersToDepositComponent,
],
providers: [FreeGuard,PreviousRouteRecorder, IsRouteEnabled, CommunityService]
})
export class LibSearchDataprovidersToDepositModule { }

View File

@ -24,143 +24,157 @@
</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 class="uk-margin-medium">
<div class="uk-container uk-container-large 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="">-->
<!-- <div class="uk-margin-bottom">-->
<!-- <span *ngIf="showPublications && publicationsSize">-->
<!-- <span class="uk-h2">{{publicationsSize.number|number}}{{publicationsSize.size}}</span>-->
<!-- <span class="uk-text-large"> {{((showDatasets || showSoftware || showOrp) ? " publications, "-->
<!-- :" publications ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showDatasets && datasetsSize">-->
<!-- <span class="uk-h2">{{datasetsSize.number|number}}{{datasetsSize.size}}</span>-->
<!-- <span-->
<!-- class="uk-text-large">{{((showSoftware || showOrp) ? " research data, " :" research data ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showOrp && otherSize">-->
<!-- <span class="uk-h2">{{otherSize.number|number}}{{otherSize.size}}</span>-->
<!-- <span class="uk-text-large"> {{((showSoftware) ? " other research products, " :" other research products ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showSoftware && softwareSize">-->
<!-- <span class="uk-h2">{{softwareSize.number|number}}{{softwareSize.size}}</span>-->
<!-- <span class="uk-text-large"> software </span>-->
<!-- </span>-->
<!-- <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="">-->
<!-- <div class="uk-margin-bottom">-->
<!-- <span *ngIf="showPublications && publicationsSize">-->
<!-- <span class="uk-h2">{{publicationsSize.number|number}}{{publicationsSize.size}}</span>-->
<!-- <span class="uk-text-large"> {{((showDatasets || showSoftware || showOrp) ? " publications, "-->
<!-- :" publications ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showDatasets && datasetsSize">-->
<!-- <span class="uk-h2">{{datasetsSize.number|number}}{{datasetsSize.size}}</span>-->
<!-- <span-->
<!-- class="uk-text-large">{{((showSoftware || showOrp) ? " research data, " :" research data ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showOrp && otherSize">-->
<!-- <span class="uk-h2">{{otherSize.number|number}}{{otherSize.size}}</span>-->
<!-- <span class="uk-text-large"> {{((showSoftware) ? " other research products, " :" other research products ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showSoftware && softwareSize">-->
<!-- <span class="uk-h2">{{softwareSize.number|number}}{{softwareSize.size}}</span>-->
<!-- <span class="uk-text-large"> software </span>-->
<!-- </span>-->
<!-- <br>-->
<!-- <span *ngIf="showDataProviders && datasourcesSize">-->
<!-- <span class="uk-text-large"> from </span>-->
<!-- <span class="uk-h2">{{datasourcesSize.number|number}}{{datasourcesSize.size}}</span>-->
<!-- <span class="uk-text-large"> content providers </span>-->
<!-- </span>-->
<!-- <span *ngIf="showProjects && fundersSize">-->
<!-- <span class="uk-text-large"> {{((showDataProviders && datasourcesSize) ? " and " : " from ")}} </span>-->
<!-- <span class="uk-h2">{{fundersSize.number|number}}{{fundersSize.size}} </span>-->
<!-- <span class="uk-text-large"> funders </span>-->
<!-- <br>-->
<!-- <span *ngIf="showDataProviders && datasourcesSize">-->
<!-- <span class="uk-text-large"> from </span>-->
<!-- <span class="uk-h2">{{datasourcesSize.number|number}}{{datasourcesSize.size}}</span>-->
<!-- <span class="uk-text-large"> content providers </span>-->
<!-- </span>-->
<!-- <span *ngIf="showProjects && fundersSize">-->
<!-- <span class="uk-text-large"> {{((showDataProviders && datasourcesSize) ? " and " : " from ")}} </span>-->
<!-- <span class="uk-h2">{{fundersSize.number|number}}{{fundersSize.size}} </span>-->
<!-- <span class="uk-text-large"> funders </span>-->
<!-- </span>-->
<!-- <span *ngIf="showPublications || showDatasets || showOrp || showSoftware || showProjects ||-->
<!-- showDataProviders"-->
<!-- class="uk-text-large"> linked together for an integrated discovery of research outcomes </span>-->
<!-- </span>-->
<!-- <span *ngIf="showPublications || showDatasets || showOrp || showSoftware || showProjects ||-->
<!-- showDataProviders"-->
<!-- class="uk-text-large"> linked together for an integrated discovery of research outcomes </span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="uk-grid uk-margin uk-margin-remove-bottom uk-width-xxlarge uk-margin-auto">
<div class="uk-width-expand uk-padding-remove">
<div class="uk-grid uk-margin uk-margin-remove-bottom uk-width-xxlarge uk-margin-auto">
<div class="uk-width-expand uk-padding-remove">
<div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top">
<div class="uk-position-relative">
<div class="uk-slider-container">
<ul class="uk-slider-items" uk-height-match="target: > li > div > div > .logo1; row: false;">
<ng-container *ngFor="let type of getKeys(logos)">
<li *ngFor="let range of createRange(logos[type].length) let j=index" class="uk-width-1-1 home-logo">
<div class="uk-text-center uk-margin-bottom portal-color uk-h2">
<span *ngIf="type=='publication' && showPublications && publicationsSize">
<span class="uk-text-bold">{{publicationsSize.number|number}}{{publicationsSize.size}}
publications</span><span> deduplicated</span>
</span>
<span *ngIf="type=='dataset' && showDatasets && datasetsSize">
<span class="uk-text-bold">{{datasetsSize.number|number}}{{datasetsSize.size}}
datasets</span><span> interlinked with publications</span>
</span>
<span *ngIf="type=='software' && showSoftware && softwareSize">
<span class="uk-text-bold">{{softwareSize.number|number}}{{softwareSize.size}} research software</span><span> interlinked with publications</span>
</span>
<!-- <span *ngIf="type=='other' && showOrp && otherSize">-->
<!-- <span class="uk-h2">{{otherSize.number|number}}{{otherSize.size}}</span>-->
<!-- <span class="uk-text-large"> other research products interlinked with publications</span>-->
<!-- </span>-->
<span *ngIf="type=='persistent'">
<span>Persistent identifiers and registries</span>
</span>
<span *ngIf="type=='funder' && showProjects && fundersSize">
<span class="uk-text-bold">{{fundersSize.number|number}}{{fundersSize.size}}
funders</span><span> and</span>
<span class="uk-text-bold"> {{projectsSize.number|number}}{{projectsSize.size}} funded grants</span>
</span>
<div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top">
<div class="uk-position-relative">
<div class="uk-slider-container">
<ul class="uk-slider-items" uk-height-match="target: > li > div > div > .logo1; row: false;">
<ng-container *ngFor="let type of getKeys(logos)">
<li *ngFor="let range of createRange(logos[type].length) let j=index" class="uk-width-1-1 home-logo">
<div class="uk-text-center uk-margin-bottom portal-color uk-h2">
<span *ngIf="type=='publication' && showPublications && publicationsSize">
<span class="uk-text-bold">{{publicationsSize.number|number}}{{publicationsSize.size}}
publications</span><span> deduplicated</span>
</span>
<span *ngIf="type=='dataset' && showDatasets && datasetsSize">
<span class="uk-text-bold">{{datasetsSize.number|number}}{{datasetsSize.size}}
datasets</span><span> interlinked with publications</span>
</span>
<span *ngIf="type=='software' && showSoftware && softwareSize">
<span class="uk-text-bold">{{softwareSize.number|number}}{{softwareSize.size}} research software</span><span> interlinked with publications</span>
</span>
<!-- <span *ngIf="type=='other' && showOrp && otherSize">-->
<!-- <span class="uk-h2">{{otherSize.number|number}}{{otherSize.size}}</span>-->
<!-- <span class="uk-text-large"> other research products interlinked with publications</span>-->
<!-- </span>-->
<span *ngIf="type=='persistent'">
<span>Persistent identifiers and registries</span>
</span>
<span *ngIf="type=='funder' && showProjects && fundersSize">
<span class="uk-text-bold">{{fundersSize.number|number}}{{fundersSize.size}}
funders</span><span> and</span>
<span class="uk-text-bold"> {{projectsSize.number|number}}{{projectsSize.size}} funded grants</span>
</span>
</div>
<div class="uk-grid-small uk-child-width-1-6 uk-text-center grid uk-flex uk-flex-center"
uk-grid uk-height-match="target: > div > .logo2; row: false;">
<div
*ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index">
<ng-container
*ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 '}"></ng-container>
<ng-container
*ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 '}"></ng-container>
</div>
</div>
</li>
</ng-container>
</ul>
</div>
<div class="uk-grid-small uk-child-width-1-6 uk-text-center grid uk-flex uk-flex-center"
uk-grid uk-height-match="target: > div > .logo2; row: false;">
<div
*ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index">
<ng-container
*ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 '}"></ng-container>
<ng-container
*ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 '}"></ng-container>
</div>
</div>
</li>
</ng-container>
</ul>
</div>
<div class="uk-hidden@s">
<a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous
uk-slider-item="previous"></a>
<a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next
uk-slider-item="next"></a>
</div>
<div class="uk-hidden@s">
<a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous
uk-slider-item="previous"></a>
<a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next
uk-slider-item="next"></a>
</div>
<div class="uk-visible@s">
<a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous
uk-slider-item="previous"></a>
<a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next
uk-slider-item="next"></a>
<div class="uk-visible@s">
<a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous
uk-slider-item="previous"></a>
<a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next
uk-slider-item="next"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="uk-text-right uk-padding-small uk-padding-remove-vertical">-->
<!-- <a class="uk-button trello-button trello-button-white uk-button-large"-->
<!-- href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
<!-- target="_blank"-->
<!-- (mouseenter)="trelloImg = 'trello-2.svg'"-->
<!-- (mouseleave)="trelloImg = 'trello-2.svg'">-->
<!-- <img [src]="'assets/' + trelloImg">-->
<!-- <span class="uk-margin-left">Give us <b>feedback</b></span>-->
<!-- </a>-->
<!-- </div>-->
<div class="uk-text-right uk-padding-small uk-padding-remove-vertical">
<a class="uk-button uk-button-large trello-button trello-button-white"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank">
<!-- (mouseenter)="trelloClass = 'trello-button-blue'"-->
<!-- (mouseleave)="trelloClass = 'trello-button-white'">-->
<img [src]="'assets/trello-2.svg'" class="trello-image">
<span class="uk-margin-small-left">Give us <b>feedback</b></span>
</a>
</div>
</div>
</div>
</div>
</div>
<schema2jsonld [URL]="properties.baseLink"
[logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"
name="OpenAIRE Explore"></schema2jsonld>
<ng-template [ngIf]="properties.environment !== 'production'">
<div class="uk-text-right uk-padding-small uk-padding-remove-vertical">
<a class="uk-button trello-button uk-button-large"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank"
(mouseenter)="trelloImg = 'trello-2.svg'"
(mouseleave)="trelloImg = 'trello.svg'">
<img [src]="'assets/' + trelloImg">
<span class="uk-margin-left">Give us <b>feedback</b></span>
</a>
</div>
<div class="uk-section uk-section-small graph-background uk-margin-top">
<div class="uk-container uk-container-large uk-margin-medium-top">
<div class="uk-flex uk-flex-top uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
@ -245,34 +259,34 @@
<u>Instructions on providing feedback</u>
</a>
<div class="uk-margin-top uk-text-right uk-visible@l">
<a class="uk-button trello-button uk-button-large"
<a class="uk-button trello-button trello-button-blue uk-button-large"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank"
(mouseenter)="trelloImg2 = 'trello-2.svg'"
(mouseleave)="trelloImg2 = 'trello.svg'">
<img [src]="'assets/' + trelloImg2">
<span class="uk-margin-left uk-margin-small-right">Go to <b>Trello</b></span>
target="_blank">
<!-- (mouseenter)="trelloImg2 = 'trello-2.svg'"-->
<!-- (mouseleave)="trelloImg2 = 'trello.svg'">-->
<img [src]="'assets/trello.svg'" class="trello-image">
<span class="uk-margin-small-left uk-margin-small-right">Go to <b>Trello</b></span>
<span uk-icon="arrow-right"></span>
</a>
</div>
<div class="uk-margin-top uk-text-right uk-hidden@m">
<a class="uk-button trello-button uk-button-large"
<a class="uk-button trello-button trello-button-blue uk-button-large"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank"
(mouseenter)="trelloImg = 'trello-2.svg'"
(mouseleave)="trelloImg = 'trello.svg'">
<img [src]="'assets/' + trelloImg">
<span class="uk-margin-left uk-margin-small-right">Go to <b>Trello</b></span>
target="_blank">
<!-- (mouseenter)="trelloImg = 'trello-2.svg'"-->
<!-- (mouseleave)="trelloImg = 'trello.svg'">-->
<img [src]="'assets/trello.svg'" class="trello-image">
<span class="uk-margin-small-left uk-margin-small-right">Go to <b>Trello</b></span>
<span uk-icon="arrow-right"></span>
</a>
</div>
<div class="uk-margin-top uk-text-right uk-visible@m uk-hidden@l">
<a class="uk-button trello-button uk-button-large"
<a class="uk-button trello-button trello-button-blue uk-button-large"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank"
(mouseenter)="trelloImg = 'trello-2.svg'"
(mouseleave)="trelloImg = 'trello.svg'">
<img [src]="'assets/' + trelloImg" class="uk-margin-right">
target="_blank">
<!-- (mouseenter)="trelloImg = 'trello-2.svg'"-->
<!-- (mouseleave)="trelloImg = 'trello.svg'">-->
<img [src]="'assets/trello.svg'" class="uk-margin-right trello-image">
<span uk-icon="arrow-right"></span>
</a>
</div>

View File

@ -45,7 +45,7 @@
"cacheUrl" :"http://scoobydoo.di.uoa.gr:3000/get?url=",
"adminToolsAPIURL" :"http://mpagasas.di.uoa.gr:8080/uoa-admin-tools/",
"adminToolsAPIURL" :"http://duffy.di.uoa.gr:8080/uoa-admin-tools/",
"adminToolsCommunity" :"openaire",
"datasourcesAPI": "https://beta.services.openaire.eu/openaire/ds/search/",
@ -91,5 +91,8 @@
"widgetLink" : "https://beta.openaire.eu/index.php?option=com_openaire&view=widget&format=raw&projectId=",
"claimsInformationLink": "https://www.openaire.eu/linking-beta",
"lastIndexUpdate": "2019-05-16",
"indexInfoAPI": "http://beta.services.openaire.eu/openaire/info/"
"indexInfoAPI": "http://beta.services.openaire.eu/openaire/info/",
"depositLearnHowPage": "/participate/deposit/learn-how",
"depositSearchPage": "/participate/deposit/search"
}

View File

@ -167,16 +167,60 @@
color: rgba(255, 255, 255, 0.71);
}
.trello-image {
margin-top: -3px;
}
.trello-button {
background-color: #0079BF;
border: #0079BF 1px solid;
color: white;
text-transform: none !important;
font-size: 16px;
padding: 0 16px;
}
.trello-button:hover {
background-color: white;
color: #0079BF;
.trello-button-white {
background-color: white;
color: #0079BF;
}
.trello-button-blue {
background-color: #0076BA;
color: white;
}
.trello-button-white:hover {
background-color: #E9EEF5;
color: #0079BF;
}
.trello-button-blue:hover {
background-color: #0084B1;
color: white;
}
.explorePanelBackground {
background: transparent linear-gradient(133deg, #F5F5F5 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;
}
.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
border-left: 1px solid rgba(255, 255, 255, .2);
}
.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
color: #bfbfbf;
}
.exploreBorder {
border-color: #d8d8d8;
border-style: solid;
border-width: 2px;
border-radius: 6px;
}
.exploreZenodoButton {
background: transparent linear-gradient(90deg, #01367D 0%, #009AE1 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 4px 10px #00000029;
border: none;
color: white;
}