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

Use UIKIT3 | changes in css 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@47131 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2017-05-09 14:12:58 +00:00
parent d5ecd8cfa9
commit 8bb6790e2c
63 changed files with 1864 additions and 417 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
portal-2/src/app/app.component.ts
View File

@ -29,17 +29,17 @@ export class XLargeDirective {
<div id="tm-main" class="tm-middle custom-main-content" uk-height-viewport="mode: expand"> <div id="tm-main" class=" uk-margin-large-top tm-middle custom-main-content" uk-height-viewport="mode: expand">
<div class="uk-container uk-container-center"> <div class="uk-container ">
<div class="uk-grid" uk-grid> <div uk-grid uk-grid>
<div class="tm-main uk-width-small-1-1 uk-width-medium-1-1 uk-width-large-1-1 uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<main> <main>
<router-outlet></router-outlet> <router-outlet></router-outlet>
</main> </main>
</div> </div>
<!-- Sidebar --> <!-- Sidebar -->
<!--div id="tm-sidebar" class="tm-sidebar uk-width-medium-1-4 uk-hidden-small"> <!--div id="tm-sidebar" class="tm-sidebar uk-width-1-4@m uk-hidden-small">
<div class="uk-child-width-1-1" uk-grid> <div class="uk-child-width-1-1" uk-grid>
something in sidebar something in sidebar
@ -54,7 +54,7 @@ export class XLargeDirective {
<cookie-law position="bottom"> <cookie-law position="bottom">
OpenAIRE uses cookies in order to function properly.<br> OpenAIRE uses cookies in order to function properly.<br>
Cookies are small pieces of data that websites store in your browser to allow us to give you the best browsing experience possible. Cookies are small pieces of data that websites store in your browser to allow us to give you the best browsing experience possible.
By using the OpenAIRE portal you accept our use of cookies. <a href="//ec.europa.eu/ipg/basics/legal/cookies/index_en.htm" target="_blank"> Read more <i class="uk-icon-angle-double-right"></i></a> By using the OpenAIRE portal you accept our use of cookies. <a href="//ec.europa.eu/ipg/basics/legal/cookies/index_en.htm" target="_blank"> Read more <span uk-icon="icon: chevron-right"></span></a>
</cookie-law> </cookie-law>
<bottom></bottom> <bottom></bottom>

10
portal-2/src/app/claims/claim-utils/claimContextSearchForm.component.ts
View File

@ -13,7 +13,7 @@ import {ErrorCodes} from '../../login/utils/guardHelper.class';
selector: 'claim-contexts-search-form', selector: 'claim-contexts-search-form',
template: ` template: `
<div class="uk-form uk-animation uk-panel uk-panel-box uk-panel-box-default " > <div class=" uk-animation uk-padding uk-panel uk-background-muted " >
<div>Search for Communities:</div> <div>Search for Communities:</div>
<table> <table>
<tr> <tr>
@ -32,9 +32,9 @@ import {ErrorCodes} from '../../login/utils/guardHelper.class';
</td></tr> </td></tr>
</table> </table>
<div *ngIf="loading" class="uk-alert uk-alert-info" role="alert">Loading communities information...</div> <div *ngIf="loading" class="uk-alert uk-alert-primary" role="alert">Loading communities information...</div>
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div> <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
<div *ngIf="infoMessage.length > 0" class="uk-alert uk-alert-info" role="alert">{{infoMessage}}</div> <div *ngIf="infoMessage.length > 0" class="uk-alert uk-alert-primary" role="alert">{{infoMessage}}</div>
</div> </div>
` `
@ -88,7 +88,7 @@ select($event){
if (!found) { if (!found) {
this.selectedList.push(context); this.selectedList.push(context);
UIkit.notify({ UIkit.notification({
message : 'A context is selected.', message : 'A context is selected.',
status : 'info', status : 'info',
timeout : 1000, timeout : 1000,
@ -96,7 +96,7 @@ select($event){
}); });
}else{ }else{
UIkit.notify({ UIkit.notification({
message : 'The context is already on your list.', message : 'The context is already on your list.',
status : 'warning', status : 'warning',
timeout : 1000, timeout : 1000,

6
portal-2/src/app/claims/claim-utils/claimProjectSearchForm.component.ts
View File

@ -12,7 +12,7 @@ declare var UIkit:any;
template: ` template: `
<div> <div>
<form class="uk-form uk-animation uk-panel uk-panel-box uk-panel-box-default " > <form class=" uk-animation uk-padding uk-panel uk-background-muted " >
<table ><tr> <table ><tr>
<td > <td >
Search for projects: Search for projects:
@ -131,14 +131,14 @@ select(item){
this.projectSelected.emit({ this.projectSelected.emit({
value: true value: true
}); });
UIkit.notify({ UIkit.notification({
message : 'A project "'+item.projectName+'" is selected.', message : 'A project "'+item.projectName+'" is selected.',
status : 'info', status : 'info',
timeout : 1000, timeout : 1000,
pos : 'top-center' pos : 'top-center'
}); });
}else{ }else{
UIkit.notify({ UIkit.notification({
message : 'The project is already on your list.', message : 'The project is already on your list.',
status : 'warning', status : 'warning',
timeout : 1000, timeout : 1000,

36
portal-2/src/app/claims/claim-utils/claimResultSearchForm.component.html
View File

@ -1,9 +1,9 @@
<form class="uk-form uk-panel uk-margin-top uk-panel-box uk-panel-box-default uk-animation"> <form class=" uk-panel uk-margin-top uk-padding uk-background-muted uk-animation">
Search for research results: Search for research results:
<div class="input-group"> <div class="input-group">
<input class=" form-control" [(ngModel)]="keyword" name="keyword" placeholder="Type keywords..."/> <input class=" form-control" [(ngModel)]="keyword" name="keyword" placeholder="Type keywords..."/>
<span class="input-group-btn"> <span class="input-group-btn">
<button (click)="search()" type="submit" class="uk-button">Search</button> <button (click)="search()" type="submit" class=" uk-button uk-button-default">Search</button>
</span> </span>
</div> </div>
</form> </form>
@ -19,8 +19,8 @@
<ul id="claimsearchtabs" class="uk-switcher"> <ul id="claimsearchtabs" class="uk-switcher">
<li id="crossref" > <li id="crossref" >
<div class="uk-margin-top" > <div class="uk-margin-top" >
<div *ngIf="crossrefStatus == errorCodes.LOADING" class="uk-alert uk-alert-info" role="alert">Loading...</div> <div *ngIf="crossrefStatus == errorCodes.LOADING" class="uk-alert uk-alert-primary" role="alert">Loading...</div>
<div *ngIf="crossrefStatus != errorCodes.LOADING && crossrefResults.length == 0" class="uk-alert uk-alert-info" role="alert">No Results found</div> <div *ngIf="crossrefStatus != errorCodes.LOADING && crossrefResults.length == 0" class="uk-alert uk-alert-primary" role="alert">No Results found</div>
<div *ngIf="crossrefStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div> <div *ngIf="crossrefStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div>
<div *ngIf="crossrefStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div> <div *ngIf="crossrefStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div>
<div *ngIf="crossrefResultsNum != null && crossrefResultsNum > 0" class="uk-clearfix"> <div *ngIf="crossrefResultsNum != null && crossrefResultsNum > 0" class="uk-clearfix">
@ -34,7 +34,7 @@
<div > <div >
<a *ngIf="item.URL" target="_blank" href="{{item.URL}}" > <span class="uk-icon-external-link"></span> {{item.title}}</a> <a *ngIf="item.URL" target="_blank" href="{{item.URL}}" > <span class="uk-icon-external-link"></span> {{item.title}}</a>
<span *ngIf="!item.URL" >{{item.title}}</span> <span *ngIf="!item.URL" >{{item.title}}</span>
<button class="uk-button uk-align-right" *ngIf="!isSelected(item.DOI)" (click)="add(item, item.DOI, 'crossref', 'publication', item.URL, item.title, item.created['date-time'],'OPEN')"><i aria-hidden="true" class= "uk-icon-plus clickable"></i></button> <button class="uk-button-default uk-align-right" *ngIf="!isSelected(item.DOI)" (click)="add(item, item.DOI, 'crossref', 'publication', item.URL, item.title, item.created['date-time'],'OPEN')"><i aria-hidden="true" class= "uk-icon-plus clickable"></i></button>
</div> </div>
<span *ngIf="item.publisher" class="uk-article-meta">Publisher: {{item.publisher}}</span><span class="uk-article-meta" *ngIf="(item['published-print'] && item['published-print']['date-parts'] && item['published-print']['date-parts'][0])">({{(item['published-print']['date-parts'][0][0])?item['published-print']['date-parts'][0][0]:item['published-print']['date-parts'][0]}})</span> <span *ngIf="item.publisher" class="uk-article-meta">Publisher: {{item.publisher}}</span><span class="uk-article-meta" *ngIf="(item['published-print'] && item['published-print']['date-parts'] && item['published-print']['date-parts'][0])">({{(item['published-print']['date-parts'][0][0])?item['published-print']['date-parts'][0][0]:item['published-print']['date-parts'][0]}})</span>
<div *ngIf="item.author && item.author.length > 0" class="uk-article-meta">Authors: <span *ngFor="let author of item.author.slice(0,10) let i = index">{{author.family}} {{author.given}}{{(i < (item.author.slice(0,10).length-1))?"; ":""}}{{(i == item.author.slice(0,10).length-1 && item.author.length > 10)?"...":""}}</span></div> <div *ngIf="item.author && item.author.length > 0" class="uk-article-meta">Authors: <span *ngFor="let author of item.author.slice(0,10) let i = index">{{author.family}} {{author.given}}{{(i < (item.author.slice(0,10).length-1))?"; ":""}}{{(i == item.author.slice(0,10).length-1 && item.author.length > 10)?"...":""}}</span></div>
@ -46,8 +46,8 @@
</li> </li>
<li id="openairePubs" > <li id="openairePubs" >
<div class = "uk-margin-top"> <div class = "uk-margin-top">
<div *ngIf="openairePubsStatus == errorCodes.LOADING" class="uk-alert uk-alert-info" role="alert">Loading...</div> <div *ngIf="openairePubsStatus == errorCodes.LOADING" class="uk-alert uk-alert-primary" role="alert">Loading...</div>
<div *ngIf="openairePubsStatus == errorCodes.NONE" class="uk-alert uk-alert-info" role="alert">No Results found</div> <div *ngIf="openairePubsStatus == errorCodes.NONE" class="uk-alert uk-alert-primary" role="alert">No Results found</div>
<div *ngIf="openairePubsStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div> <div *ngIf="openairePubsStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div>
<div *ngIf="openairePubsStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div> <div *ngIf="openairePubsStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div>
<div *ngIf="openairePubsNum != null && openairePubsNum > 0" class="uk-clearfix"> <div *ngIf="openairePubsNum != null && openairePubsNum > 0" class="uk-clearfix">
@ -61,7 +61,7 @@
<div > <div >
<a *ngIf="result['title'].url" target="_blank" [href]="result['title'].url" >{{result['title'].name}}</a> <a *ngIf="result['title'].url" target="_blank" [href]="result['title'].url" >{{result['title'].name}}</a>
<span *ngIf="!result['title'].url" >{{result['title'].name}}</span> <span *ngIf="!result['title'].url" >{{result['title'].name}}</span>
<button *ngIf="!isSelected(result.id)" (click)="add(result, result.id, 'openaire', 'publication', result['title'].url, result['title'].name, result.year,result['title'].accessMode)" class="uk-button uk-align-right"><i aria-hidden="true" class= "uk-icon-plus clickable"></i></button> <button *ngIf="!isSelected(result.id)" (click)="add(result, result.id, 'openaire', 'publication', result['title'].url, result['title'].name, result.year,result['title'].accessMode)" class="uk-button-default uk-align-right"><i aria-hidden="true" class= "uk-icon-plus clickable"></i></button>
</div> </div>
<span *ngIf="result.publisher" class="uk-article-meta">Publisher: {{result.publisher}}</span><span class="uk-article-meta" *ngIf="(result.year)">({{result.year}})</span> <span *ngIf="result.publisher" class="uk-article-meta">Publisher: {{result.publisher}}</span><span class="uk-article-meta" *ngIf="(result.year)">({{result.year}})</span>
<div *ngIf="result.authors && result.authors.length >0 " class="uk-article-meta">Authors: <span *ngFor="let author of result.authors.slice(0,10) let i = index">{{author.name}}{{(i < (result.authors.slice(0,10).length-1))?"; ":""}}{{(i == result.authors.slice(0,10).length-1 && result.authors.length > 10)?"...":""}}</span></div> <div *ngIf="result.authors && result.authors.length >0 " class="uk-article-meta">Authors: <span *ngFor="let author of result.authors.slice(0,10) let i = index">{{author.name}}{{(i < (result.authors.slice(0,10).length-1))?"; ":""}}{{(i == result.authors.slice(0,10).length-1 && result.authors.length > 10)?"...":""}}</span></div>
@ -74,10 +74,10 @@
</li> </li>
<li id="orcid" class="tab-pane fade"> <li id="orcid" class="tab-pane fade">
<div class="uk-margin-top" > <div class="uk-margin-top" >
<div *ngIf="orcidStatus == errorCodes.LOADING" class="uk-alert uk-alert-info" role="alert">Loading...</div> <div *ngIf="orcidStatus == errorCodes.LOADING" class="uk-alert uk-alert-primary" role="alert">Loading...</div>
<div *ngIf="orcidStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div> <div *ngIf="orcidStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div>
<div *ngIf="orcidStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div> <div *ngIf="orcidStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div>
<div *ngIf="orcidStatus == errorCodes.NONE && (!authorIds ||authorIds.length == 0)" class = "uk-alert uk-alert-info " > No results found </div> <div *ngIf="orcidStatus == errorCodes.NONE && (!authorIds ||authorIds.length == 0)" class = "uk-alert uk-alert-primary " > No results found </div>
<div *ngIf="orcidResultsNum != null" class="panel-body"> <div *ngIf="orcidResultsNum != null" class="panel-body">
<div class = "uk-alert uk-alert-warning " > Not the right author? Choose one of these: <div class = "uk-alert uk-alert-warning " > Not the right author? Choose one of these:
@ -106,21 +106,21 @@
<li *ngFor=" let item of orcidResultsToShow " [class]="(isSelected(authorId+'-'+item['put-code']))?'uk-block-muted':''"> <li *ngFor=" let item of orcidResultsToShow " [class]="(isSelected(authorId+'-'+item['put-code']))?'uk-block-muted':''">
<div> <div>
<span *ngIf="!item.URL" >{{item['work-title']['title'].value}}</span> <span *ngIf="!item.URL" >{{item['work-title']['title'].value}}</span>
<button class="uk-button uk-align-right" *ngIf="!isSelected(authorId+item['put-code'])" (click)="add(item,authorId+'-'+item['put-code'],'orcid', 'publication', '', item['work-title']['title'].value, item['publication-date']?item['publication-date'].year.value :null,'OPEN')"><i aria-hidden="true" class= " uk-icon-plus clickable"></i></button> <button class="uk-button-default uk-align-right" *ngIf="!isSelected(authorId+item['put-code'])" (click)="add(item,authorId+'-'+item['put-code'],'orcid', 'publication', '', item['work-title']['title'].value, item['publication-date']?item['publication-date'].year.value :null,'OPEN')"><i aria-hidden="true" class= " uk-icon-plus clickable"></i></button>
</div> </div>
<span *ngIf="item['journal-title'] && item['journal-title'].value " class="uk-article-meta">Journal: {{item['journal-title'].value}}</span><span class="uk-article-meta" *ngIf="(item['publication-date']&&item['publication-date'].year&&item['publication-date'].year.value)"> ({{item['publication-date'].year.value}})</span> <span *ngIf="item['journal-title'] && item['journal-title'].value " class="uk-article-meta">Journal: {{item['journal-title'].value}}</span><span class="uk-article-meta" *ngIf="(item['publication-date']&&item['publication-date'].year&&item['publication-date'].year.value)"> ({{item['publication-date'].year.value}})</span>
<div *ngIf="item.contributors && item.contributors.length > 0" class="uk-article-meta">Authors: <span *ngFor="let author of item.contributors.slice(0,10) let i = index">{{author}}{{(i < (item.contributors.slice(0,10).length-1))?"; ":""}}{{(i == item.contributors.slice(0,10).length-1 && item.contributors.length > 10)?"...":""}}</span></div> <div *ngIf="item.contributors && item.contributors.length > 0" class="uk-article-meta">Authors: <span *ngFor="let author of item.contributors.slice(0,10) let i = index">{{author}}{{(i < (item.contributors.slice(0,10).length-1))?"; ":""}}{{(i == item.contributors.slice(0,10).length-1 && item.contributors.length > 10)?"...":""}}</span></div>
</li> </li>
</ul> </ul>
<div *ngIf="orcidResultsNum == 0" class = "uk-alert uk-alert-info " > No results found </div> <div *ngIf="orcidResultsNum == 0" class = "uk-alert uk-alert-primary " > No results found </div>
</div> </div>
</div> </div>
</div> </div>
</li> </li>
<li id="datacite" class="tab-pane fade in active"> <li id="datacite" class="tab-pane fade in active">
<div *ngIf="dataciteStatus == errorCodes.LOADING" class="uk-alert uk-alert-info" role="alert">Loading...</div> <div *ngIf="dataciteStatus == errorCodes.LOADING" class="uk-alert uk-alert-primary" role="alert">Loading...</div>
<div *ngIf="dataciteStatus == errorCodes.NONE" class="uk-alert uk-alert-info" role="alert">No Results found</div> <div *ngIf="dataciteStatus == errorCodes.NONE" class="uk-alert uk-alert-primary" role="alert">No Results found</div>
<div *ngIf="dataciteStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div> <div *ngIf="dataciteStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div>
<div *ngIf="dataciteStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div> <div *ngIf="dataciteStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div>
<div class = "uk-margin-top"> <div class = "uk-margin-top">
@ -135,7 +135,7 @@
<div > <div >
<a *ngIf="item.doi" target="_blank" href="{{'http://dx.doi.org/'+item.doi}}" > <span class="uk-icon-external-link"></span> {{item.title}}</a> <a *ngIf="item.doi" target="_blank" href="{{'http://dx.doi.org/'+item.doi}}" > <span class="uk-icon-external-link"></span> {{item.title}}</a>
<span *ngIf="!item.doi" >{{item.title}}</span> <span *ngIf="!item.doi" >{{item.title}}</span>
<button class="uk-button uk-align-right" *ngIf="!isSelected(item.doi)" (click)="add(item, item.doi,'datacite','dataset', 'http://dx.doi.org/'+item.doi, item.title, null,'OPEN')"><i aria-hidden="true" class= "uk-icon-plus clickable"></i></button> <button class="uk-button-default uk-align-right" *ngIf="!isSelected(item.doi)" (click)="add(item, item.doi,'datacite','dataset', 'http://dx.doi.org/'+item.doi, item.title, null,'OPEN')"><i aria-hidden="true" class= "uk-icon-plus clickable"></i></button>
</div> </div>
<span *ngIf="item.publisher" class="uk-article-meta">Publisher: {{item.publisher}}</span> <span *ngIf="item.publisher" class="uk-article-meta">Publisher: {{item.publisher}}</span>
@ -148,8 +148,8 @@
</div> </div>
</li> </li>
<li id="openaireData" class="tab-pane fade"> <li id="openaireData" class="tab-pane fade">
<div *ngIf="openaireDataStatus == errorCodes.LOADING" class="uk-alert uk-alert-info" role="alert">Loading...</div> <div *ngIf="openaireDataStatus == errorCodes.LOADING" class="uk-alert uk-alert-primary" role="alert">Loading...</div>
<div *ngIf="openaireDataStatus == errorCodes.NONE" class="uk-alert uk-alert-info" role="alert">No Results found</div> <div *ngIf="openaireDataStatus == errorCodes.NONE" class="uk-alert uk-alert-primary" role="alert">No Results found</div>
<div *ngIf="openaireDataStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div> <div *ngIf="openaireDataStatus == errorCodes.ERROR" class="uk-alert uk-alert-warning" role="alert">An Error Occured</div>
<div *ngIf="openaireDataStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div> <div *ngIf="openaireDataStatus == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div>
<div class = "uk-margin-top"> <div class = "uk-margin-top">
@ -166,7 +166,7 @@
<span *ngIf="!result['title'].url" >{{result['title'].name}}</span> <span *ngIf="!result['title'].url" >{{result['title'].name}}</span>
<button class="uk-button uk-align-right" *ngIf="!isSelected(result.id)" <button class="uk-button-default uk-align-right" *ngIf="!isSelected(result.id)"
(click)="add(result, result.id, 'openaire','dataset', result['title'].url, result['title'].name, result.year, result['title'].accessMode)"> <i aria-hidden="true" class= "uk-icon-plus clickable"></i></button> (click)="add(result, result.id, 'openaire','dataset', result['title'].url, result['title'].name, result.year, result['title'].accessMode)"> <i aria-hidden="true" class= "uk-icon-plus clickable"></i></button>
</div> </div>
<span *ngIf="result.publisher" class="uk-article-meta">Publisher: {{result.publisher}}</span><span *ngIf="(result.year)" class="uk-article-meta">({{result.year}})</span> <span *ngIf="result.publisher" class="uk-article-meta">Publisher: {{result.publisher}}</span><span *ngIf="(result.year)" class="uk-article-meta">({{result.year}})</span>

20
portal-2/src/app/claims/claim-utils/displayClaims/displayClaims.component.html
View File

@ -1,11 +1,11 @@
<form class="uk-form"> <form class="">
<div class="uk-form-row"> <div class="-row">
<span class="uk-text-bold">Filter By:</span> <span class="uk-text-bold">Filter By:</span>
<input type="text" class="form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="inputkeyword" (keyup)="changekeyword()" name="claims-keyword" ></div> <input type="text" class=" uk-input form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="inputkeyword" (keyup)="changekeyword()" name="claims-keyword" ></div>
<div class="uk-form-row"> <div class="-row">
<label> <input [(ngModel)]="projectCB" type="checkbox" (ngModelChange)="changeType()" name="project" /> Project </label> <label> <input [(ngModel)]="projectCB" type="checkbox" (ngModelChange)="changeType()" name="project" /> Project </label>
<label> <input [(ngModel)]="publicationCB" type="checkbox" (ngModelChange)="changeType()" name="publication" /> Publication </label> <label> <input [(ngModel)]="publicationCB" type="checkbox" (ngModelChange)="changeType()" name="publication" /> Publication </label>
<label> <input [(ngModel)]="datasetCB" type="checkbox" (ngModelChange)="changeType()" name="dataset" /> Dataset </label> <label> <input [(ngModel)]="datasetCB" type="checkbox" (ngModelChange)="changeType()" name="dataset" /> Dataset </label>
@ -19,9 +19,9 @@
<paging-no-load [currentPage]="page" [totalResults]="resultsNum" [navigateTo]="navigateTo" [params]="getParameters()" [size]="size" (pageChange)="pageChange($event)"> </paging-no-load> <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [navigateTo]="navigateTo" [params]="getParameters()" [size]="size" (pageChange)="pageChange($event)"> </paging-no-load>
</div> </div>
<div *ngIf="resultsNum>0" class=""> <div *ngIf="resultsNum>0" class="uk-width-1-2">
<span > Show <span > Show
<select *ngIf="resultsNum>10" [(ngModel)]="size" name="select_size" (ngModelChange)="changeSize(size)" > <select *ngIf="resultsNum>10" class="uk-width-1-2 uk-select" [(ngModel)]="size" name="select_size" (ngModelChange)="changeSize(size)" >
<option *ngFor="let size of sizes" [value]="size">{{size}}</option> <option *ngFor="let size of sizes" [value]="size">{{size}}</option>
</select> </select>
</span> </span>
@ -42,20 +42,20 @@
<!-- Buttons for selecting and Delete Claims --> <!-- Buttons for selecting and Delete Claims -->
<div *ngIf="enableDelete"> <div *ngIf="enableDelete">
<div *ngIf="selected.length>0 && resultsNum > 0 "> <div *ngIf="selected.length>0 && resultsNum > 0 ">
<div class = "uk-alert uk-alert-info " > <div class = "uk-alert uk-alert-primary " >
You have selected {{selected.length}} claim(s) You have selected {{selected.length}} claim(s)
</div> </div>
</div> </div>
<div *ngIf="deleteMessage.length>0 " class = "uk-alert uk-alert-info " [innerHTML]="deleteMessage"> <div *ngIf="deleteMessage.length>0 " class = "uk-alert uk-alert-primary " [innerHTML]="deleteMessage">
</div> </div>
<button class="uk-button" (click)="selectAll()">Select All</button> <button class="uk-button" (click)="deselectAll()">Deselect All</button> <button class="uk-button" (click)="confirmOpen()">Delete</button> <button class=" uk-button uk-button-default" (click)="selectAll()">Select All</button> <button class=" uk-button uk-button-default" (click)="deselectAll()">Deselect All</button> <button class=" uk-button uk-button-default" (click)="confirmOpen()"> <span uk-icon="icon: trash"></span> Delete</button>
</div> </div>
<br> <br>
<div *ngIf=" claims && claims.length == 0" > <div *ngIf=" claims && claims.length == 0" >
<div class = "uk-alert uk-alert-info " >No entries found.</div> <div class = "uk-alert uk-alert-primary " >No entries found.</div>
</div> </div>
<div class=""> <div class="">

8
portal-2/src/app/claims/claimsByToken/claimsByToken.component.ts
View File

@ -21,7 +21,7 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<form class="uk-form"> <form class="uk-form">
<fieldset data-uk-margin> <fieldset data-uk-margin>
<input type="text" placeholder="example@email.com" name="email" [(ngModel)]="email"> <input type="text" placeholder="example@email.com" name="email" [(ngModel)]="email">
<button (click)="validateJWTandToken()" class="uk-button">See Claims</button> <button (click)="validateJWTandToken()" class=" uk-button uk-button-default">See Claims</button>
</fieldset> </fieldset>
</form> </form>
</div> </div>
@ -30,7 +30,7 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<div *ngIf="accessStatus=='invalid'" class="uk-margin-top uk-width-medium-2-3 uk-container-center"> <div *ngIf="accessStatus=='invalid'" class="uk-margin-top uk-width-medium-2-3 uk-container-center">
<div class="uk-block uk-block-primary uk-block-large uk-contrast uk-text-center"> <div class="uk-block uk-block-primary uk-block-large uk-contrast uk-text-center">
<!--p class="uk-text-large">Oops! There is no entry for you! Please retry with another email or for another project.</p--> <!--p class="uk-text-large">Oops! There is no entry for you! Please retry with another email or for another project.</p-->
<!--button (click)="accessStatus='empty'" class="uk-button">Retry</button--> <!--button (click)="accessStatus='empty'" class=" uk-button uk-button-default">Retry</button-->
<p class="uk-text-large">Oops! Your email does not give you the authority to view claims for the selected project. Please contact the administrators.</p> <p class="uk-text-large">Oops! Your email does not give you the authority to view claims for the selected project. Please contact the administrators.</p>
</div> </div>
</div> </div>
@ -46,7 +46,7 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<h2> Pending Claims</h2> <h2> Pending Claims</h2>
<div *ngIf=" pending_claims && pending_claims.length == 0" > <div *ngIf=" pending_claims && pending_claims.length == 0" >
<div class = "uk-alert uk-alert-info " >No pending claims found.</div> <div class = "uk-alert uk-alert-primary " >No pending claims found.</div>
</div> </div>
<div class="uk-overflow-container"> <div class="uk-overflow-container">
@ -123,7 +123,7 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<h2> Already Curated Claims</h2> <h2> Already Curated Claims</h2>
<div *ngIf=" curated_claims && curated_claims.length == 0" > <div *ngIf=" curated_claims && curated_claims.length == 0" >
<div class = "uk-alert uk-alert-info " >No curated claims found.</div> <div class = "uk-alert uk-alert-primary " >No curated claims found.</div>
</div> </div>
<div class="uk-overflow-container"> <div class="uk-overflow-container">

10
portal-2/src/app/claims/directLinking/directLinking.component.ts
View File

@ -22,7 +22,7 @@ import {SearchDatasetsService} from '../../services/searchDatasets.service';
<start-over [results]="results" [contexts]="contexts" [projects]="projects" [linkTo]="linkTo" [type]="type" ></start-over> <start-over [results]="results" [contexts]="contexts" [projects]="projects" [linkTo]="linkTo" [type]="type" ></start-over>
</div> </div>
<!-- inline result --> <!-- inline result -->
<div *ngIf="displayedResult != null && (type =='publication' || type =='dataset' )" class="uk-panel uk-panel-box uk-panel-box-default"> <div *ngIf="displayedResult != null && (type =='publication' || type =='dataset' )" class="uk-padding uk-panel uk-background-muted">
<div class="uk-width-1-1" > <div class="uk-width-1-1" >
<div> <div>
<a *ngIf="displayedResult.url" target="_blank" href="{{displayedResult.url}}" > <span class="uk-icon-external-link"></span> {{displayedResult.title}}</a> <a *ngIf="displayedResult.url" target="_blank" href="{{displayedResult.url}}" > <span class="uk-icon-external-link"></span> {{displayedResult.title}}</a>
@ -34,7 +34,7 @@ import {SearchDatasetsService} from '../../services/searchDatasets.service';
</div> </div>
<!-- inline project --> <!-- inline project -->
<div *ngIf=" type == 'project' && projects.length > 0 " class="uk-panel uk-panel-box uk-panel-box-default"> <div *ngIf=" type == 'project' && projects.length > 0 " class="uk-padding uk-panel uk-background-muted">
{{projects[0].funderName}} | {{projects[0].projectName}} {{(projects[0].projectAcronym)?'('+projects[0].projectAcronym+')':''}} {{projects[0].funderName}} | {{projects[0].projectName}} {{(projects[0].projectAcronym)?'('+projects[0].projectAcronym+')':''}}
</div> </div>
@ -55,15 +55,15 @@ import {SearchDatasetsService} from '../../services/searchDatasets.service';
</claim-selected-results> </claim-selected-results>
</div> </div>
<div *ngIf=" show == 'claim' " class="uk-width-small-1-1 uk-width-medium-1-1 uk-width-large-1-1 uk-grid"> <div *ngIf=" show == 'claim' " class="uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-grid">
<div class="uk-width-1-1 "> <div class="uk-width-1-1 ">
<claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [inlineEntity] = "inlineResult" [show] = "show" <claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [inlineEntity] = "inlineResult" [show] = "show"
(showChange)="showChange($event)" ></claim-insert> (showChange)="showChange($event)" ></claim-insert>
</div> </div>
</div> </div>
<ul *ngIf="linkTo == 'result'" class="uk-pagination"> <ul *ngIf="linkTo == 'result'" class="uk-pagination">
<li class="uk-pagination-previous" *ngIf="show == 'claim'" (click)="show='result';"><a><i class="uk-icon-angle-left"></i> Previous</a></li> <li uk-pagination-previous *ngIf="show == 'claim'" (click)="show='result';"><a><span uk-icon="icon: chevron-left"></span> Previous</a></li>
<li class="uk-pagination-next" *ngIf="show != 'claim'"(click)="show='claim';"><a>Next <i class="uk-icon-angle-right"></i></a></li> <li uk-pagination-next *ngIf="show != 'claim'"(click)="show='claim';"><a>Next <span uk-icon="icon: chevron-right"></span></a></li>
</ul> </ul>
</div> </div>
</div> </div>

10
portal-2/src/app/claims/linking/bulkClaim/bulkClaim.component.ts
View File

@ -9,13 +9,13 @@ import {Dates, DOI} from '../../../utils/string-utils.class';
selector: 'bulk-claim', selector: 'bulk-claim',
template: ` template: `
<div class="uk-animation uk-margin-top"> <div class="uk-animation uk-margin-top">
<form class="uk-form uk-panel uk-panel-box uk-panel-box-default "> <form class=" uk-padding uk-panel uk-background-muted ">
<div for="exampleInputFile">Upload a DOI csv file:</div> <div for="exampleInputFile">Upload a DOI csv file:</div>
<label for="exampleInputFile">Select a file</label> <label for="exampleInputFile">Select a file</label>
<input id="exampleInputFile" type="file" (change)="fileChangeEvent($event)" placeholder="Upload file..." /> <input id="exampleInputFile" type="file" (change)="fileChangeEvent($event)" placeholder="Upload file..." />
<button class="uk-button uk-button-success" [class.disabled]="!enableUpload" type="button" (click)="upload()">Upload</button> <button class="uk-button uk-button-success" [class.disabled]="!enableUpload" type="button" (click)="upload()">Upload</button>
<button class="uk-button uk-button-primary" data-uk-toggle="{target:'#uploadInfo', animation:'uk-animation-fade, uk-animation-fade'}"><i class="uk-icon-info-circle"></i> </button> <button class="uk-button uk-button-primary" data-uk-toggle="{target:'#uploadInfo', animation:'uk-animation-fade, uk-animation-fade'}"><span uk-icon="icon: info"></span> </button>
<div *ngIf="showReport" class="uk-alert uk-alert-info" role="alert" > <div *ngIf="showReport" class="uk-alert uk-alert-primary" role="alert" >
<div>Uploaded file contains {{allIds.length}} rows. {{foundIds.length}} results were sucefully fetched from CrossRef.</div> <div>Uploaded file contains {{allIds.length}} rows. {{foundIds.length}} results were sucefully fetched from CrossRef.</div>
<div *ngIf ="duplicateIds.length > 0" >{{duplicateIds.length}} duplicate DOIs.</div> <div *ngIf ="duplicateIds.length > 0" >{{duplicateIds.length}} duplicate DOIs.</div>
<div *ngIf = "notFoundIds.length > 0" >Couldn't be fetched from crossref: <div *ngIf = "notFoundIds.length > 0" >Couldn't be fetched from crossref:
@ -36,8 +36,8 @@ import {Dates, DOI} from '../../../utils/string-utils.class';
</form> </form>
<div id="uploadInfo" class="uk-hidden uk-panel uk-panel-box uk-margin-top uk-margin-bottom"> <div id="uploadInfo" class="uk-hidden uk-panel uk-padding uk-background-muted uk-margin-top uk-margin-bottom">
<div class="uk-panel-badge uk-badge"><i class="uk-icon-info-circle"></i></div> <div class="uk-panel-badge uk-badge"><span uk-icon="icon: info"></span></div>
<div class="uk-text-bold">Upload information:</div> <div class="uk-text-bold">Upload information:</div>
Upload a csv file containing a list of DOIs. For each DOI found in the file, metadata will be fetched from CrossRef. Upload a csv file containing a list of DOIs. For each DOI found in the file, metadata will be fetched from CrossRef.
Available results will be linked with the selected Projects and Contexts. Available results will be linked with the selected Projects and Contexts.

2
portal-2/src/app/claims/linking/insertClaim/insertClaim.component.ts
View File

@ -354,7 +354,7 @@ createDirectClaim(result, projects, contexts){
this.alert.okButton = true; this.alert.okButton = true;
this.alert.alertTitle = "Invalid dates"; this.alert.alertTitle = "Invalid dates";
this.alert.message = "There is a research result whose publication date is after project end date or before project start date. Or embargo end date of a research result is before research result's publication date."; this.alert.message = "There is a research result whose publication date is after project end date or before project start date. Or embargo end date of a research result is before research result's publication date.";
this.alert.okButtonText = "Procceed anyway"; this.alert.okButtonText = "Proceed anyway";
this.alert.cancelButtonText = "Cancel"; this.alert.cancelButtonText = "Cancel";
this.alert.open(); this.alert.open();
} }

20
portal-2/src/app/claims/linking/linkingGeneric.component.ts
View File

@ -15,27 +15,27 @@ import {SearchDatasetsService} from '../../services/searchDatasets.service';
</div> </div>
<start-over [results]="results" [contexts]="contexts" [projects]="projects" ></start-over> <start-over [results]="results" [contexts]="contexts" [projects]="projects" ></start-over>
<ul class="uk-pagination"> <ul class="uk-pagination">
<li class="uk-pagination-previous" *ngIf="show != 'result' " (click)="prev()"><a><i class="uk-icon-angle-left"></i> Previous</a></li> <li uk-pagination-previous *ngIf="show != 'result' " (click)="prev()"><a><span uk-icon="icon: chevron-left"></span> Previous</a></li>
<li class="uk-pagination-next" *ngIf="show != 'claim' " (click)="next()"><a>Next <i class="uk-icon-angle-right"></i></a></li> <li uk-pagination-next *ngIf="show != 'claim' " (click)="next()"><a>Next <span uk-icon="icon: chevron-right"></span></a></li>
<li class="uk-pagination-next" *ngIf="show == 'claim' " (click)="next()"> <li uk-pagination-next *ngIf="show == 'claim' " (click)="next()">
<claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [show] = "show" <claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [show] = "show"
(showChange)="showChange($event)" ></claim-insert> (showChange)="showChange($event)" ></claim-insert>
</li> </li>
</ul> </ul>
<!-- link with Projects & Contexts --> <!-- link with Projects & Contexts -->
<div class="uk-width-small-1-1 uk-width-medium-1-1 uk-width-large-1-1 uk-grid"> <div class="uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-grid">
<div class="uk-width-small-1-1 uk-width-medium-1-2 uk-width-large-1-2 uk-width-xlarge-1-2 "> <div class="uk-width-1-1@s uk-width-1-2@m uk-width-1-2@l uk-width-1-2@xl ">
<claim-selected-contexts title="link Communities" [contexts]="contexts" [projects]="projects" [results]="results" [inlineEntity] = "inlineResult" [show]="show" [linkType]=linkType <claim-selected-contexts title="link Communities" [contexts]="contexts" [projects]="projects" [results]="results" [inlineEntity] = "inlineResult" [show]="show" [linkType]=linkType
(showChange)="showChange($event)" > </claim-selected-contexts> (showChange)="showChange($event)" > </claim-selected-contexts>
</div> </div>
<div class="uk-width-small-1-1 uk-width-medium-1-2 uk-width-large-1-2 uk-width-xlarge-1-2 "> <div class="uk-width-1-1@s uk-width-1-2@m uk-width-1-2@l uk-width-1-2@xl ">
<claim-selected-projects title="link Projects" [projects]="projects" [show]="show" [linkType]=linkType <claim-selected-projects title="link Projects" [projects]="projects" [show]="show" [linkType]=linkType
(showChange)="showChange($event)" > </claim-selected-projects> (showChange)="showChange($event)" > </claim-selected-projects>
</div> </div>
</div> </div>
<!-- Research Results --> <!-- Research Results -->
<div class="uk-width-small-1-1 uk-width-medium-1-1 uk-width-large-1-1"> <div class="uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l">
<claim-selected-results title= "with Research Results" [results]="results" [bulkMode]="bulkMode" [showSearch]="show=='claim'|| bulkMode? false: true" [showAccessRights]="show=='claim' || bulkMode? true: false"> <claim-selected-results title= "with Research Results" [results]="results" [bulkMode]="bulkMode" [showSearch]="show=='claim'|| bulkMode? false: true" [showAccessRights]="show=='claim' || bulkMode? true: false">
</claim-selected-results> </claim-selected-results>
</div> </div>
@ -44,9 +44,9 @@ import {SearchDatasetsService} from '../../services/searchDatasets.service';
<ul class="uk-pagination"> <ul class="uk-pagination">
<li class="uk-pagination-previous" *ngIf="show != 'result' " (click)="prev()"><a><i class="uk-icon-angle-left"></i> Previous</a></li> <li uk-pagination-previous *ngIf="show != 'result' " (click)="prev()"><a><span uk-icon="icon: chevron-left"></span> Previous</a></li>
<li class="uk-pagination-next" *ngIf="show != 'claim' " (click)="next()"><a>Next <i class="uk-icon-angle-right"></i></a></li> <li uk-pagination-next *ngIf="show != 'claim' " (click)="next()"><a>Next <span uk-icon="icon: chevron-right"></span></a></li>
<li class="uk-pagination-next" *ngIf="show == 'claim' " (click)="next()"> <li uk-pagination-next *ngIf="show == 'claim' " (click)="next()">
<claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [show] = "show" <claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [show] = "show"
(showChange)="showChange($event)" ></claim-insert> (showChange)="showChange($event)" ></claim-insert>

16
portal-2/src/app/claims/linking/linkingHome.component.ts
View File

@ -6,32 +6,32 @@
// template: ` // template: `
// //
// //
// <div class="uk-grid"> // <div uk-grid>
// <div class="uk-width-1-2"> <div class="uk-panel uk-panel-box uk-text-center uk-margin-top "> // <div class="uk-width-1-2"> <div class="uk-panel uk-padding uk-background-muted uk-text-center uk-margin-top ">
// <a (click)="select('project')"><span class="uk-text-large">Link with project</span></a> // <a (click)="select('project')"><span class="uk-text-large">Link with project</span></a>
// <p class="card-text">Link your research result with funded projects.</p> // <p class="card-text">Link your research result with funded projects.</p>
// </div></div> // </div></div>
// //
// <div class="uk-width-1-2"> <div class="uk-panel uk-panel-box uk-text-center uk-margin-top "> // <div class="uk-width-1-2"> <div class="uk-panel uk-padding uk-background-muted uk-text-center uk-margin-top ">
// <a (click)="select('context')" ><span class="uk-text-large">Link with Community</span> </a> // <a (click)="select('context')" ><span class="uk-text-large">Link with Community</span> </a>
// <p class="card-text">Link your research result with research communities.</p> // <p class="card-text">Link your research result with research communities.</p>
// </div> </div> // </div> </div>
// <!--div class="uk-width-1-2"> <div class="uk-panel uk-panel-box uk-text-center uk-margin-top "> // <!--div class="uk-width-1-2"> <div class="uk-panel uk-padding uk-background-muted uk-text-center uk-margin-top ">
// <a (click)="select('software')" > // <a (click)="select('software')" >
// <h4 class="card-title">Link with Software</h4> // <h4 class="card-title">Link with Software</h4>
// <p class="card-text">Link your research result with software.</p> // <p class="card-text">Link your research result with software.</p>
// </a> // </a>
// </div> </div--> // </div> </div-->
// <div class="uk-width-1-2" *ngIf=" !bulkMode "> // <div class="uk-width-1-2" *ngIf=" !bulkMode ">
// <div class="uk-panel uk-panel-box uk-text-center uk-margin-top "> // <div class="uk-panel uk-padding uk-background-muted uk-text-center uk-margin-top ">
// <a href="/participate/bulk-claim" > <span class="uk-text-large"><i class="uk-icon-upload"> </i> Bulk mode linking</span></a> // <a href="/participate/bulk-claim" > <span class="uk-text-large"><span uk-icon="icon: upload"></span> Bulk mode linking</span></a>
// <p class="card-text">Link Research Results to projects & communities, providing a CSV file with research results' DOIs</p> // <p class="card-text">Link Research Results to projects & communities, providing a CSV file with research results' DOIs</p>
// //
// </div> // </div>
// </div> // </div>
// <div class="uk-width-1-2" *ngIf=" bulkMode "> // <div class="uk-width-1-2" *ngIf=" bulkMode ">
// <div class="uk-panel uk-panel-box uk-text-center uk-margin-top "> // <div class="uk-panel uk-padding uk-background-muted uk-text-center uk-margin-top ">
// <a href="/participate/claim" > <span class="uk-text-large"><i class="uk-icon-search"></i>Linking</span></a> // <a href="/participate/claim" > <span class="uk-text-large"><span uk-icon="icon: search"></span>Linking</span></a>
// <p class="card-text">Search for Research Results and link them to projects & communities</p> // <p class="card-text">Search for Research Results and link them to projects & communities</p>
// //
// </div> // </div>

12
portal-2/src/app/claims/linking/selected/selectedContexts.component.ts
View File

@ -7,21 +7,23 @@ import {ClaimContext} from '../../claim-utils/claimEntities.class';
<!-- Contexts --> <!-- Contexts -->
<div class="uk-accordion" data-uk-accordion="{showfirst:true}"> <ul class="uk-accordion" uk-accordion="{showfirst:true}">
<h3 class="uk-accordion-title"><i class="uk-icon-caret-square-o-right"></i> {{title}} ({{(contexts.length)}})</h3> <li class="uk-open">
<h3 class="uk-accordion-title"> {{title}} ({{(contexts.length)}})</h3>
<div class="uk-accordion-content" ><!--(contextSelected)="contextSelected($event)"--> <div class="uk-accordion-content" ><!--(contextSelected)="contextSelected($event)"-->
<div class="uk-clearfix"><button *ngIf=" !showsearch " (click)="showsearch = true;" class="uk-button uk-animation uk-float-right">Add more <i class="uk-icon-plus"></i></button></div> <div class="uk-clearfix"><button *ngIf=" !showsearch " (click)="showsearch = true;" class="uk-button uk-button-default uk-animation uk-float-right">Add more <span uk-icon="icon: plus"></span></button></div>
<claim-contexts-search-form *ngIf=" showsearch " [selectedList]="contexts" [projects]="projects" [results]="results" [inlineEntity]="inlineEntity" > </claim-contexts-search-form> <claim-contexts-search-form *ngIf=" showsearch " [selectedList]="contexts" [projects]="projects" [results]="results" [inlineEntity]="inlineEntity" > </claim-contexts-search-form>
<ul class="uk-list uk-list-line"> <ul class="uk-list uk-list-line">
<li class="list-group-item" *ngFor="let context of contexts" > <li class="list-group-item" *ngFor="let context of contexts" >
<span *ngIf="context.community != context.concept.label">{{context.community }} > {{context.category}} ></span><span> {{context.concept.label}} </span> <span *ngIf="context.community != context.concept.label">{{context.community }} > {{context.category}} ></span><span> {{context.concept.label}} </span>
<span (click)="removeContext(context)" aria-hidden="true" class="uk-button "><i class="uk-icon-remove"></i></span> <span (click)="removeContext(context)" aria-hidden="true" class="uk-icon-button"><span uk-icon="icon: close"></span></span>
</li> </li>
</ul> </ul>
<div *ngIf="contexts.length == 0 " class="uk-alert uk-alert-primary">There are no communities</div> <div *ngIf="contexts.length == 0 " class="uk-alert uk-alert-primary">There are no communities</div>
</div> </div>
</div> </li>
</ul>
` `

26
portal-2/src/app/claims/linking/selected/selectedProjects.component.ts
View File

@ -6,40 +6,24 @@ import {RouterHelper} from '../../../utils/routerHelper.class';
selector: 'claim-selected-projects', selector: 'claim-selected-projects',
template: ` template: `
<div class="uk-accordion" data-uk-accordion="{showfirst:true}"> <ul class="uk-accordion" uk-accordion="{showfirst:true}"><li class="uk-open">
<h3 class="uk-accordion-title"><i class="uk-icon-caret-square-o-right"></i> {{title}} ({{(projects.length)}}) <h3 class="uk-accordion-title"> {{title}} ({{(projects.length)}})
</h3> </h3>
<div class="uk-accordion-content"> <div class="uk-accordion-content">
<div class="uk-clearfix"><button *ngIf=" !showsearch " (click)="showsearch = true;" class="uk-button uk-float-right uk-animation ">Add more <i class="uk-icon-plus"></i></button></div> <div class="uk-clearfix"><button *ngIf=" !showsearch " (click)="showsearch = true;" class="uk-button-default uk-float-right uk-animation ">Add more <span uk-icon="icon: plus"></span></button></div>
<claim-projects-search-form *ngIf=" showsearch " [selectedProjects]="projects" (projectSelected)="projectSelected($event)" > </claim-projects-search-form> <claim-projects-search-form *ngIf=" showsearch " [selectedProjects]="projects" (projectSelected)="projectSelected($event)" > </claim-projects-search-form>
<ul class="uk-list uk-list-line"> <ul class="uk-list uk-list-line">
<li class="list-group-item" *ngFor="let project of projects"> <li class="list-group-item" *ngFor="let project of projects">
<a [queryParams]="routerHelper.createQueryParam('projectId',project.projectId)" routerLinkActive="router-link-active" routerLink="/search/project" >{{project.funderName}} | {{project.projectName}} {{(project.projectAcronym)?'('+project.projectAcronym+')':''}} <!--[{{project.startDate}} - {{project.endDate}}]--></a> <a [queryParams]="routerHelper.createQueryParam('projectId',project.projectId)" routerLinkActive="router-link-active" routerLink="/search/project" >{{project.funderName}} | {{project.projectName}} {{(project.projectAcronym)?'('+project.projectAcronym+')':''}} <!--[{{project.startDate}} - {{project.endDate}}]--></a>
<span (click)="removeProject(project)" aria-hidden="true" class="uk-button "><i class="uk-icon-remove"></i></span> <span (click)="removeProject(project)" aria-hidden="true" class="uk-icon-button"><span uk-icon="icon: close"></span></span>
</li> </li>
</ul> </ul>
<div *ngIf="projects.length == 0 " class="uk-alert uk-alert-primary">There are no projects</div> <div *ngIf="projects.length == 0 " class="uk-alert uk-alert-primary">There are no projects</div>
</div> </div>
</div> </li></ul>
<!--div *ngIf="this.linkType != 'project'" class="uk-accordion" data-uk-accordion="{showfirst:false}">
<h3 class="uk-accordion-title"><i class="uk-icon-caret-square-o-right"></i> {{title}} ({{(projects.length)}})
</h3>
<div class="uk-accordion-content">
<button *ngIf=" !showsearch " (click)="showsearch = true;" class="uk-button ">Add more <i class="uk-icon-plus"></i></button>
<claim-projects-search-form *ngIf=" showsearch " [selectedProjects]="projects" (projectSelected)="projectSelected($event)" > </claim-projects-search-form>
<ul class="uk-list uk-list-line">
<li class="list-group-item" *ngFor="let project of projects">
<a [queryParams]="routerHelper.createQueryParam('projectId',project.projectId)" routerLinkActive="router-link-active" routerLink="/search/project" >{{project.funderName}} | {{project.projectName}} {{(project.projectAcronym)?'('+project.projectAcronym+')':''}} </a>
<span (click)="removeProject(project)" aria-hidden="true" class="uk-button "><i class="uk-icon-remove"></i></span>
</li>
</ul>
</div>
</div-->
` `
}) })

26
portal-2/src/app/claims/linking/selected/selectedResults.component.ts
View File

@ -11,31 +11,31 @@ import {Dates} from '../../../utils/string-utils.class';
template: ` template: `
<div class="uk-accordion " data-uk-accordion="{showfirst:true}" > <ul class="uk-accordion " uk-accordion="{showfirst:true}" ><li class="uk-open">
<h3 class="uk-accordion-title" ><i class="uk-icon-caret-square-o-right"></i> {{title}} ({{results.length}}) </h3> <h3 class="uk-accordion-title" > {{title}} ({{results.length}}) </h3>
<div class="uk-accordion-content uk-grid uk-width-1-1" > <div class="uk-accordion-content uk-grid uk-width-1-1" >
<div *ngIf="showSearch " class="uk-width-1-2 "> <div *ngIf="showSearch " class="uk-width-1-2 ">
<div class="uk-clearfix"><button (click)="bulkMode = !bulkMode;" class="uk-button uk-animation uk-float-right"> <div class="uk-clearfix"><button (click)="bulkMode = !bulkMode;" class="uk-button uk-button-default uk-animation uk-float-right">
<span *ngIf="!bulkMode">Bulk mode <i class="uk-icon-upload"></i></span> <span *ngIf="!bulkMode">Bulk mode <i uk-icon="icon: upload"></i></span>
<span *ngIf="bulkMode">Search mode <i class="uk-icon-search"></i></span> <span *ngIf="bulkMode">Search mode <i uk-icon="icon: search"></i></span>
</button></div><!-- (resultsChange)="resultsChanged($event)" --> </button></div><!-- (resultsChange)="resultsChanged($event)" -->
<claim-result-search-form *ngIf="!bulkMode" [selectedResults]="results" > </claim-result-search-form> <claim-result-search-form *ngIf="!bulkMode" [selectedResults]="results" > </claim-result-search-form>
<bulk-claim *ngIf="bulkMode" [publications]="results" > </bulk-claim> <bulk-claim *ngIf="bulkMode" [publications]="results" > </bulk-claim>
</div> </div>
<div [ngClass]="showAccessRights && !showSearch?'uk-width-1-1':'uk-width-1-2'"> <div [ngClass]="showAccessRights && !showSearch?'uk-width-1-1':'uk-width-1-2'">
<!--div class="uk-clearfix"><button *ngIf=" !showSearch " (click)="showSearch = true;" class="uk-button uk-float-right uk-animation ">Add more <i class="uk-icon-plus"></i></button></div--> <!--div class="uk-clearfix"><button *ngIf=" !showSearch " (click)="showSearch = true;" class="uk-button-default uk-float-right uk-animation ">Add more <span uk-icon="icon: plus"></span></button></div-->
<div *ngIf="results.length == 0 " class="uk-alert uk-alert-primary">There are no research results</div> <div *ngIf="results.length == 0 " class="uk-alert uk-alert-primary">There are no research results</div>
<ul *ngIf="results.length > 0 " class="uk-list uk-list-line"> <ul *ngIf="results.length > 0 " class="uk-list uk-list-line">
<li *ngFor="let pub of results" > <li *ngFor="let pub of results" >
<div class="uk-grid"> <div uk-grid>
<div [ngClass]="showAccessRights?'uk-width-7-10':'uk-width-1-1'" > <div [ngClass]="showAccessRights?'uk-width-7-10':'uk-width-1-1'" >
<div> <div>
<span *ngIf="showAccessRights" (click)="removePublication(pub)" aria-hidden="true" class="uk-button"><i class="uk-icon-remove"></i></span> <span *ngIf="showAccessRights" (click)="removePublication(pub)" aria-hidden="true" class="uk-icon-button"><span uk-icon="icon: close"></span></span>
<a *ngIf="pub.url" target="_blank" href="{{pub.url}}" > <span class="uk-icon-external-link"></span> {{pub.title}}</a> <a *ngIf="pub.url" target="_blank" href="{{pub.url}}" > <span class="uk-icon-external-link"></span> {{pub.title}}</a>
<span *ngIf="!pub.url" >{{pub.title}}</span> <span *ngIf="!pub.url" >{{pub.title}}</span>
<span *ngIf="!showAccessRights" (click)="removePublication(pub)" aria-hidden="true" class="uk-button "><i class="uk-icon-remove"></i></span> <span *ngIf="!showAccessRights" (click)="removePublication(pub)" aria-hidden="true" class="uk-icon-button"><span uk-icon="icon: close"></span></span>
</div> </div>
<!-- Crossref --> <!-- Crossref -->
<span *ngIf="pub.result.publisher" class="uk-article-meta">Publisher: {{pub.result.publisher}}</span><span *ngIf="pub.date" class="uk-article-meta" >({{pub.date.substring(0,4)}})</span> <span *ngIf="pub.result.publisher" class="uk-article-meta">Publisher: {{pub.result.publisher}}</span><span *ngIf="pub.date" class="uk-article-meta" >({{pub.date.substring(0,4)}})</span>
@ -56,7 +56,7 @@ import {Dates} from '../../../utils/string-utils.class';
<select [(ngModel)]="pub.accessRights" name="{{'select_rights_'+pub.id}}" > <select [(ngModel)]="pub.accessRights" name="{{'select_rights_'+pub.id}}" >
<option *ngFor="let type of accessTypes" [value]="type" (click)="accessRightsTypeChanged(type,pub)">{{type}}</option> <option *ngFor="let type of accessTypes" [value]="type" (click)="accessRightsTypeChanged(type,pub)">{{type}}</option>
</select> </select>
<!--input *ngIf="pub.accessRights== 'EMBARGO'" class="uk-form-width-small" id="{{'date'+pub.id}}" type="text" data-uk-datepicker="{format:'YYYY-MM-DD'}"--> <!--input *ngIf="pub.accessRights== 'EMBARGO'" class="-width-small" id="{{'date'+pub.id}}" type="text" data-uk-datepicker="{format:'YYYY-MM-DD'}"-->
<my-date-picker *ngIf="pub.accessRights== 'EMBARGO'" name="{{'date'+pub.id}}" [options]="myDatePickerOptions" <my-date-picker *ngIf="pub.accessRights== 'EMBARGO'" name="{{'date'+pub.id}}" [options]="myDatePickerOptions"
[(ngModel)]="nextDate" (dateChanged)="onDateChanged($event,pub)" ></my-date-picker> [(ngModel)]="nextDate" (dateChanged)="onDateChanged($event,pub)" ></my-date-picker>
@ -69,10 +69,10 @@ import {Dates} from '../../../utils/string-utils.class';
</div> </div>
<div *ngIf="showAccessRights && pub.source == 'openaire' " class = "uk-width-3-10"> <div *ngIf="showAccessRights && pub.source == 'openaire' " class = "uk-width-3-10">
<span > <span >
<button class="uk-button disabled " type="button" > <button class="uk-button-default disabled " type="button" >
{{pub.accessRights}} {{pub.accessRights}}
</button> </button>
<button class="uk-button disabled " type="button" > <button class="uk-button-default disabled " type="button" >
{{pub.type}} {{pub.type}}
</button> </button>
</span> </span>
@ -85,7 +85,7 @@ import {Dates} from '../../../utils/string-utils.class';
</modal-alert> </modal-alert>
</div> </div>
</div> </div>
</div> </li></ul>
` `

4
portal-2/src/app/deposit/deposit.component.ts
View File

@ -33,12 +33,12 @@ import { Meta} from '../../angular2-meta';
<h3>Locate data provider via your institution</h3> <h3>Locate data provider via your institution</h3>
<form class= "uk-form uk-form-row"> <form class= "">
<entities-autocomplete fieldId="organization" (click)="warningMessage = ''" [entityType]="'organization'" [depositType]=compatibility [selectedValue]=selectedId [showSelected]=true <entities-autocomplete fieldId="organization" (click)="warningMessage = ''" [entityType]="'organization'" [depositType]=compatibility [selectedValue]=selectedId [showSelected]=true
[placeHolderMessage] = "'Search for Organizations'" [title] = "'Organizations'" [multipleSelections]=false [placeHolderMessage] = "'Search for Organizations'" [title] = "'Organizations'" [multipleSelections]=false
(selectedValueChanged)="valueChanged($event)"> (selectedValueChanged)="valueChanged($event)">
</entities-autocomplete> </entities-autocomplete>
<button class="uk-button" type="submit" (click)="organizationSelected(selectedId)" > <button class=" uk-button uk-button-default" type="submit" (click)="organizationSelected(selectedId)" >
Locate Locate
</button> </button>
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-animation-fade" role="alert">{{warningMessage}}</div> <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-animation-fade" role="alert">{{warningMessage}}</div>

8
portal-2/src/app/deposit/depositResult.component.ts
View File

@ -43,12 +43,12 @@ import {RouterHelper} from '../utils/routerHelper.class';
<!--showDataProviders [dataProviders]=dataProviders></showDataProviders--> <!--showDataProviders [dataProviders]=dataProviders></showDataProviders-->
<div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults > 10"> <div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults > 10">
<!--a [href] = "linkToSearchDataproviders"> <!--a [href] = "linkToSearchDataproviders">
View all {{fetchDataproviders.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i> View all {{fetchDataproviders.searchUtils.totalResults}} results <span uk-icon="icon: chevron-right"></span>
</a--> </a-->
<a [queryParams]="routerHelper.createQueryParams(['organizationId', 'or'], [organizationId, 'and'])" <a [queryParams]="routerHelper.createQueryParams(['organizationId', 'or'], [organizationId, 'and'])"
routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders"> routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders">
View all {{fetchDataproviders.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i> View all {{fetchDataproviders.searchUtils.totalResults}} results <span uk-icon="icon: chevron-right"></span>
</a> </a>
</div> </div>
<search-result [(results)]="fetchDataproviders.results" <search-result [(results)]="fetchDataproviders.results"
@ -86,8 +86,8 @@ import {RouterHelper} from '../utils/routerHelper.class';
hosted by CERN. hosted by CERN.
</div> </div>
<button class="uk-button" type="submit" (click)="goToDeposit()"> <button class=" uk-button uk-button-default" type="submit" (click)="goToDeposit()">
<i class="uk-icon-arrow-circle-left"></i> Back <span uk-icon="icon: chevron-left"></span> Back
</button> </button>
</div> </div>
` `

8
portal-2/src/app/landingPages/dataProvider/dataProvider.component.html
View File

@ -2,9 +2,9 @@
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div> <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div> <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
<div *ngIf="dataProviderInfo != null" class="uk-grid"> <div *ngIf="dataProviderInfo != null" uk-grid>
<div class="uk-width-7-10"> <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
<!--h3 *ngIf="dataProviderInfo.title != null"> <!--h3 *ngIf="dataProviderInfo.title != null">
<a *ngIf="dataProviderInfo.title['url'] != undefined && dataProviderInfo.title['url'] != null" <a *ngIf="dataProviderInfo.title['url'] != undefined && dataProviderInfo.title['url'] != null"
href="{{dataProviderInfo.title['url']}}" target="_blank" class="uk-icon-external-link"> href="{{dataProviderInfo.title['url']}}" target="_blank" class="uk-icon-external-link">
@ -99,7 +99,7 @@
</relatedDatasourcesTab> </relatedDatasourcesTab>
<div *ngIf=" tab.content=='statisticsTab' && statsClicked"> <div *ngIf=" tab.content=='statisticsTab' && statsClicked">
<div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert"> <div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert uk-alert-primary">
There are no statistics There are no statistics
</div> </div>
<div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)"> <div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">
@ -142,7 +142,7 @@
</div> </div>
<div class="uk-width-3-10"> <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
<ul class="uk-list uk-list-striped"> <ul class="uk-list uk-list-striped">
<li> <li>
<dl class="uk-description-list-line"> <dl class="uk-description-list-line">

20
portal-2/src/app/landingPages/dataset/dataset.component.html
View File

@ -4,8 +4,8 @@
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div> <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div> <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
<div *ngIf="datasetInfo != null" class="uk-grid"> <div *ngIf="datasetInfo != null" uk-grid>
<div class="uk-width-7-10"> <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
<showTitle [title]="datasetInfo.title"></showTitle> <showTitle [title]="datasetInfo.title"></showTitle>
<div *ngIf="datasetInfo.underCurationMessage"> <div *ngIf="datasetInfo.underCurationMessage">
@ -18,7 +18,7 @@
<!--/div> <!--/div>
</div> </div>
<div class="uk-grid"> <div uk-grid>
<div class="uk-width-2-3" *ngIf="datasetInfo != null"--> <div class="uk-width-2-3" *ngIf="datasetInfo != null"-->
<div> <div>
@ -47,7 +47,7 @@
<div class="uk-clearfix uk-margin-top uk-margin-bottom"> <div class="uk-clearfix uk-margin-top uk-margin-bottom">
<a class="uk-float-right uk-button" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i> Links to research Results</a> <a class="uk-float-right uk-button uk-button-default" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span> Links to research Results</a>
</div> </div>
<ul class="uk-tab" data-uk-switcher="{connect:'#tab-content'}"> <ul class="uk-tab" data-uk-switcher="{connect:'#tab-content'}">
<li class="uk-active"> <li class="uk-active">
@ -78,7 +78,7 @@
<ul id="tab-content" class="uk-switcher uk-margin custom-tab-content"> <ul id="tab-content" class="uk-switcher uk-margin custom-tab-content">
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="datasetInfo.relatedResearchResults == undefined" class = "uk-alert" > <div *ngIf="datasetInfo.relatedResearchResults == undefined" class = "uk-alert uk-alert-primary" >
There are no related research results There are no related research results
</div> </div>
<div *ngIf="datasetInfo.relatedResearchResults != undefined"> <div *ngIf="datasetInfo.relatedResearchResults != undefined">
@ -91,7 +91,7 @@
</li> </li>
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="datasetInfo.similarResearchResults == undefined" class = "uk-alert" > <div *ngIf="datasetInfo.similarResearchResults == undefined" class = "uk-alert uk-alert-primary" >
There are no similar research results There are no similar research results
</div> </div>
<div *ngIf="datasetInfo.similarResearchResults != undefined"> <div *ngIf="datasetInfo.similarResearchResults != undefined">
@ -112,7 +112,7 @@
</ul> </ul>
</div> </div>
<div class="uk-width-3-10"> <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
<ul class="uk-list uk-list-striped"> <ul class="uk-list uk-list-striped">
<li> <li>
<dl class="uk-description-list-line"> <dl class="uk-description-list-line">
@ -191,11 +191,11 @@
</mark> </mark>
</a> </a>
<i class="uk-icon-info-circle"></i> <span uk-icon="icon: info"></span>
</span> </span>
</div> </div>
</dd> </dd>
<dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','project'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i> Add links to projects</a></dd> <dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','project'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span> Add links to projects</a></dd>
<dd *ngIf="showAllFundedBy" class="uk-text-right"> <dd *ngIf="showAllFundedBy" class="uk-text-right">
<a class="uk-text-muted" (click)="showAllFundedBy = !showAllFundedBy;"> <a class="uk-text-muted" (click)="showAllFundedBy = !showAllFundedBy;">
View less View less
@ -225,7 +225,7 @@
<span *ngIf="item['labelConcept'] != null">: {{item['labelConcept']}}</span> <span *ngIf="item['labelConcept'] != null">: {{item['labelConcept']}}</span>
</mark> </mark>
</dd> </dd>
<dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','context'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i> Add links to contexts</a></dd> <dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','context'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span> Add links to contexts</a></dd>
</dl> </dl>
</li> </li>

6
portal-2/src/app/landingPages/metrics.component.ts
View File

@ -6,11 +6,11 @@ import {ErrorCodes} from '../utils/properties/openaireProperties';
@Component({ @Component({
selector: 'metrics', selector: 'metrics',
template: ` template: `
<!--div *ngIf="i>0 && tab.content=='metricsTab' && metrics != undefined" class="uk-panel uk-panel-box"--> <!--div *ngIf="i>0 && tab.content=='metricsTab' && metrics != undefined" class="uk-panel uk-padding uk-background-muted"-->
<!--/div--> <!--/div-->
<!--dl *ngIf="metrics != undefined" <!--dl *ngIf="metrics != undefined"
class="uk-description-list-horizontal uk-panel uk-panel-box"> class="uk-description-list-horizontal uk-panel uk-padding uk-background-muted">
<dt *ngIf="type=='results'">Total Downloads: </dt> <dt *ngIf="type=='results'">Total Downloads: </dt>
<dt *ngIf="type!='results'" class="uk-text-break"> <dt *ngIf="type!='results'" class="uk-text-break">
Total <span [innerHTML]="name"></span> Publication Downloads: Total <span [innerHTML]="name"></span> Publication Downloads:
@ -30,7 +30,7 @@ import {ErrorCodes} from '../utils/properties/openaireProperties';
<div *ngIf="status == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div> <div *ngIf="status == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger" role="alert">Service not available</div>
<table *ngIf="metrics != undefined" <table *ngIf="metrics != undefined"
class="uk-table uk-panel-box"> class="uk-table uk-padding uk-background-muted">
<thead> <thead>
<tr> <tr>
<th *ngIf="type=='results'" class="uk-text-center">Total Views</th> <th *ngIf="type=='results'" class="uk-text-center">Total Views</th>

12
portal-2/src/app/landingPages/organization/organization.component.html
View File

@ -17,9 +17,9 @@
</div> </div>
</div> </div>
<div class="uk-grid"--> <div uk-grid-->
<div *ngIf="organizationInfo != null" class="uk-grid"> <div *ngIf="organizationInfo != null" uk-grid>
<div class="uk-width-7-10"> <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
<showTitle [title]="organizationInfo.title"></showTitle> <showTitle [title]="organizationInfo.title"></showTitle>
<!--div class="uk-width-2-3" *ngIf="organizationInfo != null"--> <!--div class="uk-width-2-3" *ngIf="organizationInfo != null"-->
@ -113,7 +113,7 @@
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<!--showDataProviders [dataProviders]="organizationInfo.dataProviders"></showDataProviders--> <!--showDataProviders [dataProviders]="organizationInfo.dataProviders"></showDataProviders-->
<div *ngIf="fetchDataproviders.searchUtils.totalResults == 0" class = "uk-alert"> <div *ngIf="fetchDataproviders.searchUtils.totalResults == 0" class = "uk-alert uk-alert-primary">
There are no dataproviders There are no dataproviders
</div> </div>
@ -138,14 +138,14 @@
<div *ngIf="metrics == undefined" class = "uk-alert uk-alert-warning"> <div *ngIf="metrics == undefined" class = "uk-alert uk-alert-warning">
Metrics are currently unavailable Metrics are currently unavailable
</div> </div>
<div *ngIf="metrics != undefined" class="uk-panel uk-panel-box"> <div *ngIf="metrics != undefined" class="uk-panel uk-padding uk-background-muted">
<b>Views: </b>{{metrics}} <b>Views: </b>{{metrics}}
</div> </div>
</li--> </li-->
</ul> </ul>
</div> </div>
<div class="uk-width-3-10"> <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
<ul class="uk-list uk-list-striped"> <ul class="uk-list uk-list-striped">
<li> <li>
<dl class="uk-description-list-line"> <dl class="uk-description-list-line">

10
portal-2/src/app/landingPages/person/person.component.html
View File

@ -2,8 +2,8 @@
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div> <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div> <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
<div *ngIf="personInfo != null" class="uk-grid"> <div *ngIf="personInfo != null" uk-grid>
<div class="uk-width-7-10"> <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
<h2>{{personInfo.fullname}}</h2> <h2>{{personInfo.fullname}}</h2>
<dl class="uk-description-list-horizontal custom-description-list-horizontal"> <dl class="uk-description-list-horizontal custom-description-list-horizontal">
@ -37,7 +37,7 @@
<ul *ngIf="showTabs" id="tab-content" class="uk-switcher uk-margin custom-tab-content"> <ul *ngIf="showTabs" id="tab-content" class="uk-switcher uk-margin custom-tab-content">
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert"> <div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert uk-alert-primary">
There are no publications There are no publications
</div> </div>
@ -56,7 +56,7 @@
</li> </li>
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert"> <div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert uk-alert-primary">
There are no research data There are no research data
</div> </div>
@ -76,7 +76,7 @@
</ul> </ul>
</div> </div>
<div class="uk-width-3-10"> <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
<ul class="uk-list uk-list-striped"> <ul class="uk-list uk-list-striped">
<li> <li>
<dl class="uk-description-list-line"> <dl class="uk-description-list-line">

24
portal-2/src/app/landingPages/project/project.component.html
View File

@ -2,8 +2,8 @@
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div> <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div> <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
<div *ngIf="projectInfo != null" class="uk-grid"> <div *ngIf="projectInfo != null" uk-grid>
<div class="uk-width-7-10"> <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
<!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3> <!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
<h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3--> <h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->
<div class="projectIcon"> <div class="projectIcon">
@ -89,7 +89,7 @@
<ul id="tab-content" class="uk-switcher uk-margin custom-tab-content"> <ul id="tab-content" class="uk-switcher uk-margin custom-tab-content">
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert" > <div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert uk-alert-primary" >
There are no publications There are no publications
</div> </div>
@ -111,7 +111,7 @@
</li> </li>
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert"> <div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert uk-alert-primary">
There are no research data There are no research data
</div> </div>
@ -130,7 +130,7 @@
</div> </div>
</li> </li>
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert"> <div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert uk-alert-primary">
There are no statistics There are no statistics
</div> </div>
@ -162,7 +162,7 @@
</ul> </ul>
</div> </div>
<div class="uk-width-3-10"> <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
<ul class="uk-list uk-list-striped"> <ul class="uk-list uk-list-striped">
<li> <li>
<dl class="uk-description-list-line"> <dl class="uk-description-list-line">
@ -182,11 +182,11 @@
<li> <li>
<div class="clickable" data-uk-toggle="{target:'#publications_dynamic', animation:'uk-animation-fade'}">Dynamically incorporate publications in your site (HTML)</div> <div class="clickable" data-uk-toggle="{target:'#publications_dynamic', animation:'uk-animation-fade'}">Dynamically incorporate publications in your site (HTML)</div>
<!--div class="uk-hidden uk-panel uk-panel-box" id="publications_dynamic"> <!--div class="uk-hidden uk-panel uk-padding uk-background-muted" id="publications_dynamic">
{{publications_dynamic}} {{publications_dynamic}}
</div--> </div-->
<div class="uk-vertical-align uk-hidden" id="publications_dynamic"> <div class="uk-vertical-align uk-hidden" id="publications_dynamic">
<button class="uk-float-right uk-icon-clipboard uk-button publ_clipboard_btn" data-clipboard-target="#publ_clipboard"> <button class="uk-float-right uk-icon-clipboard uk-button uk-button-default publ_clipboard_btn" data-clipboard-target="#publ_clipboard">
Copy to clipboard Copy to clipboard
</button> </button>
<pre><code id="publ_clipboard">{{publications_dynamic}}</code></pre> <pre><code id="publ_clipboard">{{publications_dynamic}}</code></pre>
@ -195,9 +195,9 @@
<li> <li>
<div class="clickable" data-uk-toggle="{target:'#datasets_dynamic', animation:'uk-animation-fade'}">Dynamically incorporate research data in your site (HTML)</div> <div class="clickable" data-uk-toggle="{target:'#datasets_dynamic', animation:'uk-animation-fade'}">Dynamically incorporate research data in your site (HTML)</div>
<div class="uk-vertical-align uk-hidden" id="datasets_dynamic"> <div class="uk-vertical-align uk-hidden" id="datasets_dynamic">
<button class="uk-float-right uk-button datasets_clipboard_btn" data-clipboard-target="#datasets_clipboard"> <button class="uk-float-right uk-button uk-button-default datasets_clipboard_btn" data-clipboard-target="#datasets_clipboard">
Copy to clipboard Copy to clipboard
<i class="uk-icon-clipboard"></i> <span uk-icon="icon: copy"></span>
</button> </button>
<pre><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre> <pre><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre>
</div> </div>
@ -217,12 +217,12 @@
</export--> </export-->
<span class="clickable" (click)="downloadfile(downloadURLAPI+'resources?'+csvParams+fetchPublications.searchUtils.totalResults)"> <span class="clickable" (click)="downloadfile(downloadURLAPI+'resources?'+csvParams+fetchPublications.searchUtils.totalResults)">
<span aria-hidden="true" class="glyphicon glyphicon-download"></span> <span aria-hidden="true" class="glyphicon glyphicon-download"></span>
<i class="uk-icon-download"></i> <span uk-icon="icon: download"></span>
<span>{{projectInfo.funder}} progress report (CSV)</span> <span>{{projectInfo.funder}} progress report (CSV)</span>
</span> </span>
</li> </li>
<li> <li>
<a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i> <a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span>
Link to research results Link to research results
</a> </a>
</li> </li>

29
portal-2/src/app/landingPages/publication/publication.component.html
View File

@ -1,14 +1,12 @@
<div class="uk-container uk-margin-top publication"> <div class="uk-container uk-margin-top publication">
<!--div class="container-header" -->
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div> <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div> <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
<div *ngIf="publicationInfo != null" class="uk-grid">
<div class="uk-width-7-10"> <div *ngIf="publicationInfo != null" uk-grid>
<div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
<showTitle [title]="publicationInfo.title"></showTitle> <showTitle [title]="publicationInfo.title"></showTitle>
<!--/div-->
<!--/div-->
<div *ngIf="publicationInfo.underCurationMessage"> <div *ngIf="publicationInfo.underCurationMessage">
<span data-uk-tooltip="{pos:'right', cls:'tooltip uk-text-center uk-contrast'}" <span data-uk-tooltip="{pos:'right', cls:'tooltip uk-text-center uk-contrast'}"
@ -18,9 +16,7 @@
</span> </span>
</div> </div>
<!--div class="uk-grid"-->
<!--div class="uk-width-7-10" *ngIf="publicationInfo != null"-->
<div> <div>
<showAuthors [authors]="publicationInfo.authors"></showAuthors> <showAuthors [authors]="publicationInfo.authors"></showAuthors>
<span *ngIf="publicationInfo.date != ''">({{publicationInfo.date}})</span> <span *ngIf="publicationInfo.date != ''">({{publicationInfo.date}})</span>
@ -65,7 +61,7 @@
<div class="uk-clearfix uk-margin-top uk-margin-bottom"> <div class="uk-clearfix uk-margin-top uk-margin-bottom">
<a class="uk-float-right uk-button" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i> Links to research Results</a> <a class="uk-float-right uk-button uk-button-default" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span> Links to research Results</a>
</div> </div>
<ul class="uk-tab" data-uk-switcher="{connect: '#tab-content'}"> <ul class="uk-tab" data-uk-switcher="{connect: '#tab-content'}">
@ -126,7 +122,7 @@
<ul id="tab-content" class="uk-switcher uk-margin custom-tab-content"> <ul id="tab-content" class="uk-switcher uk-margin custom-tab-content">
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="publicationInfo.references == undefined" class = "uk-alert" > <div *ngIf="publicationInfo.references == undefined" class = "uk-alert uk-alert-primary" >
There are no references There are no references
</div> </div>
@ -166,7 +162,7 @@
</li> </li>
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="publicationInfo.relatedResearchResults == undefined" class = "uk-alert"> <div *ngIf="publicationInfo.relatedResearchResults == undefined" class = "uk-alert uk-alert-primary">
There are no related research results There are no related research results
</div> </div>
<div *ngIf="publicationInfo.relatedResearchResults != undefined"> <div *ngIf="publicationInfo.relatedResearchResults != undefined">
@ -180,7 +176,7 @@
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="publicationInfo.similarResearchResults == undefined" class = "uk-alert"> <div *ngIf="publicationInfo.similarResearchResults == undefined" class = "uk-alert uk-alert-primary">
There are no similar research results There are no similar research results
</div> </div>
<div *ngIf="publicationInfo.similarResearchResults != undefined"> <div *ngIf="publicationInfo.similarResearchResults != undefined">
@ -190,7 +186,7 @@
</li> </li>
<li class="uk-animation-fade"> <li class="uk-animation-fade">
<div *ngIf="publicationInfo.organizations == undefined" class = "uk-alert"> <div *ngIf="publicationInfo.organizations == undefined" class = "uk-alert uk-alert-primary">
There are no related organizations There are no related organizations
</div> </div>
<div *ngIf="publicationInfo.organizations != undefined"> <div *ngIf="publicationInfo.organizations != undefined">
@ -311,7 +307,7 @@
</ul> </ul>
</div> </div>
<div class="uk-width-3-10"> <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
<ul class="uk-list uk-list-striped"> <ul class="uk-list uk-list-striped">
<li> <li>
<dl class="uk-description-list-line"> <dl class="uk-description-list-line">
@ -447,8 +443,7 @@
<!--i class="uk-icon-info-circle" <!--i class="uk-icon-info-circle"
data-uk-modal="{target:'#my-id'}"--> data-uk-modal="{target:'#my-id'}"-->
<i class="uk-icon-info-circle"> <span uk-icon="icon: info"></span>
</i>
<!--div id="my-id" class="uk-modal"> <!--div id="my-id" class="uk-modal">
<div class="uk-modal-dialog uk-modal-dialog-lightbox uk-text-center"> <div class="uk-modal-dialog uk-modal-dialog-lightbox uk-text-center">
<a href="" class="uk-modal-close uk-close uk-close-alt"></a> <a href="" class="uk-modal-close uk-close uk-close-alt"></a>
@ -478,7 +473,7 @@
View more View more
</a> </a>
</dd> </dd>
<dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','project'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i> Add links to projects</a></dd> <dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','project'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span> Add links to projects</a></dd>
</dl> </dl>
</li> </li>
@ -497,7 +492,7 @@
<span *ngIf="item['labelConcept'] != null">: {{item['labelConcept']}}</span> <span *ngIf="item['labelConcept'] != null">: {{item['labelConcept']}}</span>
</mark> </mark>
</dd> </dd>
<dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','context'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i> Add links to contexts</a></dd> <dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','context'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span> Add links to contexts</a></dd>
</dl> </dl>
</li> </li>

8
portal-2/src/app/landingPages/publication/publication.component.ts
View File

@ -152,18 +152,18 @@ export class PublicationComponent {
} }
public buildCurationTooltip() { public buildCurationTooltip() {
let tooltipContent: string = ""; let tooltipContent: string = "<div class='uk-margin'>";
tooltipContent += "<h4>Record in preview</h4>"; tooltipContent += "<h4>Record in preview</h4>";
tooltipContent += "<p>Bibliographic record accepted by the system, but not yet processed by <br> OpenAIRE tools for information quality improvement and de-duplication</p>"; tooltipContent += "<p>Bibliographic record accepted by the system, but not yet processed by <br> OpenAIRE tools for information quality improvement and de-duplication</p>";
return tooltipContent; return tooltipContent+= "</div>";
} }
public buildFundingTooltip(item: { "id": string, "acronym": string, "title": string, public buildFundingTooltip(item: { "id": string, "acronym": string, "title": string,
"funderShortname": string, "funderName": string, "funderShortname": string, "funderName": string,
"funding": string, "code": string, inline: boolean}) { "funding": string, "code": string, inline: boolean}) {
let tooltipContent: string = ""; let tooltipContent: string = "<div class='uk-margin'>";
if(item.title) { if(item.title) {
tooltipContent += "<h4>"+item.title+"</h4>"; tooltipContent += "<h4>"+item.title+"</h4>";
@ -191,7 +191,7 @@ export class PublicationComponent {
if(tooltipContent) { if(tooltipContent) {
tooltipContent = "<div>" + tooltipContent + "</div>"; tooltipContent = "<div>" + tooltipContent + "</div>";
} }
tooltipContent+="</div>"
return tooltipContent; return tooltipContent;
/*<div> /*<div>
<h4>{{item['title']}}</h4> <h4>{{item['title']}}</h4>

6
portal-2/src/app/landingPages/publication/publication.service.ts
View File

@ -686,12 +686,6 @@ export class PublicationService {
} }
} }
if(data[12] != null && data[12] == "under curation") {
this.publicationInfo.underCurationMessage = true;
} else {
this.publicationInfo.underCurationMessage = false;
}
return this.publicationInfo; return this.publicationInfo;
} }
} }

6
portal-2/src/app/landingPages/showSubjects.component.ts
View File

@ -33,15 +33,15 @@ import {Component, Input} from '@angular/core';
<a (click)="showClassifiedSbj = !showClassifiedSbj;"> <a (click)="showClassifiedSbj = !showClassifiedSbj;">
<div *ngIf="!showClassifiedSbj"> <div *ngIf="!showClassifiedSbj">
Show additional classifications Show additional classifications
<i class="uk-icon-plus"></i> <span uk-icon="icon: plus"></span>
</div> </div>
<div *ngIf="showClassifiedSbj"> <div *ngIf="showClassifiedSbj">
Hide additional classifications Hide additional classifications
<i class="uk-icon-minus"></i> <span uk-icon="icon: minus"></span>
</div> </div>
</a> </a>
<div class="uk-panel uk-panel-box" *ngIf="showClassifiedSbj"> <div class="uk-panel uk-padding uk-background-muted" *ngIf="showClassifiedSbj">
<div *ngFor="let key of classifiedSubjects.keys()"> <div *ngFor="let key of classifiedSubjects.keys()">
Classified by OpenAIRE into Classified by OpenAIRE into
<div> <div>

12
portal-2/src/app/login/user.component.ts
View File

@ -19,17 +19,17 @@ import {RouterHelper} from '../utils/routerHelper.class';
<div *ngIf="errorCode == '3'" class="uk-alert uk-alert-warning"> <div *ngIf="errorCode == '3'" class="uk-alert uk-alert-warning">
The session has expired. Please log in again or continue <a (click)="redirect();">browsing as a guest</a>. The session has expired. Please log in again or continue <a (click)="redirect();">browsing as a guest</a>.
</div> </div>
<form *ngIf="!loggedIn" class="uk-form uk-flex "> <form *ngIf="!loggedIn" class=" uk-flex ">
<fieldset> <fieldset>
<legend>Login Form</legend> <legend>Login Form</legend>
<div class="uk-form-row"> <div class="-row">
<input placeholder="Username" type="text" name="username" [(ngModel)]="username"> <input placeholder="Username" type="text" name="username" [(ngModel)]="username">
</div> </div>
<div class="uk-form-row"> <div class="-row">
<input placeholder="Password" type="password" name="password" [(ngModel)]="password"> <input placeholder="Password" type="password" name="password" [(ngModel)]="password">
</div> </div>
<div class="uk-form-row"> <div class="-row">
<button (click)="login()" class="uk-button">Login</button> <button (click)="login()" class=" uk-button uk-button-default">Login</button>
</div> </div>
</fieldset> </fieldset>
</form> </form>
@ -40,7 +40,7 @@ import {RouterHelper} from '../utils/routerHelper.class';
<div class="uk-alert uk-alert-success"> <div class="uk-alert uk-alert-success">
Hello {{user.fullname}}! Hello {{user.fullname}}!
</div> </div>
<button (click)="logout()" class="uk-button">Log out</button> <button (click)="logout()" class=" uk-button uk-button-default">Log out</button>
</div> </div>
</div> </div>
` `

2
portal-2/src/app/login/userMini.component.ts
View File

@ -10,7 +10,7 @@ import {RouterHelper} from '../utils/routerHelper.class';
selector: 'user-mini', selector: 'user-mini',
template: ` template: `
<div *ngIf="!server" class="uk-margin-top uk-margin-right uk-float-right"> <div *ngIf="!server" class=" custom-user-mini-panel uk-margin-top uk-margin-right uk-float-right">
<span *ngIf="loggedIn" >Hello <a (click)="gotoUserPage();" >{{user.fullname}}</a>!</span> <span *ngIf="loggedIn" >Hello <a (click)="gotoUserPage();" >{{user.fullname}}</a>!</span>
<span *ngIf="!loggedIn" >Hello Guest!</span> <span *ngIf="!loggedIn" >Hello Guest!</span>
<a *ngIf="!loggedIn" (click)="gotoUserPage();" >Log in</a> <a *ngIf="!loggedIn" (click)="gotoUserPage();" >Log in</a>

35
portal-2/src/app/searchPages/find/search.component.ts
View File

@ -33,14 +33,14 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<div class="page-header"> <div class="page-header">
<h1>{{pageTitle}}</h1> <h1>{{pageTitle}}</h1>
</div> </div>
<div class="uk-grid"> <div uk-grid>
<div class="uk-width-1-1 uk-margin uk-panel uk-panel-box uk-panel-box-default"> <div class="uk-width-1-1 uk-margin uk-padding uk-panel uk-background-muted">
<search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)"></search-form> <search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)"></search-form>
</div> </div>
<div class=" uk-grid uk-margin-top uk-width-1-1"> <div class=" uk-grid uk-margin-top uk-width-1-1">
<ul class="uk-tab uk-tab-left uk-width-large-1-5 uk-width-small-1-1 " data-uk-switcher="{connect:'#searchtabs'}"> <ul class=" uk-tab-left " uk-tab="connect: #searchtabs; animation: uk-animation-fade">
<li (click)="searchPublications()" > <li (click)="searchPublications()" >
<a> <a>
Publications Publications
@ -88,14 +88,14 @@ import {RouterHelper} from '../../utils/routerHelper.class';
</ul> </ul>
<ul id="searchtabs" class="uk-switcher uk-margin-left uk-width-large-3-4 uk-width-small-1-1"> <ul id="searchtabs" class="uk-switcher uk-margin-left uk-width-3-4">
<li id="pubsTab" class="uk-active"> <li>
<div *ngIf = "keyword.length > 0" class ="uk-animation-fade"> <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
<div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults> 10"> <div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults> 10">
<!--a [href] = "linkToSearchPublications"--> <!--a [href] = "linkToSearchPublications"-->
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)" <a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications"> routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications">
View all {{fetchPublications.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i> View all {{fetchPublications.searchUtils.totalResults}} results <span uk-icon="icon: chevron-right"></span>
</a> </a>
</div> </div>
<search-result [(results)]="fetchPublications.results" <search-result [(results)]="fetchPublications.results"
@ -107,13 +107,13 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<browse-entities entityName="publication" baseUrl="/search/find/publications" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities> <browse-entities entityName="publication" baseUrl="/search/find/publications" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>
</div> </div>
</li> </li>
<li id="dataTab"> <li>
<div *ngIf = "keyword.length > 0" class ="uk-animation-fade"> <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
<div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults> 10"> <div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults> 10">
<!--a [href] = "linkToSearchDatasets"--> <!--a [href] = "linkToSearchDatasets"-->
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)" <a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets"> routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets">
View all {{fetchDatasets.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i> View all {{fetchDatasets.searchUtils.totalResults}} results <span uk-icon="icon: chevron-right"></span>
</a> </a>
</div> </div>
<search-result [(results)]="fetchDatasets.results" <search-result [(results)]="fetchDatasets.results"
@ -125,13 +125,13 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<browse-entities entityName="dataset" baseUrl="/search/find/datasets" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities> <browse-entities entityName="dataset" baseUrl="/search/find/datasets" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>
</div> </div>
</li> </li>
<li id="projectsTab" > <li>
<div *ngIf = "keyword.length > 0" class ="uk-animation-fade"> <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
<div class = "uk-text-right" *ngIf = "fetchProjects.searchUtils.totalResults> 10"> <div class = "uk-text-right" *ngIf = "fetchProjects.searchUtils.totalResults> 10">
<!--a [href] = "linkToSearchProjects"--> <!--a [href] = "linkToSearchProjects"-->
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)" <a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
routerLinkActive="router-link-active" [routerLink]="linkToSearchProjects"> routerLinkActive="router-link-active" [routerLink]="linkToSearchProjects">
View all {{fetchProjects.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i> View all {{fetchProjects.searchUtils.totalResults}} results <span uk-icon="icon: chevron-right"></span>
</a> </a>
</div> </div>
<search-result [(results)]="fetchProjects.results" <search-result [(results)]="fetchProjects.results"
@ -143,13 +143,13 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<browse-entities entityName="project" baseUrl="/search/find/projects" [refineFields]=searchFields.PROJECT_REFINE_FIELDS></browse-entities> <browse-entities entityName="project" baseUrl="/search/find/projects" [refineFields]=searchFields.PROJECT_REFINE_FIELDS></browse-entities>
</div> </div>
</li> </li>
<li id="dataProviderTab"> <li>
<div *ngIf = "keyword.length > 0" class ="uk-animation-fade"> <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
<div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults> 10"> <div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults> 10">
<!--a [href] = "linkToSearchDataproviders"--> <!--a [href] = "linkToSearchDataproviders"-->
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)" <a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders"> routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders">
View all {{fetchDataproviders.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i> View all {{fetchDataproviders.searchUtils.totalResults}} results <span uk-icon="icon: chevron-right"></span>
</a> </a>
</div> </div>
<search-result [(results)]="fetchDataproviders.results" <search-result [(results)]="fetchDataproviders.results"
@ -161,13 +161,13 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<browse-entities entityName="dataprovider" baseUrl="/search/find/dataproviders" [refineFields]=searchFields.DATASOURCE_REFINE_FIELDS></browse-entities> <browse-entities entityName="dataprovider" baseUrl="/search/find/dataproviders" [refineFields]=searchFields.DATASOURCE_REFINE_FIELDS></browse-entities>
</div> </div>
</li> </li>
<li id="organizationsTab" > <li>
<div *ngIf = "keyword.length > 0" class ="uk-animation-fade"> <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
<div class = "uk-text-right" *ngIf = "fetchOrganizations.searchUtils.totalResults> 10"> <div class = "uk-text-right" *ngIf = "fetchOrganizations.searchUtils.totalResults> 10">
<!--a [href] = "linkToSearchOrganizations"--> <!--a [href] = "linkToSearchOrganizations"-->
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)" <a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
routerLinkActive="router-link-active" [routerLink]="linkToSearchOrganizations"> routerLinkActive="router-link-active" [routerLink]="linkToSearchOrganizations">
View all {{fetchOrganizations.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i> View all {{fetchOrganizations.searchUtils.totalResults}} results <span uk-icon="icon: chevron-right"></span>
</a> </a>
</div> </div>
<search-result [(results)]="fetchOrganizations.results" <search-result [(results)]="fetchOrganizations.results"
@ -179,13 +179,13 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<browse-entities entityName="organization" baseUrl="/search/find/organizations" [refineFields]=searchFields.ORGANIZATION_REFINE_FIELDS></browse-entities> <browse-entities entityName="organization" baseUrl="/search/find/organizations" [refineFields]=searchFields.ORGANIZATION_REFINE_FIELDS></browse-entities>
</div> </div>
</li> </li>
<li id="peopleTab"> <li>
<div *ngIf = "keyword.length > 0" class ="uk-animation-fade"> <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
<div class = "uk-text-right" *ngIf = "fetchPeople.searchUtils.totalResults> 10"> <div class = "uk-text-right" *ngIf = "fetchPeople.searchUtils.totalResults> 10">
<!--a [href] = "linkToSearchPeople"--> <!--a [href] = "linkToSearchPeople"-->
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)" <a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
routerLinkActive="router-link-active" [routerLink]="linkToSearchPeople"> routerLinkActive="router-link-active" [routerLink]="linkToSearchPeople">
View all {{fetchPeople.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i> View all {{fetchPeople.searchUtils.totalResults}} results <span uk-icon="icon: chevron-right"></span>
</a> </a>
</div> </div>
<search-result [(results)]="fetchPeople.results" <search-result [(results)]="fetchPeople.results"
@ -194,7 +194,7 @@ import {RouterHelper} from '../../utils/routerHelper.class';
</search-result> </search-result>
</div> </div>
<div *ngIf = "keyword.length == 0 && activeTab=='people'" class ="uk-animation-fade"> <div *ngIf = "keyword.length == 0 && activeTab=='people'" class ="uk-animation-fade">
<div class="uk-alert uk-alert-info " role="alert">No person statistics found</div> <div class="uk-alert uk-alert-primary " role="alert">No person statistics found</div>
</div> </div>
</li> </li>
@ -352,6 +352,7 @@ public subPub;public subData;public subProjects;public subOrg;public subPeople;
} }
public keywordChanged($event){ public keywordChanged($event){
this.keyword = $event.value; this.keyword = $event.value;
console.info("Search Find: search with keyword \"" + this.keyword + "\"" ); console.info("Search Find: search with keyword \"" + this.keyword + "\"" );
this.location.go(location.pathname,"?keyword=" + this.keyword); this.location.go(location.pathname,"?keyword=" + this.keyword);

18
portal-2/src/app/searchPages/searchUtils/advancedSearchForm.component.ts
View File

@ -9,9 +9,9 @@ import {Dates} from '../../utils/string-utils.class';
@Component({ @Component({
selector: 'advanced-search-form', selector: 'advanced-search-form',
template: ` template: `
<form class="uk-form"> <form class="">
<table > <table >
<tr *ngFor="let selectedField of selectedFields; let i = index" class="uk-form-row "> <tr *ngFor="let selectedField of selectedFields; let i = index" class="-row ">
<td *ngIf ="i==0 " class="">Search for:</td> <td *ngIf ="i==0 " class="">Search for:</td>
<td *ngIf = "i != 0" class=""><select [(ngModel)]="selectedField.operatorId" name="selectOp_{{i}}" > <td *ngIf = "i != 0" class=""><select [(ngModel)]="selectedField.operatorId" name="selectOp_{{i}}" >
@ -47,19 +47,19 @@ import {Dates} from '../../utils/string-utils.class';
</span> </span>
</td> </td>
<td class=" " > <td class=" " >
<button *ngIf="selectedFields.length > 1" type="button" class="uk-button uk-button-danger" (click)="removeField(i)"> <button *ngIf="selectedFields.length > 1" type="button" class="uk-icon-button uk-button-danger" (click)="removeField(i)">
<i class="uk-icon-minus"></i> <span uk-icon="icon: minus"></span>
</button> </button>
<button *ngIf="selectedFields.length == 1" type="button" class="uk-button uk-button-danger" disabled> <button *ngIf="selectedFields.length == 1" type="button" class="uk-icon-button uk-button-danger" disabled>
<i class="uk-icon-minus" ></i> <span uk-icon="icon: minus"></span>
</button> </button>
</td> </td>
<td *ngIf="i == selectedFields.length-1 " class=" "><button type="button" class="uk-button uk-button-success" (click)="addField()"> <td *ngIf="i == selectedFields.length-1 " class=" "><button type="button" class="uk-icon-button" (click)="addField()">
<i class="uk-icon-plus"></i> <span uk-icon="icon: plus"></span>
</button></td> </button></td>
</tr> </tr>
</table> </table>
<div class="uk-form-row uk-text-right"> <div class="-row uk-text-right">
<button (click)="queryChanged()" type="submit" class="uk-button uk-button-primary">Search</button> <button (click)="queryChanged()" type="submit" class="uk-button uk-button-primary">Search</button>
</div> </div>

2
portal-2/src/app/searchPages/searchUtils/advancedSearchPage.component.ts
View File

@ -19,7 +19,7 @@ import { Meta} from '../../../angular2-meta';
<h1>{{pageTitle}}</h1> <h1>{{pageTitle}}</h1>
</div> </div>
<div> <div>
<a *ngIf = "simpleSearchLink && simpleSearchLink.length > 0" routerLinkActive="router-link-active" [routerLink]=simpleSearchLink class="uk-float-right" >Simple search <i class="uk-icon-angle-double-right"></i></a> <a *ngIf = "simpleSearchLink && simpleSearchLink.length > 0" routerLinkActive="router-link-active" [routerLink]=simpleSearchLink class="uk-float-right" >Simple search <span uk-icon="icon: chevron-right"></span></a>
<advanced-search-form <advanced-search-form
[entityType] = "entityType" [entityType] = "entityType"
[(fieldIds)]="fieldIds" [(fieldIds)]="fieldIds"

2
portal-2/src/app/searchPages/searchUtils/browseEntities.component.ts
View File

@ -20,7 +20,7 @@ import {SearchUtilsClass} from '../searchUtils/searchUtils.class';
<div *ngIf="status == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger uk-animation-fade" role="alert">Service not available</div> <div *ngIf="status == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger uk-animation-fade" role="alert">Service not available</div>
<div class ="uk-grid"> <div class ="uk-grid">
<div *ngFor= "let filter of filters" class = "uk-margin-top uk-width-large-1-4 uk-width-medium-1-3 uk-width-small-1-2"> <div *ngFor= "let filter of filters" class = "uk-margin-top uk-width-1-4@l uk-width-1-3@m uk-width-1-2@s">
<browse-statistic [baseUrl]=baseUrl [filter]=filter ></browse-statistic> <browse-statistic [baseUrl]=baseUrl [filter]=filter ></browse-statistic>
</div> </div>
</div> </div>

6
portal-2/src/app/searchPages/searchUtils/browseStatistic.component.ts
View File

@ -16,14 +16,14 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<h4 class="tm-article-subtitle">{{filter.title}}</h4> <h4 class="tm-article-subtitle">{{filter.title}}</h4>
<div *ngIf="filter.values.length == 0" class="uk-alert uk-alert-info" role="alert">No {{filter.title}} statistics found</div> <div *ngIf="filter.values.length == 0" class="uk-alert uk-alert-primary" role="alert">No {{filter.title}} statistics found</div>
<ul *ngIf="filter.values.length > 0 && !viewAll" class="uk-list uk-list-line browseFilters"> <ul *ngIf="filter.values.length > 0 && !viewAll" class="uk-list uk-list-line browseFilters">
<li *ngFor= "let value of filter.values.slice(0,5)"><!--a [href]="baseUrl+'?'+filter.filterId+'='+value.id">{{_formatName(value)}} ({{value.number}})</a--> <li *ngFor= "let value of filter.values.slice(0,5)"><!--a [href]="baseUrl+'?'+filter.filterId+'='+value.id">{{_formatName(value)}} ({{value.number}})</a-->
<a class = " filterItem" [queryParams]="routerHelper.createQueryParam(filter.filterId,quote(value.id))" routerLinkActive="router-link-active" [routerLink]=baseUrl> <a class = " filterItem" [queryParams]="routerHelper.createQueryParam(filter.filterId,quote(value.id))" routerLinkActive="router-link-active" [routerLink]=baseUrl>
<span class="filterName"><div title = "{{value.name}}">{{_formatName(value)}} </div></span><span class="filterNumber" > ({{value.number}})</span></a> <span class="filterName"><div title = "{{value.name}}">{{_formatName(value)}} </div></span><span class="filterNumber" > ({{value.number}})</span></a>
</li> </li>
<li *ngIf= " filter.values.length > 5 && !viewAll " (click)="viewAll=true;"> <li *ngIf= " filter.values.length > 5 && !viewAll " (click)="viewAll=true;">
<span ><span class="uk-text-muted clickable">View more </span><a><i class="uk-icon-toggle-right"></i></a></span> <span ><span class="uk-text-muted clickable">View more </span><a><span uk-icon="icon: triangle-right"></span></a></span>
</li> </li>
</ul> </ul>
<ul *ngIf="filter.values.length > 0 && viewAll" class="uk-list uk-list-line browseFilters"> <ul *ngIf="filter.values.length > 0 && viewAll" class="uk-list uk-list-line browseFilters">
@ -32,7 +32,7 @@ import {RouterHelper} from '../../utils/routerHelper.class';
<span class="filterName"><div title = "{{value.name}}">{{_formatName(value)}} </div></span><span class="filterNumber" > ({{value.number}})</span></a> <span class="filterName"><div title = "{{value.name}}">{{_formatName(value)}} </div></span><span class="filterNumber" > ({{value.number}})</span></a>
</li> </li>
<li *ngIf= " filter.values.length > 5 && viewAll " (click)="viewAll=false;"> <li *ngIf= " filter.values.length > 5 && viewAll " (click)="viewAll=false;">
<span ><span class="uk-text-muted clickable">View less </span><a><i class="uk-icon-toggle-up"></i></a></span> <span ><span class="uk-text-muted clickable">View less </span><a><span uk-icon="icon: triangle-up"></span></a></span>
</li> </li>
</ul> </ul>

2
portal-2/src/app/searchPages/searchUtils/dateFilter.component.ts
View File

@ -13,7 +13,7 @@ import {Dates} from '../../utils/string-utils.class';
<select *ngIf="dateValue.type!='range' " name="{{'select_date_type'+filterId}}" [(ngModel)]=dateValue.type > <select *ngIf="dateValue.type!='range' " name="{{'select_date_type'+filterId}}" [(ngModel)]=dateValue.type >
<option *ngFor="let type of dateValue.types let i = index" [value]="type" (click)="typeChanged(type)">{{dateValue.typesTitle[i]}}</option> <option *ngFor="let type of dateValue.types let i = index" [value]="type" (click)="typeChanged(type)">{{dateValue.typesTitle[i]}}</option>
</select> </select>
<div *ngIf="dateValue.type=='range' " class="uk-form-row dateFilter" > <div *ngIf="dateValue.type=='range' " class="-row dateFilter" >
<table > <table >
<tr><td> <tr><td>

2
portal-2/src/app/searchPages/searchUtils/searchDownload.component.ts
View File

@ -13,7 +13,7 @@ import {ModalLoading} from '../../utils/modal/loading.component';
<!--a (click)="download()" href="{{downloadURLAPI}}{{type}}?format=csv&page=0&size={{totalResults}}{{csvParams}}" --> <!--a (click)="download()" href="{{downloadURLAPI}}{{type}}?format=csv&page=0&size={{totalResults}}{{csvParams}}" -->
<span class="clickable" (click)="downloadfile(downloadURLAPI+type+'?format=csv&page=0&size='+totalResults+csvParams,type+'-report-'+totalResults)"> <span class="clickable" (click)="downloadfile(downloadURLAPI+type+'?format=csv&page=0&size='+totalResults+csvParams,type+'-report-'+totalResults)">
<span aria-hidden="true" class="glyphicon glyphicon-download"></span> <span aria-hidden="true" class="glyphicon glyphicon-download"></span>
<span class="uk-icon-download"> Results (CSV)</span> <span uk-icon="icon: download"></span> Results (CSV)
</span> </span>
</p> </p>
</div> </div>

12
portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts
View File

@ -7,11 +7,12 @@ import { Filter, Value} from './searchHelperClasses.class';
selector: 'search-filter', selector: 'search-filter',
template: ` template: `
<div *ngIf= "filter.values.length >0" class = "uk-accordion uk-animation-fade" data-uk-accordion="{collapse: true, showfirst: true}"> <ul *ngIf= "filter.values.length >0" class = "uk-accordion uk-animation-fade" uk-accordion="">
<li class="uk-open">
<h3 class="uk-accordion-title uk-margin-bottom-remove uk-margin-top">{{_formatTitle(filter.title,filter.values.length)}} <h3 class="uk-accordion-title uk-margin-bottom-remove uk-margin-top">{{_formatTitle(filter.title,filter.values.length)}}
</h3> </h3>
<div data-wrapper="true" style="overflow:hidden;height:0;position:relative;" aria-expanded="false"> <div class="uk-accordion-content" data-wrapper="true" style="overflow:hidden;position:relative;" aria-expanded="false">
<div class="uk-accordion-content searchFilterBoxValues "> <div class="searchFilterBoxValues ">
<div *ngFor = "let value of getSelectedValues(filter)" class = "uk-animation-fade filterItem"> <div *ngFor = "let value of getSelectedValues(filter)" class = "uk-animation-fade filterItem">
<span class="filterName"><div title = "{{value.name}}"> <span class="filterName"><div title = "{{value.name}}">
@ -24,9 +25,11 @@ import { Filter, Value} from './searchHelperClasses.class';
<span class="filterName"><div title = "{{value.name}}"> <input [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" /> <span class="filterName"><div title = "{{value.name}}"> <input [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />
{{_formatName(value)}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" > ({{value.number}})</span> {{_formatName(value)}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" > ({{value.number}})</span>
</div> </div>
</div> </div>
</div> </div>
</div> </li>
</ul>
@ -40,6 +43,7 @@ export class SearchFilterComponent {
public showAll:boolean = false; public showAll:boolean = false;
public _maxCharacters:number =28; public _maxCharacters:number =28;
constructor () { constructor () {
} }

4
portal-2/src/app/searchPages/searchUtils/searchForm.component.ts
View File

@ -5,8 +5,8 @@ import {Observable} from 'rxjs/Observable';
selector: 'search-form', selector: 'search-form',
template: ` template: `
<form class = " uk-margin uk-text-center uk-margin-top"> <form class = " uk-margin uk-text-center uk-margin-top">
<input type="text" class="uk-form-medium uk-width-1-2" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" > <input type="text" class="uk-input uk-width-1-2" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" >
<button (click)="keywordChanged()" type="submit" class="uk-button">Search</button> <button (click)="keywordChanged()" type="submit" class=" uk-button uk-button-default">Search</button>
</form> </form>
` `
}) })

20
portal-2/src/app/searchPages/searchUtils/searchPage.component.ts
View File

@ -18,29 +18,29 @@ import { Meta} from '../../../angular2-meta';
<h1>{{pageTitle}}</h1> <h1>{{pageTitle}}</h1>
</div> </div>
<div> <div>
<div *ngIf="showRefine" class="uk-grid"> <div *ngIf="showRefine" uk-grid>
<div class="uk-width-1-1 uk-margin uk-panel uk-panel-box uk-panel-box-default"> <div class="uk-width-1-1 uk-margin uk-padding uk-panel uk-background-muted">
<search-form [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)"></search-form> <search-form [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)"></search-form>
<div *ngIf="isFiltered()" class = " uk-text-center "> <div *ngIf="isFiltered()" class = " uk-text-center ">
<span *ngIf = "searchUtils.keyword.length > 0">Keywords:<span>{{searchUtils.keyword}}<a (click) = "clearKeywords() "><span class=" clickable" aria-hidden="true">[<i class="uk-icon-remove"></i>]</span></a></span> <span *ngIf = "searchUtils.keyword.length > 0">Keywords:<span>{{searchUtils.keyword}}<a (click) = "clearKeywords() "><span class=" clickable" aria-hidden="true">[<span uk-icon="icon: close"></span>]</span></a></span>
</span> </span>
<span *ngFor="let filter of filters " > <span *ngFor="let filter of filters " >
<span *ngIf = "filter.countSelectedValues > 0"> {{filter.title}}: <span *ngIf = "filter.countSelectedValues > 0"> {{filter.title}}:
<span *ngFor="let value of getSelectedValues(filter); let i = index; let end = last; " >{{value.name}}<a (click) = "removeFilter(value, filter) "><span class=" e clickable" aria-hidden="true">[<i class="uk-icon-remove"></i>]</span></a> <span *ngFor="let value of getSelectedValues(filter); let i = index; let end = last; " >{{value.name}}<a (click) = "removeFilter(value, filter) "><span class=" e clickable" aria-hidden="true">[<span uk-icon="icon: close"></span>]</span></a>
<span *ngIf="!end">, </span> <span *ngIf="!end">, </span>
</span> </span>
</span> </span>
</span> </span>
<a (click)="clearFilters()" class = "btn uk-text-right"> Clear Filters[<i class="uk-icon-remove"></i>]</a> <a (click)="clearFilters()" class = "btn uk-text-right"> Clear Filters[<span uk-icon="icon: close"></span>]</a>
</div> </div>
<a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" class="uk-float-right" [routerLink]=advancedSearchLink >More search options <i class="uk-icon-angle-double-right"></i></a> <a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" class="uk-float-right" [routerLink]=advancedSearchLink >More search options <span uk-icon="icon: chevron-right"></span></a>
</div> </div>
<div class="uk-grid uk-width-1-1 uk-margin"> <div class="uk-grid uk-width-1-1 uk-margin">
<div class=" search-filters uk-width-large-1-4 uk-width-medium-1-4 uk-width-small-1-1"> <div class=" search-filters uk-width-1-4@l uk-width-1-4@m uk-width-1-1@s">
<search-filter *ngFor="let filter of filters " [filter]="filter" [showResultCount]=showResultCount (change)="filterChanged($event)" (showMoreFilter1) = "showMoreFilter($event)"></search-filter> <search-filter *ngFor="let filter of filters " [filter]="filter" [showResultCount]=showResultCount (change)="filterChanged($event)"></search-filter>
</div> </div>
<div class="uk-width-large-3-4 uk-width-medium-3-4 uk-width-small-1-1" > <div class="uk-width-3-4@m uk-width-3-4@l uk-width-1-1@s" >
<search-paging [type]="type" [(searchUtils)] = "searchUtils" [(results)] = "results" [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging> <search-paging [type]="type" [(searchUtils)] = "searchUtils" [(results)] = "results" [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging>
<search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults" (downloadClick)="downloadClicked($event)"></search-download> <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults" (downloadClick)="downloadClicked($event)"></search-download>
<search-result [results]="results" <search-result [results]="results"
@ -65,6 +65,7 @@ import { Meta} from '../../../angular2-meta';
</div> </div>
<modal-loading [message]= "'Loading results...'"></modal-loading> <modal-loading [message]= "'Loading results...'"></modal-loading>
` `
}) })
export class SearchPageComponent { export class SearchPageComponent {
@ -106,7 +107,6 @@ export class SearchPageComponent {
ngAfterViewChecked(){ ngAfterViewChecked(){
} }
updateDescription(description:string){ updateDescription(description:string){
this._meta.updateMeta("description", description); this._meta.updateMeta("description", description);
this._meta.updateMeta("og:description", description); this._meta.updateMeta("og:description", description);

90
portal-2/src/app/sharedComponents/bottom.component.ts
View File

@ -5,41 +5,83 @@ import 'rxjs/Rx';
selector: 'bottom', selector: 'bottom',
template: ` template: `
<div class="tm-footer uk-navbar custom-footer">
<div class="uk-container uk-container-center uk-text-center uk-margin-top">
<ul class="uk-subnav uk-flex-center">
<li> <div class="uk-section-primary uk-section uk-section-small uk-padding-remove-bottom">
<a href="http://www.facebook.com/groups/openaire/" target="_blank" class="uk-icon-button uk-icon-facebook"></a> <div class="uk-container">
<div class="uk-grid-margin uk-grid" uk-grid="">
<div class="uk-width-expand@m uk-light uk-first-column">
<div class="uk-margin">
<div class="uk-child-width-auto uk-grid-small uk-grid" uk-grid="">
<div class="uk-first-column">
<a uk-icon="icon: facebook" href="http://www.facebook.com/groups/openaire/" target="_blank" class="el-link uk-icon-link uk-icon"></a>
</div>
<div>
<a uk-icon="icon: twitter" href="http://www.twitter.com/OpenAIRE_eu" target="_blank" class="el-link uk-icon-link uk-icon"></a>
</div>
<div>
<a uk-icon="icon: linkedin" href="http://www.linkedin.com/groups/OpenAIRE-3893548" target="_blank" class="el-link uk-icon-link uk-icon"></a>
</div>
<div>
<a uk-icon="icon: social" href="http://www.slideshare.net/OpenAIRE_eu" target="_blank" class="el-link uk-icon-link uk-icon"></a>
</div>
<div>
<a uk-icon="icon: vimeo" href="http://vimeo.com/openaire" target="_blank" class="el-link uk-icon-link uk-icon"></a>
</div>
</div>
</div>
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-left">
<img src="assets/dl119_files/ec_logo_inv_small.png" class="el-image" alt="European Commission">
</div>
</div>
<div class="uk-width-expand@m uk-light">
<div>
<ul class="uk-subnav uk-margin-remove-bottom uk-subnav-divider" uk-margin="">
<li class="el-item uk-first-column">
<a class="el-link" href="http://dl119.madgik.di.uoa.gr/www.cnn.com">About</a>
</li> </li>
<li> <li class="el-item">
<a href="http://www.twitter.com/OpenAIRE_eu" target="_blank" class="uk-icon-button uk-icon-twitter"></a> <a class="el-content uk-disabled">Services</a>
</li> </li>
<li> <li class="el-item">
<a href="http://www.linkedin.com/groups/OpenAIRE-3893548" target="_blank" class="uk-icon-button uk-icon-linkedin"></a> <a class="el-content uk-disabled">News</a>
</li> </li>
<li> <li class="el-item">
<a href="http://www.slideshare.net/OpenAIRE_eu" target="_blank" class="uk-icon-button uk-icon-slideshare"></a> <a class="el-content uk-disabled">Events</a>
</li> </li>
<li> <li class="el-item">
<a uk-icon="icon: vimeo" href="http://vimeo.com/openaire" target="_blank" class="uk-icon-button uk-icon-vimeo"></a> <a class="el-content uk-disabled">Blog</a>
</li>
<li class="el-item">
<a class="el-content uk-disabled">Contact us</a>
</li> </li>
</ul> </ul>
<div class="uk-panel">
<div class="uk-margin">
<a rel="license" target="_blank" href="//creativecommons.org/licenses/by/4.0/">
<img alt="Creative" commons="" license="" style="border-width:0" src="//i.creativecommons.org/l/by/3.0/80x15.png"></a>
Unless otherwise indicated, all materials created by the OpenAIRE consortium are licensed under a
<a rel="license" target="_blank" href="//creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
</div> </div>
<div class="uk-margin">OpenAIRE is powered by <a target="_blank" href="//www.d-net.research-infrastructures.eu">D-NET</a>.
</div> </div>
<a class="uk-margin" href="/"><img src="assets/newlogo.png" title="UIkit" alt="UIkit" width="90" height="30"></a> </div>
</div>
</div>
<div class="uk-section-primary uk-section uk-section-small">
<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-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
<img src="assets/dl119_files/Logo_Horizontal_white_small.png" class="el-image" alt="OpenAIRE">
</div>
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
<div><a href="http://creativecommons.org/licenses/by/4.0/" rel="license"><img src="assets/dl119_files/80x15.png" alt="Creative" style="height: auto; max-width: 100%; vertical-align: middle;"></a>&nbsp;UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A&nbsp;<a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
<div>OPENAIRE IS POWERED BY&nbsp;<a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
</div>
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
<a href="#" uk-totop="" uk-scroll="" class="uk-totop uk-icon"></a>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
` `
}) })
export class BottomComponent { export class BottomComponent {

2
portal-2/src/app/sharedComponents/cookie-law/cookie-law.component.ts
View File

@ -116,7 +116,7 @@ export class CookieLawComponent implements OnInit {
if (typeof document !== 'undefined') { if (typeof document !== 'undefined') {
this.animation = this.position === 'bottom' ? 'bottomIn' : 'topIn'; this.animation = this.position === 'bottom' ? 'bottomIn' : 'topIn';
this.closeSvg = '<i class="uk-icon-close"></i>' ; this.closeSvg = '<span uk-icon="icon: close" class="uk-icon" ></span> ' ;
if (this.cookieLawSeen) { if (this.cookieLawSeen) {
this.isSeen = true; this.isSeen = true;

4
portal-2/src/app/sharedComponents/cookie-law/cookie-law.html
View File

@ -16,6 +16,6 @@
<a href="#" role="button" <a href="#" role="button"
class="dismiss" class="dismiss"
[innerHTML]="closeSvg"
(click)="dismiss($event)"></a> (click)="dismiss($event)"><span uk-icon="icon: close" class="uk-icon"></span></a>
</div> </div>

333
portal-2/src/app/sharedComponents/navigationBar.component.ts
View File

@ -8,32 +8,289 @@ import {Session} from '../login/utils/helper.class';
selector: 'navbar', selector: 'navbar',
template: ` template: `
<nav class="uk-navbar">
<ul class="uk-navbar-nav uk-hidden-small">
<li class="uk-active"><a routerLinkActive="router-link-active" routerLink="/" class="uk-logo uk-navbar-item"> <div class="tm-header-mobile uk-hidden@m">
<nav class="uk-navbar-container uk-navbar" uk-navbar="">
<div class="uk-navbar-left">
<a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle="">
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="navbar-toggle-icon" ratio="1">
<rect y="9" width="20" height="2"></rect>
<rect y="3" width="20" height="2"></rect>
<rect y="15" width="20" height="2"></rect>
</svg>
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="navbar-toggle-icon" ratio="1">
<rect y="9" width="20" height="2"></rect>
<rect y="3" width="20" height="2"></rect>
<rect y="15" width="20" height="2"></rect>
</svg>
</div>
</a>
</div>
<div class="uk-navbar-center">
<a class="uk-navbar-item uk-logo" href="http://dl119.madgik.di.uoa.gr/">
<img src="assets/newlogo.png" alt="OpenAIRE" class="uk-responsive-height"> </a> <img src="assets/newlogo.png" alt="OpenAIRE" class="uk-responsive-height"> </a>
</div>
<div class="uk-navbar-right">
<user-mini></user-mini>
</div>
</nav>
<div id="tm-mobile" uk-offcanvas="" mode="slide" overlay="" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<button class="uk-offcanvas-close uk-close uk-icon" type="button" uk-close="">
<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" icon="close-icon" ratio="1">
<line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line>
<line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line>
</svg>
<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" icon="close-icon" ratio="1">
<line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line>
<line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line>
</svg>
</button>
<div class="uk-child-width-1-1 uk-grid" uk-grid="">
<div>
<div class="uk-panel" id="module-0">
<ul class="uk-nav uk-nav-default">
<li class="uk-nav-header uk-parent">
Services
<ul class="uk-nav-sub">
<li><a href="http://dl119.madgik.di.uoa.gr/services-for-researchers">Researchers</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/services-for-data-providers">Data Providers</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/category/for-data-providers">Funders</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Developers</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Research Communities</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">The Public</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/category/webinars-2">Zoo product</a></li>
</ul>
</li> </li>
<li class="uk-active"><a routerLinkActive="router-link-active" routerLink="/search/find"><i class="uk-icon-home"></i></a></li> <li class="uk-nav-header uk-parent">
<li class="uk-parent" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false"> Resources
<a routerLinkActive="router-link-active" routerLink="/search/find">Search</a> <ul class="uk-nav-sub">
<li><a href="http://dl119.madgik.di.uoa.gr/openaire-h2020-factsheets">Factsheets H2020</a></li>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" aria-hidden="true" style="top: 40px; left: 0px;" tabindex=""> <li><a href="http://dl119.madgik.di.uoa.gr/guides/">Guides</a></li>
<ul class="uk-nav uk-nav-navbar"> <li><a href="http://dl119.madgik.di.uoa.gr/copyright/">Copyright Issues</a></li>
<!--li class="uk-nav-header">Search For</li--> <li class="uk-nav-header uk-parent">
Open Access Policies
<ul>
<li class="uk-parent">
<a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Background</a>
<ul>
<li><a href="http://dl119.madgik.di.uoa.gr/oa-overview">Overview</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/oa-policies-mandates">Policies and Mandates</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/open-access-in-fp7-seventh-research-framework-programme">Open Access in FP7</a></li>
<li class="uk-parent">
<a href="http://dl119.madgik.di.uoa.gr/h2020openaccess/">Open Access in H2020</a>
<ul>
<li><a href="http://dl119.madgik.di.uoa.gr/open-access-in-horizon-2020">OA for publications</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/h2020-oa-data-pilot">OA for data</a></li>
</ul>
</li>
</ul>
</li>
<li class="uk-parent">
<a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">In Practice</a>
<ul>
<li><a href="http://dl119.madgik.di.uoa.gr/member-states-overview">European Area</a></li>
</ul>
</li>
<li class="uk-parent">
<a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Pilots</a>
<ul>
<li><a href="http://dl119.madgik.di.uoa.gr/postgrantoapilot">FP7 Post-Grant OA Pilot</a></li>
<li class="uk-parent">
<a href="http://dl119.madgik.di.uoa.gr/opendatapilot">Open Research Data Pilot</a>
<ul>
<li><a href="http://dl119.madgik.di.uoa.gr/opendatapilot-dmp" target="_blank">Create a Data Management Plan</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/opendatapilot-repository" target="_blank">Select a Data Repository</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="uk-nav-header uk-parent">
Helpdesk
<ul class="uk-nav-sub">
<li><a href="http://dl119.madgik.di.uoa.gr/helpdesk/faqs">FAQs</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/helpdesk/ask-a-question">Ask a Question / The National Open Access Desks (NOADs)</a></li>
</ul>
</li>
<li class="uk-nav-header uk-parent">
Training
<ul class="uk-nav-sub">
<li><a href="http://dl119.madgik.di.uoa.gr/category/uncategorised-2">Webinars</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Workshops</a></li>
</ul>
</li>
<li class="uk-nav-header uk-parent">
About
<ul class="uk-nav-sub">
<li><a href="http://dl119.madgik.di.uoa.gr/mission-and-vision">About OpenAIRE</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/why-open-access">Why Open Access</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/what-we-do">What we do</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/history">History</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Governing Board</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Our Members</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Our Team</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/our-partners">Our Partners</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Projects</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div>
<div class="uk-panel" id="module-tm-2">
<form id="search-tm-2" action="/" method="post" role="search" class="uk-search uk-search-default">
<span uk-search-icon="" class="uk-search-icon uk-icon">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search-icon" ratio="1">
<circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle>
<path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path>
</svg>
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search-icon" ratio="1">
<circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle>
<path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path>
</svg>
</span>
<input name="searchword" placeholder="Search" class="uk-search-input" type="search">
<input name="task" value="search" type="hidden">
<input name="option" value="com_search" type="hidden">
<input name="Itemid" value="1860" type="hidden">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-toolbar uk-visible@m">
<div class="uk-container uk-flex uk-flex-middle uk-container-expand">
<div class="uk-margin-auto-left">
<div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-grid uk-grid-stack" uk-grid="margin: uk-margin-small-top">
<div class="uk-first-column">
<div class="uk-panel inner" id="module-119">
<ul class="uk-subnav uk-subnav-line">
<li class="uk-active"><a href="http://dl119.madgik.di.uoa.gr/"><img class="uk-responsive-height" src="assets/dl119_files/Home-icon.png" alt="home"></a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Discover/Share</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Join</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Connect</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Monitor_</a></li>
<li><a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Develop</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-header uk-visible@m tm-header-transparent" uk-header="">
<div class="uk-navbar-container uk-sticky uk-navbar-transparent uk-light" uk-sticky="" media="768" cls-active="uk-active uk-navbar-sticky" animation="uk-animation-slide-top" top=".tm-header + [class*=&quot;uk-section&quot;]" cls-inactive="uk-navbar-transparent uk-light" style="">
<div class="uk-container uk-container-expand">
<nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
<div class="uk-navbar-left">
<a href="http://dl119.madgik.di.uoa.gr/" class="uk-logo uk-navbar-item">
<img src="assets/newlogo.png" alt="OpenAIRE" class="uk-responsive-height"></a>
</div>
<div class="uk-navbar-center">
<ul class="uk-navbar-nav">
<li class="uk-parent">
<a routerLinkActive="router-link-active" routerLink="/search/find" class="" aria-expanded="false">Search</a>
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 0px;">
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
<div class="uk-first-column">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a routerLinkActive="router-link-active" routerLink="/search/find/publications">Publications</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/datasets">Datasets</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/projects">Projects</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/dataproviders">Data Providers</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/organizations">Organizations</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/people">People</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="uk-parent">
<a routerLinkActive="router-link-active" routerLink="/search/data-providers" class="" aria-expanded="false">Data Providers</a>
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 113px;">
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
<div class="uk-first-column">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a routerLinkActive="router-link-active" routerLink="/search/data-providers">Compatible Data Providers</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/entity-registries">Entity Registries</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="uk-parent">
<a routerLinkActive="router-link-active" routerLink="/participate/deposit-publications" class="" aria-expanded="false">Deposit</a>
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 240px;">
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
<div class="uk-first-column">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a routerLinkActive="router-link-active" routerLink="/participate/deposit-publications">Deposit Publications</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/participate/deposit-datasets">Deposit Research Data</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="uk-parent">
<a routerLinkActive="router-link-active" routerLink="/participate/claim" class="" aria-expanded="false">Linking</a>
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 358px;">
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
<div class="uk-first-column">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a routerLinkActive="router-link-active" routerLink="/participate/claim">Linking</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/myclaims">My Claims</a></li>
<li *ngIf="isAuthorized"><a routerLinkActive="router-link-active" routerLink="/claims">Manage all Claims</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="uk-navbar-right">
<user-mini></user-mini>
</div>
</nav>
</div>
</div>
<div class="uk-sticky-placeholder" style="height: 80px; margin: 0px;" hidden="hidden"></div>
<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" hidden="hidden"></div>
</div>
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid uk-grid-stack" uk-grid="">
</div>
</div>
<!--nav class="uk-navbar">
<ul class="uk-navbar-nav uk-hidden-small">
<li class="uk-active"><a routerLinkActive="router-link-active" routerLink="/" class="uk-logo uk-navbar-item">
<img src="assets/newlogo.png" alt="OpenAIRE" class="uk-responsive-height"></a>
</li>
<li class="uk-active"><a routerLinkActive="router-link-active" routerLink="/search/find"><span uk-icon="icon: home"></span></a></li>
<li class="uk-parent" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
<a routerLinkActive="router-link-active" routerLink="/search/find">Search</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" aria-hidden="true" style="top: 40px; left: 0px;" tabindex="">
<ul class="uk-nav uk-nav-navbar">
<li><a routerLinkActive="router-link-active" routerLink="/search/find/publications">Publications</a></li> <li><a routerLinkActive="router-link-active" routerLink="/search/find/publications">Publications</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/datasets">Datasets</a></li> <li><a routerLinkActive="router-link-active" routerLink="/search/find/datasets">Datasets</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/projects">Projects</a></li> <li><a routerLinkActive="router-link-active" routerLink="/search/find/projects">Projects</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/dataproviders">Data Providers</a></li> <li><a routerLinkActive="router-link-active" routerLink="/search/find/dataproviders">Data Providers</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/organizations">Organizations</a></li> <li><a routerLinkActive="router-link-active" routerLink="/search/find/organizations">Organizations</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/find/people">People</a></li> <li><a routerLinkActive="router-link-active" routerLink="/search/find/people">People</a></li>
<!--li class="uk-nav-divider"></li>
<li><a [queryParams]="{articleId: 'od_______908::3a5b2885656a91307156325644e73b92'}" routerLinkActive="router-link-active" routerLink="/search/publication" >Publication </a></li>
<li><a [queryParams]="{datasetId: 'datacite____::430ac1c41b7f99b7b543ef737dc41a74'}" routerLinkActive="router-link-active" routerLink="/search/dataset" >Dataset </a></li>
<li><a [queryParams]="{projectId: 'corda_______::2c37878a0cede85dbbd1081bb9b4a2f8'}" routerLinkActive="router-link-active" routerLink="/search/project" >Project </a></li>
<li><a [queryParams]="{personId: 'datacite____::9da3a037961b36a634fcd40ab0bf6535'}" routerLinkActive="router-link-active" routerLink="/search/person" >Person </a></li>
<li><a [queryParams]="{organizationId: 'dedup_wf_001::f686277c34bf457bbdf19e03589b5e81'}" routerLinkActive="router-link-active" routerLink="/search/organization" >Organization </a></li>
<li><a [queryParams]="{datasourceId: 'opendoar____::798ed7d4ee7138d49b8828958048130a'}" routerLinkActive="router-link-active" routerLink="/search/dataprovider" >Data Provider </a></li-->
</ul> </ul>
</div> </div>
@ -44,28 +301,13 @@ import {Session} from '../login/utils/helper.class';
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" aria-hidden="true" style="top: 40px; left: 0px;" tabindex=""> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" aria-hidden="true" style="top: 40px; left: 0px;" tabindex="">
<ul class="uk-nav uk-nav-navbar"> <ul class="uk-nav uk-nav-navbar">
<!--li class="uk-nav-header">Search for Data Providers</li-->
<li><a routerLinkActive="router-link-active" routerLink="/search/data-providers">Compatible Data Providers</a></li> <li><a routerLinkActive="router-link-active" routerLink="/search/data-providers">Compatible Data Providers</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/entity-registries">Entity Registries</a></li> <li><a routerLinkActive="router-link-active" routerLink="/search/entity-registries">Entity Registries</a></li>
</ul> </ul>
</div> </div>
</li> </li>
<!--li class="uk-parent" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
<a routerLinkActive="router-link-active" routerLink="/search/advanced/publications">Advanced Search</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" aria-hidden="true" style="top: 40px; left: 0px;" tabindex="">
<ul class="uk-nav uk-nav-navbar">
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/publications">Advanced Search Publications</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/datasets">Advanced Search Research Data</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/projects">Advanced Search Projects</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/dataproviders">Advanced Search Data Providers</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/organizations">Advanced Search Organizations</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/people">Advanced Search People</a></li>
</ul>
</div>
</li-->
<li class="uk-parent" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false"> <li class="uk-parent" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
<a routerLinkActive="router-link-active" routerLink="/participate/deposit-publications" >Deposit</a> <a routerLinkActive="router-link-active" routerLink="/participate/deposit-publications" >Deposit</a>
@ -95,20 +337,17 @@ import {Session} from '../login/utils/helper.class';
<a href="#offcanvas-mainmenu" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas="{mode:'slide'}"></a> <a href="#offcanvas-mainmenu" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas="{mode:'slide'}"></a>
<div class="uk-navbar-brand uk-navbar-center uk-visible-small"><img src="assets/newlogo.png" class="uk-responsive-height" title="OpenAIRE" alt="OpenAIRE" ></div> <div class="uk-navbar-brand uk-navbar-center uk-visible-small"><img src="assets/newlogo.png" class="uk-responsive-height" title="OpenAIRE" alt="OpenAIRE" ></div>
</nav> </nav-->
<div id="offcanvas-mainmenu" class="uk-offcanvas " aria-hidden="false"> <!--div id="offcanvas-mainmenu" class="uk-offcanvas " aria-hidden="false">
<div class="uk-offcanvas-bar uk-offcanvas-bar-show" mode="push"> <div class="uk-offcanvas-bar uk-offcanvas-bar-show" mode="push">
<!--ul class="uk-navbar-nav uk-hidden-small"-->
<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav="{multiple:true}"> <ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav="{multiple:true}">
<!--li class="uk-active"><a routerLinkActive="router-link-active" routerLink="/" class="uk-logo uk-navbar-item">
<img src="assets/newlogo.png" alt="OpenAIRE" class="uk-responsive-height"></a> <li class="uk-active"><a routerLinkActive="router-link-active" routerLink="/search/find"><span uk-icon="icon: home"></span></a></li>
</li-->
<li class="uk-active"><a routerLinkActive="router-link-active" routerLink="/search/find"><i class="uk-icon-home"></i></a></li>
<li class="" aria-expanded="false" > <li class="" aria-expanded="false" >
<a href="#">Search</a> <a href="#">Search</a>
@ -134,20 +373,6 @@ import {Session} from '../login/utils/helper.class';
</div> </div>
</li> </li>
<!--li class="" aria-expanded="false" >
<a href="#">Advanced Search</a>
<div ><ul class="uk-nav-sub" role="menu">
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/publications">Advanced Search Publications</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/datasets">Advanced Search Research Data</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/projects">Advanced Search Projects</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/dataproviders">Advanced Search Data Providers</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/organizations">Advanced Search Organizations</a></li>
<li><a routerLinkActive="router-link-active" routerLink="/search/advanced/people">Advanced Search People</a></li>
</ul>
</div>
</li-->
<li class="" aria-expanded="false" > <li class="" aria-expanded="false" >
<a >Deposit</a> <a >Deposit</a>
@ -176,7 +401,7 @@ import {Session} from '../login/utils/helper.class';
</div> </div>
</div> </div-->

8
portal-2/src/app/utils/entitiesAutoComplete/entitiesAutoComplete.component.ts
View File

@ -18,10 +18,10 @@ import {EntitiesSearchService} from './entitySearch.service';
<span class="custom-autocomplete"> <span class="custom-autocomplete">
<span *ngIf = "showSelected && selectedValue != ''"> <span *ngIf = "showSelected && selectedValue != ''">
<span class="uk-alert-default" data-uk-alert="" *ngFor="let item of selected" [title]="showItem(item)" > <span >{{showItem(item)}} </span> <span class="uk-alert-default" data-uk-alert="" *ngFor="let item of selected" [title]="showItem(item)" > <span >{{showItem(item)}} </span>
<span (click)="remove(item)" aria-hidden="true" title="Remove selection" > <i class="uk-icon-remove clickable"></i> </span> <span (click)="remove(item)" aria-hidden="true" title="Remove selection" > <span class="clickable" uk-icon="icon: close"></span> </span>
</span> </span>
</span> </span>
<input *ngIf = "showInput" type="text" class="auto-complete-input validate filter-input input-sm form-control uk-form-width-small " [placeholder]=placeHolderMessage [(ngModel)]=keyword (keyup)=search() > <input *ngIf = "showInput" type="text" class="auto-complete-input validate filter-input input-sm form-control -width-small " [placeholder]=placeHolderMessage [(ngModel)]=keyword (keyup)=search() >
<!--span *ngIf="showLoading" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading... </span> <!--span *ngIf="showLoading" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading... </span>
<span *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" data-uk-alert=""> {{warningMessage}} <a href="" class="uk-alert-close uk-close"></a></span--> <span *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" data-uk-alert=""> {{warningMessage}} <a href="" class="uk-alert-close uk-close"></a></span-->
<div *ngIf="focus && showInput" class="uk-dropdown" aria-expanded="true" style="display:block" > <div *ngIf="focus && showInput" class="uk-dropdown" aria-expanded="true" style="display:block" >
@ -30,11 +30,11 @@ import {EntitiesSearchService} from './entitySearch.service';
<span *ngIf="!_search.ready" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading..... </span> <span *ngIf="!_search.ready" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading..... </span>
<span *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" data-uk-alert="">{{warningMessage}}</span> <span *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" data-uk-alert="">{{warningMessage}}</span>
<span *ngIf="results > 0" > {{results}} results found:</span> <span *ngIf="results > 0" > {{results}} results found:</span>
<!--span *ngIf="results == 0 && !showLoading" class="uk-alert uk-alert-info" data-uk-alert=""> No results found</span--> <!--span *ngIf="results == 0 && !showLoading" class="uk-alert uk-alert-primary" data-uk-alert=""> No results found</span-->
</li> </li>
<li *ngFor=" let item of filtered | async"> <li *ngFor=" let item of filtered | async">
<a *ngIf= "item.id !=-1 && item.id !=-2" (click)="select(item)" [title]="showItem(item)" style="text-overflow: ellipsis; ">{{showItem(item)}}</a> <a *ngIf= "item.id !=-1 && item.id !=-2" (click)="select(item)" [title]="showItem(item)" style="text-overflow: ellipsis; ">{{showItem(item)}}</a>
<span *ngIf= "item.id ==-1" class="uk-alert uk-alert-info" data-uk-alert=""> No results found</span> <span *ngIf= "item.id ==-1" class="uk-alert uk-alert-primary" data-uk-alert=""> No results found</span>
<span *ngIf= "item.id ==-2" class="uk-alert uk-alert-warning" data-uk-alert=""> An error occured</span> <span *ngIf= "item.id ==-2" class="uk-alert uk-alert-warning" data-uk-alert=""> An error occured</span>
</li> </li>
</ul> </ul>

16
portal-2/src/app/utils/modal/alert.ts
View File

@ -6,28 +6,30 @@ import {Open} from './open.component';
@Component({ @Component({
selector: 'modal-alert', selector: 'modal-alert',
template: ` template: `
<div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'" [open]="!isOpen" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'" uk-modal [open]="!isOpen" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="uk-modal-dialog" role=""> <div class="uk-modal-dialog uk-modal-body" role="">
<div class="modal-header" [hidden]=!alertHeader> <div class="uk-modal-title" [hidden]=!alertHeader>
<a href="" class="uk-modal-close uk-close uk-float-right" (click)='cancel()' ></a> <a href="" class="uk-modal-close uk-close uk-float-right" (click)='cancel()' ></a>
<h4 class="modal-title text-center" id="myModalLabel">{{alertTitle}}</h4> <h4 class="modal-title text-center" id="myModalLabel">{{alertTitle}}</h4>
</div> </div>
<div class="uk-margin uk-modal-content"> <div class="uk-margin ">
<div [hidden]=!alertMessage> <div [hidden]=!alertMessage>
{{message}} {{message}}
</div> </div>
</div> </div>
<div class="uk-modal-footer uk-text-right" [hidden]=!alertFooter> <div class=" uk-text-right" [hidden]=!alertFooter>
<span [hidden]=!okButton > <span [hidden]=!okButton >
<button class="uk-button " (click)="ok()">{{okButtonText}}</button> <button class=" uk-button uk-button-default " (click)="ok()">{{okButtonText}}</button>
</span> </span>
<span [hidden]=!cancelButton> <span [hidden]=!cancelButton>
<button class="uk-button" (click)="cancel()">{{cancelButtonText}}</button> <button class=" uk-button uk-button-default" (click)="cancel()">{{cancelButtonText}}</button>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
`, `,
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
}) })

6
portal-2/src/app/utils/modal/open.component.ts
View File

@ -47,9 +47,9 @@ export class Open {
show() { show() {
if (typeof document !== 'undefined') { if (typeof document !== 'undefined') {
let backDrop = document.createElement('div'); // let backDrop = document.createElement('div');
backDrop.className="modal-backdrop fade in"; // backDrop.className="modal-backdrop fade in";
document.body.appendChild(backDrop); // document.body.appendChild(backDrop);
} }
this.isExpanded = true; this.isExpanded = true;
this.display = 'block'; this.display = 'block';

6
portal-2/src/app/utils/modal/selectModal.component.ts
View File

@ -10,7 +10,7 @@ import {Component, ViewEncapsulation, ComponentRef, ElementRef, Input, EventEmit
<div class="modal-body"> <div class="modal-body">
<div > <div >
<h3 class="text-center" >{{message}}</h3> <h3 class="text-center" >{{message}}</h3>
<!--div class="uk-button uk-form-select uk-active" data-uk-form-select=""> <!--div class="uk-button-default -select uk-active" data--select="">
<span class=""></span> <span class=""></span>
<i class="uk-icon-caret-down"></i> <i class="uk-icon-caret-down"></i>
<select (change)="selected=$event.target.value"> <select (change)="selected=$event.target.value">
@ -18,7 +18,7 @@ import {Component, ViewEncapsulation, ComponentRef, ElementRef, Input, EventEmit
</select> </select>
</div--> </div-->
<div class="uk-form-select" data-uk-form-select> <div class="-select" data--select>
<span></span> <span></span>
<select (change)="selected=$event.target.value"> <select (change)="selected=$event.target.value">
<option *ngFor="let option of options let i=index" value="{{option}}">{{option}}</option> <option *ngFor="let option of options let i=index" value="{{option}}">{{option}}</option>
@ -26,7 +26,7 @@ import {Component, ViewEncapsulation, ComponentRef, ElementRef, Input, EventEmit
</div> </div>
<div class="uk-modal-footer uk-text-right"> <div class="uk-modal-footer uk-text-right">
<button class="uk-button" (click)="close()">Proceed</button> <button class=" uk-button uk-button-default" (click)="close()">Proceed</button>
</div> </div>
</div> </div>

6
portal-2/src/app/utils/pagingFormatter.component.ts
View File

@ -12,9 +12,9 @@ import {RouterHelper} from './routerHelper.class';
<ul *ngIf=" ( getTotalPages() > 0 ) && (getTotalPages() > 1) && ( 0 < currentPage && currentPage <= getTotalPages() ) " class="uk-pagination"> <ul *ngIf=" ( getTotalPages() > 0 ) && (getTotalPages() > 1) && ( 0 < currentPage && currentPage <= getTotalPages() ) " class="uk-pagination">
<li *ngIf=" currentPage > 1" ><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',1)" routerLinkActive="router-link-active" [routerLink]=baseUrl aria-label="Previous"> <li *ngIf=" currentPage > 1" ><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',1)" routerLinkActive="router-link-active" [routerLink]=baseUrl aria-label="Previous">
<span><i class="uk-icon-angle-double-left"></i></span></a></li> <span><span uk-icon="icon: chevron-left"></span></span></a></li>
<li *ngIf=" currentPage > 1" ><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage - 1))" routerLinkActive="router-link-active" [routerLink]=baseUrl aria-label="Previous"> <li *ngIf=" currentPage > 1" ><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage - 1))" routerLinkActive="router-link-active" [routerLink]=baseUrl aria-label="Previous">
<span><i class="uk-icon-angle-left"></i></span></a></li> <span><span uk-icon="icon: chevron-left"></span></span></a></li>
<!--<li *ngIf=" currentPage > 1"><a [href]="onPage((currentPage -1))">\<</a></li>--> <!--<li *ngIf=" currentPage > 1"><a [href]="onPage((currentPage -1))">\<</a></li>-->
<li *ngIf=" currentPage -2 > 0"><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage - 2))" routerLinkActive="router-link-active" [routerLink]=baseUrl>{{currentPage -2}}</a></li> <li *ngIf=" currentPage -2 > 0"><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage - 2))" routerLinkActive="router-link-active" [routerLink]=baseUrl>{{currentPage -2}}</a></li>
@ -26,7 +26,7 @@ import {RouterHelper} from './routerHelper.class';
<li *ngIf=" (currentPage -1 <= 0)&&(currentPage +4 <= getTotalPages()) "><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage +4))" routerLinkActive="router-link-active" [routerLink]=baseUrl >{{currentPage +4}}</a></li> <li *ngIf=" (currentPage -1 <= 0)&&(currentPage +4 <= getTotalPages()) "><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage +4))" routerLinkActive="router-link-active" [routerLink]=baseUrl >{{currentPage +4}}</a></li>
<li *ngIf="getTotalPages() > currentPage"><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage + 1))" routerLinkActive="router-link-active" [routerLink]=baseUrl aria-label="Next"> <li *ngIf="getTotalPages() > currentPage"><a [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage + 1))" routerLinkActive="router-link-active" [routerLink]=baseUrl aria-label="Next">
<i class="uk-icon-angle-right"></i> <span uk-icon="icon: chevron-right"></span>
</a></li> </a></li>

4
portal-2/src/app/utils/pagingFormatterNoLoad.component.ts
View File

@ -9,7 +9,7 @@ import {Component, Input, Output, EventEmitter} from '@angular/core';
<ul *ngIf=" ( getTotalPages() > 0 ) && (getTotalPages() > 1) && ( 0 < currentPage && currentPage <= getTotalPages() ) " class="uk-pagination"> <ul *ngIf=" ( getTotalPages() > 0 ) && (getTotalPages() > 1) && ( 0 < currentPage && currentPage <= getTotalPages() ) " class="uk-pagination">
<li *ngIf=" currentPage > 1" ><a (click)="onPage((currentPage -1))" aria-label="Previous"> <li *ngIf=" currentPage > 1" ><a (click)="onPage((currentPage -1))" aria-label="Previous">
<span><i class="uk-icon-angle-left"></i></span></a></li> <span><span uk-icon="icon: chevron-left"></span></span></a></li>
<li *ngIf=" currentPage -2 > 0"><a (click)="onPage((currentPage -2))">{{currentPage -2}}</a></li> <li *ngIf=" currentPage -2 > 0"><a (click)="onPage((currentPage -2))">{{currentPage -2}}</a></li>
<li *ngIf=" currentPage -1 > 0 "><a (click)="onPage((currentPage -1))">{{currentPage -1}}</a></li> <li *ngIf=" currentPage -1 > 0 "><a (click)="onPage((currentPage -1))">{{currentPage -1}}</a></li>
<li class="uk-active"><span >{{currentPage}}</span></li> <li class="uk-active"><span >{{currentPage}}</span></li>
@ -18,7 +18,7 @@ import {Component, Input, Output, EventEmitter} from '@angular/core';
<li *ngIf=" (currentPage -2 <= 0)&&(currentPage +3 <= getTotalPages()) "><a (click)="onPage((currentPage +3))">{{currentPage +3}}</a></li> <li *ngIf=" (currentPage -2 <= 0)&&(currentPage +3 <= getTotalPages()) "><a (click)="onPage((currentPage +3))">{{currentPage +3}}</a></li>
<li *ngIf=" (currentPage -1 <= 0)&&(currentPage +4 <= getTotalPages()) "><a (click)="onPage((currentPage +4))">{{currentPage +4}}</a></li> <li *ngIf=" (currentPage -1 <= 0)&&(currentPage +4 <= getTotalPages()) "><a (click)="onPage((currentPage +4))">{{currentPage +4}}</a></li>
<li *ngIf="getTotalPages() > currentPage"><a (click)="onPage(currentPage +1)" aria-label="Next"> <li *ngIf="getTotalPages() > currentPage"><a (click)="onPage(currentPage +1)" aria-label="Next">
<i class="uk-icon-angle-right"></i> <span uk-icon="icon: chevron-right"></span>
</a> </a>
</li> </li>

6
portal-2/src/app/utils/staticAutoComplete/staticAutoComplete.component.ts
View File

@ -15,10 +15,10 @@ import {RefineFieldResultsService} from '../../services/refineFieldResults.servi
<span class="custom-autocomplete uk-width-1-1"> <span class="custom-autocomplete uk-width-1-1">
<span *ngIf = "showSelected && selectedValue != ''"> <span *ngIf = "showSelected && selectedValue != ''">
<span class="uk-alert-default" data-uk-alert="" *ngFor="let item of selected" [title]="showItem(item)"> <span >{{showItem(item)}} </span> <span class="uk-alert-default" data-uk-alert="" *ngFor="let item of selected" [title]="showItem(item)"> <span >{{showItem(item)}} </span>
<span (click)="remove(item)" aria-hidden="true" title="Remove selection" > <i class="uk-icon-remove clickable"></i> </span> <span (click)="remove(item)" aria-hidden="true" title="Remove selection" > <span class="clickable" uk-icon="icon: close"></span> </span>
</span> </span>
</span> </span>
<input *ngIf = "showInput " type="text" class="auto-complete-input validate filter-input input-sm form-control uk-form-width-small " [placeholder]=placeHolderMessage [(ngModel)]=keyword (keyup)=filter() > <input *ngIf = "showInput " type="text" class="auto-complete-input validate filter-input input-sm form-control -width-small " [placeholder]=placeHolderMessage [(ngModel)]=keyword (keyup)=filter() >
<!--span *ngIf="showLoading" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading... </span> <!--span *ngIf="showLoading" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading... </span>
<span *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" data-uk-alert=""> {{warningMessage}} <a href="" class="uk-alert-close uk-close"></a></span--> <span *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" data-uk-alert=""> {{warningMessage}} <a href="" class="uk-alert-close uk-close"></a></span-->
<div *ngIf="focus && showInput" class="uk-dropdown" aria-expanded="true" style="display:block" > <div *ngIf="focus && showInput" class="uk-dropdown" aria-expanded="true" style="display:block" >
@ -26,7 +26,7 @@ import {RefineFieldResultsService} from '../../services/refineFieldResults.servi
<li> <li>
<span *ngIf="showLoading" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading... </span> <span *ngIf="showLoading" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading... </span>
<span *ngIf="filtered.length > 0" > {{results}} results found:</span> <span *ngIf="filtered.length > 0" > {{results}} results found:</span>
<span *ngIf="filtered.length == 0" class="uk-alert uk-alert-info" data-uk-alert=""> No results found</span> <span *ngIf="filtered.length == 0" class="uk-alert uk-alert-primary" data-uk-alert=""> No results found</span>
</li> </li>
<li *ngFor=" let item of filtered"> <li *ngFor=" let item of filtered">
<a (click)="select(item)" [title]="showItem(item)" style="text-overflow: ellipsis; ">{{showItem(item)}}</a> <a (click)="select(item)" [title]="showItem(item)" style="text-overflow: ellipsis; ">{{showItem(item)}}</a>

602
portal-2/src/assets/custom.css
View File

@ -0,0 +1,602 @@
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Raleway|Roboto|Roboto:900|Roboto+Condensed|Roboto+Mono|Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
.hero_to_top {
}
.image-front-topbar {
margin-top:-40px;
}
.tm-header {
/*padding-top:40px;*/
}
.tm-toolbar {
border-top: 5px solid #05007A;
position:relative;
color: #fff;
padding-top: 0px;
padding-bottom:0px;
background:rgba(255,255,255, 0.0);
/*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(/images/toolbar_bg.png);*/
}
.tm-toolbar .forimage {
background:rgba(255,255,255, 0.4);
}
.uk-section-overlap {
/*margin-top:-40px!important;*/
}
.uk-sticky{
}
.tm-header .uk-navbar-left {position:relative;z-index:9999!important;}
.tm-header .uk-logo {padding: 5px 10px 10px 10px; position:relative;z-index:1000!important;}
.tm-header .uk-navbar-transparent{
/* background:rgba(255,255,255, 0.7);*/
padding-top:4px;
}
.inner {
left:0px;
background-color: #05007A;
}
.tm-toolbar .uk-container {
padding-right:0px;
}
.tm-toolbar ul.uk-subnav.uk-subnav-line{
background-color: #05007A;
padding-top:0px;
transform: skew(25deg);
padding-right:10px;
margin-right:10px;
padding-left:0px;
}
.tm-toolbar .uk-subnav-line li {
padding:5px 25px 5px 25px;
/*transition: background 0.2s;*/
/* display:inline-block;*/
font-family:Roboto!important;
font-weight:900!important;
text-transform:uppercase!important;
font-size:12px!important;
opacity:1!important;
display:inline-block;
}
.tm-toolbar .uk-subnav-line > :before {
content: none;
display: block;
/* display: inline-block*/
height: 10px;
vertical-align: middle
}
.uk-subnav-line > :nth-child(n + 2):before {
margin-right: 10px;
border-left: 0px ;
}
.tm-toolbar .uk-subnav-line li a{
display: block;
text-decoration:none;
transform: skew(-25deg);
font-family:Roboto:900!important;
text-transform:uppercase!important;
font-size:13px!important;
opacity:1!important;
color:#fff!important;
}
.tm-toolbar .uk-subnav-line li:hover {
color:#05007A!important;
background:#fff;
display: block;
}
.tm-toolbar .uk-subnav-line li a:hover,
.tm-toolbar .uk-subnav-line li:hover a{
display: block;
color:#05007A!important;
}
.tm-toolbar .uk-dotnav, .tm-toolbar .uk-subnav {
margin-bottom:0px!important;
}
.movetotop .uk-slidenav-position{
/*top:-130px;
z-index:5;*/
}
.uk-navbar-container:not(.uk-navbar-transparent) {
background: #fff;
box-shadow: 2px 15px 50px rgba(41, 44, 61, .1);
}
.uk-navbar-sticky {
box-shadow: 2px 15px 50px rgba(41, 44, 61, .1);
}
.navbar .nav>li>.dropdown-menu, .uk-navbar-dropdown
{display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 200px;
padding: 25px;
background: #fff;
color: #4F5260;
border-radius: 2px;
box-shadow: 2px 15px 50px rgba(41, 44, 61, .1)
}
.uk-navbar-container:not(.uk-navbar-transparent) a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link,
.uk-offcanvas-bar a, .uk-offcanvas-bar .uk-link, .tm-toolbar a, .tm-toolbar .uk-link {
color:#292C3D;
color: #245BCC;
font-size: 14px;
line-height: 18px;
}
a:hover, .uk-link:hover{
color: #D53B23;
}
.uk-light .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .tm-toolbar .uk-navbar-nav>li>a {
color:#292C3D;}
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a
color:#292C3D;}
.uk-light .uk-navbar-nav>li>a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a::before,
.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a::before, .
uk-card-secondary.uk-card-body .uk-navbar-nav>li>a::before,
.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a::before,
.uk-overlay-primary .uk-navbar-nav>li>a::before, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a::before,
.uk-offcanvas-bar .uk-navbar-nav>li>a::before, .tm-toolbar .uk-navbar-nav>li>a::before {
background-color: #128DD5;
}
.uk-navbar-nav>li>a::before {
/*height:2px;*/
background-color: #128DD5!important;
}
.uk-light .uk-navbar-nav>li:hover>a, .uk-light .uk-navbar-nav>li>a:focus, .uk-light .uk-navbar-nav>li>a.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open,
.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,
.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus,
.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open,
.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,
.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus,
.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open,
.uk-overlay-primary .uk-navbar-nav>li:hover>a, .uk-overlay-primary .uk-navbar-nav>li>a:focus,
.uk-overlay-primary .uk-navbar-nav>li>a.uk-open, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li:hover>a,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:focus,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a.uk-open,
.uk-offcanvas-bar .uk-navbar-nav>li:hover>a, .uk-offcanvas-bar .uk-navbar-nav>li>a:focus,
.uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open, .tm-toolbar .uk-navbar-nav>li:hover>a,
.tm-toolbar .uk-navbar-nav>li>a:focus, .tm-toolbar .uk-navbar-nav>li>a.uk-open {
color: #128DD5;
}
.uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a:focus,
.uk-light .uk-navbar-nav > li > a.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li:hover > a,
.uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:focus,
.uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li:hover > a,
.uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:focus,
.uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
.uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li > a:focus,
.uk-overlay-primary .uk-navbar-nav > li > a.uk-open, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:focus,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.uk-open,
.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, .uk-offcanvas-bar .uk-navbar-nav > li > a:focus,
.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open, .tm-toolbar .uk-navbar-nav > li:hover > a,
.tm-toolbar .uk-navbar-nav > li > a:focus, .tm-toolbar .uk-navbar-nav > li > a.uk-open {
color: #128DD5!important;
}
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
color: #128DD5!important;
}
.uk-light a:hover, .uk-light .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary>:not([class*='uk-card-media']) a:hover, .uk-card-primary>:not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary>:not([class*='uk-card-media']) a:hover, .uk-card-secondary>:not([class*='uk-card-media']) .uk-link:hover, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .uk-navbar-container:not(.uk-navbar-transparent) a:hover, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link:hover, .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover, .tm-toolbar a:hover, .tm-toolbar .uk-link:hover {
color: #128DD5!important;
}
.uk-light .uk-navbar-nav > li > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:active,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:active,
.uk-overlay-primary .uk-navbar-nav > li > a:active, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:active,
.uk-offcanvas-bar .uk-navbar-nav > li > a:active, .tm-toolbar .uk-navbar-nav > li > a:active {
color: #292C3D!important;
}
.uk-light .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li.uk-active > a,
.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a, .tm-toolbar .uk-navbar-nav > li.uk-active > a {
color: #292C3D!important;
}
.uk-light .uk-navbar-nav>li>a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active, .uk-overlay-primary .uk-navbar-nav>li>a:active, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:active, .uk-offcanvas-bar .uk-navbar-nav>li>a:active, .tm-toolbar .uk-navbar-nav>li>a:active {
color:#128DD5;
}
.uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle, .navbar .brand, .navbar-search, .navbar .nav>li>a {
font-size: 14px;
font-family: Roboto;
font-weight: 300 !important
}
.uk-navbar-dropdown, .navbar .nav>li>.dropdown-menu {
background:#fff;
}
.uk-navbar-dropdown-nav>li>a,
.uk-navbar-dropdown-nav .uk-nav-sub a {
color:#292C3D;
font-weight:300;
}
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h3 a,
.uk-section-secondary:not(.uk-preserve-color) a:hover { color:#444!important;}
.uk-article-title {
font-size: 38px;
line-height: 1.1;
}
.uk-text-meta {
font-size: 14px;
line-height: 1.4;
color: #90929D;
font-family: PT Serif;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
font-style: italic;
}
.uk-card-default .uk-card-title {
color: #292C3D !important;
}
.uk-light .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary>:not([class*='uk-card-media']) .uk-text-meta, .uk-card-secondary.uk-card-body .uk-text-meta, .uk-card-secondary>:not([class*='uk-card-media']) .uk-text-meta, .uk-overlay-primary .uk-text-meta, .uk-navbar-container:not(.uk-navbar-transparent) .uk-text-meta, .uk-offcanvas-bar .uk-text-meta, .tm-toolbar .uk-text-meta{
color: #90929D;
}
.uk-text-primary {color: #040067!important;}
.uk-text-secondary {color: #00a0de!important;}
.uk-section-primary {
background: #040067;
}
.uk-section-secondary {
background: #00a0de;
}
.first_page_section {
/*position: relative;*/
}
.first_page_section .uk-container {
/*max-width:100%!important;*/
/*width:100%!important;
padding:0px!important;*/
/*position: absolute;
bottom: 0;*/
}
.first_page_section .first_page_banner_headline {
/*position: relative;*/
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color:#fff;
}
.first_page_panel h3.uk-h1 {
color:#fff;
}
.first_page_panel {
background-color:#05007A!important;
border: 0px solid #e5e5e7!important;
padding:20px 20px!important;
/*width:100%!important;*/
font-size:24pt!important;
padding:20px!important;
color:#fff;
}
.first_page_panel .banner_text_bottom {
font-size:20pt;
padding:20px;
}
body {
font-family: 'Open Sans', sans-serif!important;
}
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
font-family: 'Open Sans', sans-serif !important;
}
h2, .uk-h2 {
font-size:36px;
}
.nspArt h4.nspHeader {
font-family: 'Open Sans', sans-serif !important;
font-weight: 400;
font-size: 16px;
margin: 0;
padding: 5px 0 5px 0;
}
.nspArt p, .nspArt ul, .nspArt ol, .nspArt dl, .nspArt pre, .nspArt address, .nspArt fieldset, .nspArt figure {
margin-top: 0px;
margin-bottom: 8px;
}
.nspArt p.nspText {margin-bottom:15px;}
.readon , .readon:link{
margin: 0;
border: 1px solid #eaeaea;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: 13px;
line-height: 40px;
text-align: center;
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
background-color: #fff;
color: #5b5b5b;
box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.07);
}
.readon:hover{
background-color: #fff;
color: #00a0de;
box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
}
.banner_text_white {font-weight: 300; font-size: 28px; color:white;}
/*footer*/
.footer-license {
font-size:11px!important;
line-height:16px!important;
}
.footer-license .uk-section-primary:not(.uk-preserve-color) a{
color: #128DD5!important;
font-size:11px!important;
line-height:16px!important;
}
.footer-license a:hover {
color: #D33A24;
}
/*custom classes */
.partner_slider .wk-link-reset, .partner_slider .wk-link-reset a, .partner_slider .wk-link-reset a:focus,
.partner_slider .wk-link-reset a:hover, .partner_slider .wk-link-reset:focus, .partner_slider .wk-link-reset:hover {
color: black;
}
.dark-divider hr, .dark-divider .uk-hr {
border-top: 1px solid #6c6c6c;
}
/*events*/
.calendar h3{text-transform:none; font-weight:300;}
.mod_events_latest_table td {
padding-top:5px;
padding-bottom:5px;
}
.mod_events_latest_table td p{
margin-bottom:10px;
margin-top:0px;
}
/*.mod_events_latest_table tr {
background: url(../../../images/header_line.png) bottom left repeat-x;
}*/
.mod_events_latest_date {
width: 18%;
float: left;
position: relative;
color:#757575;
color:#fff;
font-size:12px!important;
background: #9c9c9c;
font-weight:400;
/*
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border: 1px solid #757575;
-moz-box-shadow: 0px 0px 3px #757575;
-webkit-box-shadow: 0px 0px 3px #757575;
box-shadow: 0px 0px 3px #757575;
*/
margin-right:8px;
margin-top:5px;
text-align:center;
padding:10px 0px;
line-height:20px;
}
.mod_events_latest_date .larger_font {
font-size:28px!important;
font-weight:700!important;}
.mod_events_latest_time {
//float: left;
position: relative;
width: 75%;
overflow:visible;
line-height:14px;
font-weight:400;
font-size:12px;
padding: 5px 0px;
margin-bottom: 8px;
text-transform:none;
}
.mod_events_latest_time {
font-size:12px;
}
.mod_events_latest_table td .content{
font-size:12px!important;
font-weight:300;
text-transform:none;
}
.mod_events_latest_table td .hdr{
font-size:14px!important;
line-height: 16px;
font-weight:400!important;
text-transform:none;
}
.mod_events_latest_rsslink a {
color: #767779;
}
.mod_events_latest_rsslink{
padding: 30;
line-height: 1.625;
background: 0;
color: #767779;
position: relative;
padding-right: 27px;
margin: 0;
border: 0;
overflow: visible;
font: inherit;
display: block;
box-sizing: border-box;
vertical-align: middle;
font-size: 13px;
display:inline-block;
/*
text-align: center;
*/
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
background-origin: border-box;
}
.mod_events_latest_rsslink a:hover {
color: #00a0de
}
.mod_events_latest_rsslink:hover::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2300a0de%22%20points%3D%2217%201%2022%205.5%2017%2010%20%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%2300a0de%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2222.4%22%20y2%3D%225.5%22%3E%3C%2Fline%3E%0A%3C%2Fsvg%3E");
background-position: 100% 50%;
}
.mod_events_latest_rsslink::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 22px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23767779%22%20points%3D%2217%201%2022%205.5%2017%2010%20%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23767779%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2222.4%22%20y2%3D%225.5%22%3E%3C%2Fline%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: calc(100% - 5px) 50%;
-webkit-transition: background-position .2s ease-out;
transition: background-position .2s ease-out;
}
.mod_events_latest_callink a, .mod_events_latest_callink a:hover{
color: #fff!important;
}
.mod_events_latest_callink {
padding:0px;
margin:10px 0px;
background-color: #00a0de;
color: #fff!important;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: 13px;
line-height: 40px;
text-align: center;
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
background-origin: border-box;
}
.mod_events_latest_callink:hover {
background-color: #008ec5;
color: #fff!important;
}
/* news pro */
.nspLinks ul li h4 {
font-weight: 400;
font-size: 16px;
line-height: 18px;
}
.nspLinks ul li p {
text-transform:none;
font-size: 14px;
font-weight:300;
}
.readon-button{
text-transform: none;
font-size: 14px;
line-height: 20px;
font-weight: 300;
font-family: 'Open Sans', sans-serif !important;
}
.readon-button:hover {
}

BIN
portal-2/src/assets/dl119_files/80x15.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 410 B

BIN
portal-2/src/assets/dl119_files/Home-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
portal-2/src/assets/dl119_files/Logo_Horizontal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
portal-2/src/assets/dl119_files/Logo_Horizontal_white_small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
portal-2/src/assets/dl119_files/Symbol.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

602
portal-2/src/assets/dl119_files/custom.css Normal file
View File

@ -0,0 +1,602 @@
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Raleway|Roboto|Roboto:900|Roboto+Condensed|Roboto+Mono|Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
.hero_to_top {
}
.image-front-topbar {
margin-top:-40px;
}
.tm-header {
/*padding-top:40px;*/
}
.tm-toolbar {
border-top: 5px solid #05007A;
position:relative;
color: #fff;
padding-top: 0px;
padding-bottom:0px;
background:rgba(255,255,255, 0.0);
/*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(/images/toolbar_bg.png);*/
}
.tm-toolbar .forimage {
background:rgba(255,255,255, 0.4);
}
.uk-section-overlap {
/*margin-top:-40px!important;*/
}
.uk-sticky{
}
.tm-header .uk-navbar-left {position:relative;z-index:9999!important;}
.tm-header .uk-logo {padding: 5px 10px 10px 10px; position:relative;z-index:1000!important;}
.tm-header .uk-navbar-transparent{
/* background:rgba(255,255,255, 0.7);*/
padding-top:4px;
}
.inner {
left:0px;
background-color: #05007A;
}
.tm-toolbar .uk-container {
padding-right:0px;
}
.tm-toolbar ul.uk-subnav.uk-subnav-line{
background-color: #05007A;
padding-top:0px;
transform: skew(25deg);
padding-right:10px;
margin-right:10px;
padding-left:0px;
}
.tm-toolbar .uk-subnav-line li {
padding:5px 25px 5px 25px;
/*transition: background 0.2s;*/
/* display:inline-block;*/
font-family:Roboto!important;
font-weight:900!important;
text-transform:uppercase!important;
font-size:12px!important;
opacity:1!important;
display:inline-block;
}
.tm-toolbar .uk-subnav-line > :before {
content: none;
display: block;
/* display: inline-block*/
height: 10px;
vertical-align: middle
}
.uk-subnav-line > :nth-child(n + 2):before {
margin-right: 10px;
border-left: 0px ;
}
.tm-toolbar .uk-subnav-line li a{
display: block;
text-decoration:none;
transform: skew(-25deg);
font-family:Roboto:900!important;
text-transform:uppercase!important;
font-size:13px!important;
opacity:1!important;
color:#fff!important;
}
.tm-toolbar .uk-subnav-line li:hover {
color:#05007A!important;
background:#fff;
display: block;
}
.tm-toolbar .uk-subnav-line li a:hover,
.tm-toolbar .uk-subnav-line li:hover a{
display: block;
color:#05007A!important;
}
.tm-toolbar .uk-dotnav, .tm-toolbar .uk-subnav {
margin-bottom:0px!important;
}
.movetotop .uk-slidenav-position{
/*top:-130px;
z-index:5;*/
}
.uk-navbar-container:not(.uk-navbar-transparent) {
background: #fff;
box-shadow: 2px 15px 50px rgba(41, 44, 61, .1);
}
.uk-navbar-sticky {
box-shadow: 2px 15px 50px rgba(41, 44, 61, .1);
}
.navbar .nav>li>.dropdown-menu, .uk-navbar-dropdown
{display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 200px;
padding: 25px;
background: #fff;
color: #4F5260;
border-radius: 2px;
box-shadow: 2px 15px 50px rgba(41, 44, 61, .1)
}
.uk-navbar-container:not(.uk-navbar-transparent) a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link,
.uk-offcanvas-bar a, .uk-offcanvas-bar .uk-link, .tm-toolbar a, .tm-toolbar .uk-link {
color:#292C3D;
color: #245BCC;
font-size: 14px;
line-height: 18px;
}
a:hover, .uk-link:hover{
color: #D53B23;
}
.uk-light .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .tm-toolbar .uk-navbar-nav>li>a {
color:#292C3D;}
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a
color:#292C3D;}
.uk-light .uk-navbar-nav>li>a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a::before,
.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a::before, .
uk-card-secondary.uk-card-body .uk-navbar-nav>li>a::before,
.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a::before,
.uk-overlay-primary .uk-navbar-nav>li>a::before, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a::before,
.uk-offcanvas-bar .uk-navbar-nav>li>a::before, .tm-toolbar .uk-navbar-nav>li>a::before {
background-color: #128DD5;
}
.uk-navbar-nav>li>a::before {
/*height:2px;*/
background-color: #128DD5!important;
}
.uk-light .uk-navbar-nav>li:hover>a, .uk-light .uk-navbar-nav>li>a:focus, .uk-light .uk-navbar-nav>li>a.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open,
.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,
.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus,
.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open,
.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,
.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus,
.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open,
.uk-overlay-primary .uk-navbar-nav>li:hover>a, .uk-overlay-primary .uk-navbar-nav>li>a:focus,
.uk-overlay-primary .uk-navbar-nav>li>a.uk-open, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li:hover>a,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:focus,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a.uk-open,
.uk-offcanvas-bar .uk-navbar-nav>li:hover>a, .uk-offcanvas-bar .uk-navbar-nav>li>a:focus,
.uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open, .tm-toolbar .uk-navbar-nav>li:hover>a,
.tm-toolbar .uk-navbar-nav>li>a:focus, .tm-toolbar .uk-navbar-nav>li>a.uk-open {
color: #128DD5;
}
.uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a:focus,
.uk-light .uk-navbar-nav > li > a.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li:hover > a,
.uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:focus,
.uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li:hover > a,
.uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:focus,
.uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
.uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li > a:focus,
.uk-overlay-primary .uk-navbar-nav > li > a.uk-open, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:focus,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.uk-open,
.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, .uk-offcanvas-bar .uk-navbar-nav > li > a:focus,
.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open, .tm-toolbar .uk-navbar-nav > li:hover > a,
.tm-toolbar .uk-navbar-nav > li > a:focus, .tm-toolbar .uk-navbar-nav > li > a.uk-open {
color: #128DD5!important;
}
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
color: #128DD5!important;
}
.uk-light a:hover, .uk-light .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary>:not([class*='uk-card-media']) a:hover, .uk-card-primary>:not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary>:not([class*='uk-card-media']) a:hover, .uk-card-secondary>:not([class*='uk-card-media']) .uk-link:hover, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .uk-navbar-container:not(.uk-navbar-transparent) a:hover, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link:hover, .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover, .tm-toolbar a:hover, .tm-toolbar .uk-link:hover {
color: #128DD5!important;
}
.uk-light .uk-navbar-nav > li > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:active,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:active,
.uk-overlay-primary .uk-navbar-nav > li > a:active, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:active,
.uk-offcanvas-bar .uk-navbar-nav > li > a:active, .tm-toolbar .uk-navbar-nav > li > a:active {
color: #292C3D!important;
}
.uk-light .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary > :not([class * ='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li.uk-active > a,
.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a, .tm-toolbar .uk-navbar-nav > li.uk-active > a {
color: #292C3D!important;
}
.uk-light .uk-navbar-nav>li>a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active, .uk-overlay-primary .uk-navbar-nav>li>a:active, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:active, .uk-offcanvas-bar .uk-navbar-nav>li>a:active, .tm-toolbar .uk-navbar-nav>li>a:active {
color:#128DD5;
}
.uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle, .navbar .brand, .navbar-search, .navbar .nav>li>a {
font-size: 14px;
font-family: Roboto;
font-weight: 300 !important
}
.uk-navbar-dropdown, .navbar .nav>li>.dropdown-menu {
background:#fff;
}
.uk-navbar-dropdown-nav>li>a,
.uk-navbar-dropdown-nav .uk-nav-sub a {
color:#292C3D;
font-weight:300;
}
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h3 a,
.uk-section-secondary:not(.uk-preserve-color) a:hover { color:#444!important;}
.uk-article-title {
font-size: 38px;
line-height: 1.1;
}
.uk-text-meta {
font-size: 14px;
line-height: 1.4;
color: #90929D;
font-family: PT Serif;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
font-style: italic;
}
.uk-card-default .uk-card-title {
color: #292C3D !important;
}
.uk-light .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary>:not([class*='uk-card-media']) .uk-text-meta, .uk-card-secondary.uk-card-body .uk-text-meta, .uk-card-secondary>:not([class*='uk-card-media']) .uk-text-meta, .uk-overlay-primary .uk-text-meta, .uk-navbar-container:not(.uk-navbar-transparent) .uk-text-meta, .uk-offcanvas-bar .uk-text-meta, .tm-toolbar .uk-text-meta{
color: #90929D;
}
.uk-text-primary {color: #040067!important;}
.uk-text-secondary {color: #00a0de!important;}
.uk-section-primary {
background: #040067;
}
.uk-section-secondary {
background: #00a0de;
}
.first_page_section {
/*position: relative;*/
}
.first_page_section .uk-container {
/*max-width:100%!important;*/
/*width:100%!important;
padding:0px!important;*/
/*position: absolute;
bottom: 0;*/
}
.first_page_section .first_page_banner_headline {
/*position: relative;*/
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color:#fff;
}
.first_page_panel h3.uk-h1 {
color:#fff;
}
.first_page_panel {
background-color:#05007A!important;
border: 0px solid #e5e5e7!important;
padding:20px 20px!important;
/*width:100%!important;*/
font-size:24pt!important;
padding:20px!important;
color:#fff;
}
.first_page_panel .banner_text_bottom {
font-size:20pt;
padding:20px;
}
body {
font-family: 'Open Sans', sans-serif!important;
}
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
font-family: 'Open Sans', sans-serif !important;
}
h2, .uk-h2 {
font-size:36px;
}
.nspArt h4.nspHeader {
font-family: 'Open Sans', sans-serif !important;
font-weight: 400;
font-size: 16px;
margin: 0;
padding: 5px 0 5px 0;
}
.nspArt p, .nspArt ul, .nspArt ol, .nspArt dl, .nspArt pre, .nspArt address, .nspArt fieldset, .nspArt figure {
margin-top: 0px;
margin-bottom: 8px;
}
.nspArt p.nspText {margin-bottom:15px;}
.readon , .readon:link{
margin: 0;
border: 1px solid #eaeaea;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: 13px;
line-height: 40px;
text-align: center;
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
background-color: #fff;
color: #5b5b5b;
box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.07);
}
.readon:hover{
background-color: #fff;
color: #00a0de;
box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
}
.banner_text_white {font-weight: 300; font-size: 28px; color:white;}
/*footer*/
.footer-license {
font-size:11px!important;
line-height:16px!important;
}
.footer-license .uk-section-primary:not(.uk-preserve-color) a{
color: #128DD5!important;
font-size:11px!important;
line-height:16px!important;
}
.footer-license a:hover {
color: #D33A24;
}
/*custom classes */
.partner_slider .wk-link-reset, .partner_slider .wk-link-reset a, .partner_slider .wk-link-reset a:focus,
.partner_slider .wk-link-reset a:hover, .partner_slider .wk-link-reset:focus, .partner_slider .wk-link-reset:hover {
color: black;
}
.dark-divider hr, .dark-divider .uk-hr {
border-top: 1px solid #6c6c6c;
}
/*events*/
.calendar h3{text-transform:none; font-weight:300;}
.mod_events_latest_table td {
padding-top:5px;
padding-bottom:5px;
}
.mod_events_latest_table td p{
margin-bottom:10px;
margin-top:0px;
}
/*.mod_events_latest_table tr {
background: url(../../../images/header_line.png) bottom left repeat-x;
}*/
.mod_events_latest_date {
width: 18%;
float: left;
position: relative;
color:#757575;
color:#fff;
font-size:12px!important;
background: #9c9c9c;
font-weight:400;
/*
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border: 1px solid #757575;
-moz-box-shadow: 0px 0px 3px #757575;
-webkit-box-shadow: 0px 0px 3px #757575;
box-shadow: 0px 0px 3px #757575;
*/
margin-right:8px;
margin-top:5px;
text-align:center;
padding:10px 0px;
line-height:20px;
}
.mod_events_latest_date .larger_font {
font-size:28px!important;
font-weight:700!important;}
.mod_events_latest_time {
//float: left;
position: relative;
width: 75%;
overflow:visible;
line-height:14px;
font-weight:400;
font-size:12px;
padding: 5px 0px;
margin-bottom: 8px;
text-transform:none;
}
.mod_events_latest_time {
font-size:12px;
}
.mod_events_latest_table td .content{
font-size:12px!important;
font-weight:300;
text-transform:none;
}
.mod_events_latest_table td .hdr{
font-size:14px!important;
line-height: 16px;
font-weight:400!important;
text-transform:none;
}
.mod_events_latest_rsslink a {
color: #767779;
}
.mod_events_latest_rsslink{
padding: 30;
line-height: 1.625;
background: 0;
color: #767779;
position: relative;
padding-right: 27px;
margin: 0;
border: 0;
overflow: visible;
font: inherit;
display: block;
box-sizing: border-box;
vertical-align: middle;
font-size: 13px;
display:inline-block;
/*
text-align: center;
*/
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
background-origin: border-box;
}
.mod_events_latest_rsslink a:hover {
color: #00a0de
}
.mod_events_latest_rsslink:hover::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2300a0de%22%20points%3D%2217%201%2022%205.5%2017%2010%20%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%2300a0de%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2222.4%22%20y2%3D%225.5%22%3E%3C%2Fline%3E%0A%3C%2Fsvg%3E");
background-position: 100% 50%;
}
.mod_events_latest_rsslink::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 22px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23767779%22%20points%3D%2217%201%2022%205.5%2017%2010%20%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23767779%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2222.4%22%20y2%3D%225.5%22%3E%3C%2Fline%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: calc(100% - 5px) 50%;
-webkit-transition: background-position .2s ease-out;
transition: background-position .2s ease-out;
}
.mod_events_latest_callink a, .mod_events_latest_callink a:hover{
color: #fff!important;
}
.mod_events_latest_callink {
padding:0px;
margin:10px 0px;
background-color: #00a0de;
color: #fff!important;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: 13px;
line-height: 40px;
text-align: center;
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
background-origin: border-box;
}
.mod_events_latest_callink:hover {
background-color: #008ec5;
color: #fff!important;
}
/* news pro */
.nspLinks ul li h4 {
font-weight: 400;
font-size: 16px;
line-height: 18px;
}
.nspLinks ul li p {
text-transform:none;
font-size: 14px;
font-weight:300;
}
.readon-button{
text-transform: none;
font-size: 14px;
line-height: 20px;
font-weight: 300;
font-family: 'Open Sans', sans-serif !important;
}
.readon-button:hover {
}

BIN
portal-2/src/assets/dl119_files/ec_logo_inv_small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

5
portal-2/src/assets/dl119_files/jquery.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

9
portal-2/src/assets/dl119_files/theme.css Normal file
View File

File diff suppressed because one or more lines are too long

4
portal-2/src/assets/dl119_files/uikit-icons-max.js Normal file
View File

File diff suppressed because one or more lines are too long

5
portal-2/src/assets/dl119_files/uikit.js Normal file
View File

File diff suppressed because one or more lines are too long

75
portal-2/src/index.html
View File

@ -13,38 +13,16 @@
<meta name="og:image" content="assets/newlogo.png"> <meta name="og:image" content="assets/newlogo.png">
<link href="assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<title>Search OpenAIRE</title> <title>Search OpenAIRE</title>
<script src="assets/jquery/jquery.min.js" type="text/javascript"></script> <!-- <script src="assets/jquery/jquery.min.js" type="text/javascript"></script> -->
<!--uikit--> <script src="../node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="assets/uikit-2.27.2/js/uikit.min.js" type="text/javascript"></script> <!-- <link rel="stylesheet" href="node_modules/uikit/dist/css/uikit.min.css"> -->
<link href="assets/uikit-2.27.2/css/uikit.almost-flat.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="assets/dl119_files/theme.css">
<link rel="stylesheet" href="assets/dl119_files/custom.css">
<!-- Drop down --> <script src="assets/dl119_files/jquery.js"></script>
<script src="assets/uikit-2.27.2/js/core/dropdown.min.js" type="text/javascript"></script> <script src="assets/dl119_files/uikit.js"></script>
<!-- Accordion --> <script src="node_modules/uikit/dist/js/uikit.min.js"></script>
<link href="assets/uikit-2.27.2/css/components/accordion.almost-flat.min.css" rel="stylesheet" type="text/css" />
<script src="assets/uikit-2.27.2/js/components/accordion.min.js" type="text/javascript"></script>
<!-- tabs/switcher -->
<script src="assets/uikit-2.27.2/js/core/tab.min.js" type="text/javascript"></script>
<script src="assets/uikit-2.27.2/js/core/switcher.min.js" type="text/javascript"></script>
<!-- toggle -->
<script src="assets/uikit-2.27.2/js/core/toggle.min.js" type="text/javascript"></script>
<!-- Progress Bar -->
<link href="assets/uikit-2.27.2/css/components/progress.almost-flat.min.css" rel="stylesheet" type="text/css" />
<!-- Notify -->
<link href="assets/uikit-2.27.2/css/components/notify.almost-flat.min.css" rel="stylesheet" type="text/css" />
<script src="assets/uikit-2.27.2/js/components/notify.min.js" type="text/javascript"></script>
<!-- Tooltip -->
<link href="assets/uikit-2.27.2/css/components/tooltip.almost-flat.min.css" rel="stylesheet" type="text/css" />
<script src="assets/uikit-2.27.2/js/components/tooltip.min.js" type="text/javascript"></script>
<!-- Button -->
<script src="assets/uikit-2.27.2/js/core/button.min.js" type="text/javascript"></script>
<!-- Alert -->
<script src="assets/uikit-2.27.2/js/core/alert.min.js" type="text/javascript"></script>
<!-- Grid -->
<script src="assets/uikit-2.27.2/js/components/grid.min.js" type="text/javascript"></script>
<!-- Modal -->
<script src="assets/uikit-2.27.2/js/core/modal.min.js" type="text/javascript"></script>
<script src="assets/dl119_files/uikit-icons-max.js"></script>
<!-- Google sitename markup--> <!-- Google sitename markup-->
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@ -77,6 +55,12 @@
<!-- End of Google sitelinks search markup--> <!-- End of Google sitelinks search markup-->
<style> <style>
.custom-user-mini-panel{
color:#444 !important
}
.custom-user-mini-panel a{
color:rgb(36, 91, 204);
}
.custom-main-content{ .custom-main-content{
height: 100%; height: 100%;
min-height: 750px; min-height: 750px;
@ -165,7 +149,7 @@
display: inline-flex; display: inline-flex;
} }
.filterItem .filterName { .filterItem .filterName {
max-width: 80%; max-width: 71%;
} }
.browseFilters .filterItem .filterName { .browseFilters .filterItem .filterName {
max-width: 68%; max-width: 68%;
@ -190,32 +174,19 @@
} }
</style> </style>
</head> </head>
<body class=""> <body class="" cz-shortcut-listen="true" style="">
<div class="uk-offcanvas-content">
<script async src="/main.bundle.js"></script> <script async src="/main.bundle.js"></script>
<app> <app>
Loading Universal ... Loading Universal ...
</app> </app>
<!--ul class="uk-tab uk-width-medium-7-10" data-uk-tab="">
<li class="" aria-expanded="false"><a href="#">Active</a></li>
<li class="" aria-expanded="false"><a href="#">Item</a></li>
<li aria-expanded="true" class="uk-active"><a href="#">Item</a></li>
<li class="uk-disabled"><a href="#">Disabled</a></li>
<li class="uk-tab-responsive uk-active uk-hidden" aria-haspopup="true" aria-expanded="false"><a>Item</a><div class="uk-dropdown uk-dropdown-small" aria-hidden="true"><ul class="uk-nav uk-nav-dropdown"></ul><div></div></div></li></ul>
<div class="uk-button-dropdown" data-uk-dropdown="{mode:'click'}" aria-haspopup="true" aria-expanded="false">
<button class="uk-button">Click me <i class="uk-icon-caret-down"></i></button>
<div class="uk-dropdown uk-dropdown-bottom" aria-hidden="true" style="top: 30px; left: 0px;" tabindex="">
<ul class="uk-nav uk-nav-dropdown">
<li><a href="#">Item</a></li>
<li><a href="#">Another item</a></li>
<li class="uk-nav-header">Header</li>
<li><a href="#">Item</a></li>
<li><a href="#">Another item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="#">Separated item</a></li>
</ul>
</div> </div>
</div-->
<!-- Go to www.addthis.com/dashboard to customize your tools --> <!-- 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--> <!-- to update addThis: https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080-->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080"></script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080"></script>