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

change pagination / some buttons/ tables classes | change layout of claims component 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@44978 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2016-12-15 17:01:23 +00:00
parent c52574693f
commit 706b03b384
33 changed files with 704 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -42,11 +42,8 @@ export class XLargeDirective {
<!-- Sidebar --> <!-- Sidebar -->
<aside id="tm-sidebar" class="tm-sidebar uk-width-1-4@m"> <aside id="tm-sidebar" class="tm-sidebar uk-width-1-4@m">
<div class="uk-child-width-1-1" uk-grid> <div class="uk-child-width-1-1" uk-grid>
<div class="uk-width-1-4@m"> something in sidebar
something in sidebar
<login></login> <login></login>
</div>
</div> </div>
</aside> </aside>
<!-- end of sidebar --> <!-- end of sidebar -->
@ -57,7 +54,7 @@ export class XLargeDirective {
<bottom></bottom> <bottom></bottom>
` `
}) })
export class AppComponent { export class AppComponent {
title = 'ftw'; title = 'ftw';

10
portal-2/src/app/claimPages/claim-utils/claimDataset.component.ts
View File

@ -29,12 +29,12 @@ import{DOI} from '../../utils/string-utils.class';
</div> </div>
<div *ngIf="dataciteResultsNum == null || dataciteResultsNum == 0" class="alert alert-info" role="alert">No results found</div> <div *ngIf="dataciteResultsNum == null || dataciteResultsNum == 0" class="alert alert-info" role="alert">No results found</div>
<div > <div >
<ul *ngIf="dataciteResults.length > 0 " class="list-group"> <ul *ngIf="dataciteResults.length > 0 " class="uk-list">
<li *ngFor=" let item of dataciteResults " [class]="(isSelected(item.doi))?'list-group-item panel-footer':'list-group-item'" > <li *ngFor=" let item of dataciteResults " [class]="(isSelected(item.doi))?'list-group-item panel-footer':'list-group-item'" >
<div > <div >
<a *ngIf="item.doi" target="_blank" href="{{'http://dx.doi.org/'+item.doi}}" >{{item.title}}</a> <a *ngIf="item.doi" target="_blank" href="{{'http://dx.doi.org/'+item.doi}}" >{{item.title}}</a>
<span *ngIf="!item.doi" >{{item.title}}</span> <span *ngIf="!item.doi" >{{item.title}}</span>
<span *ngIf="!isSelected(item.doi)" (click)="add(item, item.doi,'dataset','datacite',item.title,'http://dx.doi.org/'+item.doi, null,'OPEN')" aria-hidden="true" class= " btn glyphicon glyphicon-plus"></span> <i *ngIf="!isSelected(item.doi)" (click)="add(item, item.doi,'dataset','datacite',item.title,'http://dx.doi.org/'+item.doi, null,'OPEN')" aria-hidden="true" class= "uk-icon-plus clickable">Add</i>
</div> </div>
<span *ngIf="item.publisher" class="sub-title-elements">Publisher: {{item.publisher}}</span> <span *ngIf="item.publisher" class="sub-title-elements">Publisher: {{item.publisher}}</span>
<div *ngIf="item.creator" class="sub-title-elements">Authors: <span *ngFor="let author of item.creator let i = index">{{author}}{{(i < (item.creator.length-1))?"; ":""}}</span></div> <div *ngIf="item.creator" class="sub-title-elements">Authors: <span *ngFor="let author of item.creator let i = index">{{author}}{{(i < (item.creator.length-1))?"; ":""}}</span></div>
@ -51,13 +51,13 @@ import{DOI} from '../../utils/string-utils.class';
<paging-no-load [currentPage]="openairePage" [totalResults]="openaireResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="openairePageChange($event)"> </paging-no-load> <paging-no-load [currentPage]="openairePage" [totalResults]="openaireResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="openairePageChange($event)"> </paging-no-load>
</div> </div>
<div > <div >
<ul *ngIf="openaireResults.length > 0 " class="list-group"> <ul *ngIf="openaireResults.length > 0 " class="uk-list">
<li *ngFor=" let result of openaireResults " [class]="(isSelected(result.id))?'list-group-item panel-footer':'list-group-item'"> <li *ngFor=" let result of openaireResults " [class]="(isSelected(result.id))?'list-group-item panel-footer':'list-group-item'">
<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>
<span *ngIf="!isSelected(result.id)" <i *ngIf="!isSelected(result.id)"
(click)="add(result, result.id, 'dataset', 'openaire', result['title'].name, result['title'].url, result.year, result['title'].accessMode)" aria-hidden="true" class= " btn glyphicon glyphicon-plus"></span> (click)="add(result, result.id, 'dataset', 'openaire', result['title'].name, result['title'].url, result.year, result['title'].accessMode)" aria-hidden="true" class= "uk-icon-plus clickable">Add</i>
</div> </div>
<span *ngIf="result.publisher" class="sub-title-elements">Publisher: {{result.publisher}}</span><span *ngIf="(result.year)">({{result.year}})</span> <span *ngIf="result.publisher" class="sub-title-elements">Publisher: {{result.publisher}}</span><span *ngIf="(result.year)">({{result.year}})</span>
<div *ngIf="result.authors" class="sub-title-elements">Authors: <span *ngFor="let author of result.authors let i = index">{{author.name}}{{(i < (result.authors.length-1))?"; ":""}}</span></div> <div *ngIf="result.authors" class="sub-title-elements">Authors: <span *ngFor="let author of result.authors let i = index">{{author.name}}{{(i < (result.authors.length-1))?"; ":""}}</span></div>

2
portal-2/src/app/claimPages/claim-utils/claimProject.component.ts
View File

@ -45,7 +45,7 @@ import {ClaimProject} from '../../utils/entities/claimEntities.class';
</div> </div>
</form> </form>
<div class="suggestions" > <div class="suggestions" >
<ul class="list-group" > <ul class="uk-list" >
<li *ngFor=" let item of filteredList | async " class="list-group-item" > <li *ngFor=" let item of filteredList | async " class="list-group-item" >
<a (click)="select(item)"> {{(item.field[1]['@value'])?item.field[1]['@value']+" - ":""}} {{item.field[3]['@value']}}</a> <a (click)="select(item)"> {{(item.field[1]['@value'])?item.field[1]['@value']+" - ":""}} {{item.field[3]['@value']}}</a>
</li> </li>

14
portal-2/src/app/claimPages/claim-utils/claimPublication.component.html
View File

@ -16,12 +16,12 @@
<paging-no-load [currentPage]="crossrefPage" [totalResults]="crossrefResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="crossrefPageChange($event)"> </paging-no-load> <paging-no-load [currentPage]="crossrefPage" [totalResults]="crossrefResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="crossrefPageChange($event)"> </paging-no-load>
</div> </div>
<div > <div >
<ul *ngIf="crossrefResults.length > 0 " class="list-group"> <ul *ngIf="crossrefResults.length > 0 " class="uk-list">
<li *ngFor=" let item of crossrefResults " [class]="(isSelected(item.DOI))?'list-group-item panel-footer':'list-group-item'"> <li *ngFor=" let item of crossrefResults " [class]="(isSelected(item.DOI))?'list-group-item panel-footer':'list-group-item'">
<div > <div >
<a *ngIf="item.URL" target="_blank" href="{{item.URL}}" >{{item.title}}</a> <a *ngIf="item.URL" target="_blank" href="{{item.URL}}" >{{item.title}}</a>
<span *ngIf="!item.URL" >{{item.title}}</span> <span *ngIf="!item.URL" >{{item.title}}</span>
<span *ngIf="!isSelected(item.DOI)" (click)="add(item, item.DOI, 'crossref', 'publication', item.URL, item.title, item.created['date-time'],'OPEN')" aria-hidden="true" class= " btn glyphicon glyphicon-plus"></span> <i *ngIf="!isSelected(item.DOI)" (click)="add(item, item.DOI, 'crossref', 'publication', item.URL, item.title, item.created['date-time'],'OPEN')" aria-hidden="true" class= "uk-icon-plus clickable">Add</i>
</div> </div>
<span *ngIf="item.publisher" class="sub-title-elements">Publisher: {{item.publisher}}</span><span *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="sub-title-elements">Publisher: {{item.publisher}}</span><span *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" class="sub-title-elements">Authors: <span *ngFor="let author of item.author let i = index">{{author.family}} {{author.given}}{{(i < (item.author.length-1))?"; ":""}}</span></div> <div *ngIf="item.author" class="sub-title-elements">Authors: <span *ngFor="let author of item.author let i = index">{{author.family}} {{author.given}}{{(i < (item.author.length-1))?"; ":""}}</span></div>
@ -42,12 +42,12 @@
<paging-no-load [currentPage]="openairePage" [totalResults]="openaireResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="openairePageChange($event)"> </paging-no-load> <paging-no-load [currentPage]="openairePage" [totalResults]="openaireResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="openairePageChange($event)"> </paging-no-load>
</div> </div>
<div > <div >
<ul *ngIf="openaireResults.length > 0 " class="list-group"> <ul *ngIf="openaireResults.length > 0 " class="uk-list">
<li *ngFor=" let result of openaireResults " [class]="(isSelected(result.id))?'list-group-item panel-footer':'list-group-item'"> <li *ngFor=" let result of openaireResults " [class]="(isSelected(result.id))?'list-group-item panel-footer':'list-group-item'">
<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>
<span *ngIf="!isSelected(result.id)" (click)="add(result, result.id, 'openaire', 'publication', result['title'].url, result['title'].name, result.year,result['title'].accessMode)" aria-hidden="true" class= " btn glyphicon glyphicon-plus"></span> <i *ngIf="!isSelected(result.id)" (click)="add(result, result.id, 'openaire', 'publication', result['title'].url, result['title'].name, result.year,result['title'].accessMode)" aria-hidden="true" class= "uk-icon-plus clickable">Add</i>
</div> </div>
<span *ngIf="result.publisher" class="sub-title-elements">Publisher: {{result.publisher}}</span><span *ngIf="(result.year)">({{result.year}})</span> <span *ngIf="result.publisher" class="sub-title-elements">Publisher: {{result.publisher}}</span><span *ngIf="(result.year)">({{result.year}})</span>
<div *ngIf="result.authors" class="sub-title-elements">Authors: <span *ngFor="let author of result.authors let i = index">{{author.name}}{{(i < (result.authors.length-1))?"; ":""}}</span></div> <div *ngIf="result.authors" class="sub-title-elements">Authors: <span *ngFor="let author of result.authors let i = index">{{author.name}}{{(i < (result.authors.length-1))?"; ":""}}</span></div>
@ -68,7 +68,7 @@
<div class = "alert alert-warning " > Not the right author? Choose one of these: <div class = "alert alert-warning " > Not the right author? Choose one of these:
<span class="dropdown"> <span class="dropdown">
<button class=" btn btn-default dropdown-toggle" type= "button" data-toggle="dropdown" id="orcidDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class=" uk-button dropdown-toggle" type= "button" data-toggle="dropdown" id="orcidDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Selected: {{authorGivenName}} {{authorFamilyName}} Selected: {{authorGivenName}} {{authorFamilyName}}
</button> </button>
<ul class="dropdown-menu " aria-labelledby="orcidDropDown"> <ul class="dropdown-menu " aria-labelledby="orcidDropDown">
@ -90,11 +90,11 @@
</div> </div>
<div > <div >
<ul *ngIf="orcidResultsNum >0 && orcidResultsToShow.length > 0 " class="list-group"> <ul *ngIf="orcidResultsNum >0 && orcidResultsToShow.length > 0 " class="uk-list">
<li *ngFor=" let item of orcidResultsToShow " [class]="(isSelected(authorId+'-'+item['put-code']))?'list-group-item panel-footer':'list-group-item'"> <li *ngFor=" let item of orcidResultsToShow " [class]="(isSelected(authorId+'-'+item['put-code']))?'list-group-item panel-footer':'list-group-item'">
<div> <div>
<span *ngIf="!item.URL" >{{item['work-title']['title'].value}}</span> <span *ngIf="!item.URL" >{{item['work-title']['title'].value}}</span>
<span *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')" aria-hidden="true" class= " btn glyphicon glyphicon-plus"></span> <i *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')" aria-hidden="true" class= " uk-icon-plus clickable">Add</i>
</div> </div>
<span *ngIf="item['journal-title'] && item['journal-title'].value " class="sub-title-elements">Journal: {{item['journal-title'].value}}</span><span *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="sub-title-elements">Journal: {{item['journal-title'].value}}</span><span *ngIf="(item['publication-date']&&item['publication-date'].year&&item['publication-date'].year.value)"> ({{item['publication-date'].year.value}})</span>
<div *ngIf="item.contributors" class="sub-title-elements">Authors: <span *ngFor="let author of item.contributors let i = index">{{author}}{{(i < (item.contributors.length-1))?"; ":""}}</span></div> <div *ngIf="item.contributors" class="sub-title-elements">Authors: <span *ngFor="let author of item.contributors let i = index">{{author}}{{(i < (item.contributors.length-1))?"; ":""}}</span></div>

2
portal-2/src/app/claimPages/claim-utils/claimResult.component.ts
View File

@ -34,7 +34,7 @@ import {SearchDataciteService} from '../../services/searchDatacite.service';
<input class=" form-control" [(ngModel)]="keyword" name="keyword"/> <input class=" form-control" [(ngModel)]="keyword" name="keyword"/>
<span class="input-group-btn"> <span class="input-group-btn">
<button (click)="search()" type="submit" class="btn btn-default">Search</button> <button (click)="search()" type="submit" class="uk-button">Search</button>
</span> </span>
</div> </div>
</form> </form>

54
portal-2/src/app/claimPages/claim-utils/claims.component.html
View File

@ -1,35 +1,21 @@
<div class="container">
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-xs-12 col-sm-3">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">Claims related to</div>
<!-- List group -->
<div class="panel-body">
<p>
<label> <input [(ngModel)]="projectCB" type="checkbox" (ngModelChange)="changeType()" /> Project </label>
</p>
<p>
<label> <input [(ngModel)]="publicationCB" type="checkbox" (ngModelChange)="changeType()" /> Publication </label>
</p>
<p>
<label> <input [(ngModel)]="datasetCB" type="checkbox" (ngModelChange)="changeType()" /> Dataset </label>
</p>
<p>
<label> <input [(ngModel)]="contextCB" type="checkbox" (ngModelChange)="changeType()" /> Context </label>
</p>
<p class="align-right">
<button class="btn btn-primary" (click)="clearFilters()">Clear filters</button>
</p>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-9 sidebar-offcanvas" id="sidebar"> <form class="uk-form">
<fieldset data-uk-margin>
<legend>Filter By:</legend>
<input type="text" class="form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="inputkeyword" (keyup)="changekeyword()" name="claims-keyword" >
<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)]="datasetCB" type="checkbox" (ngModelChange)="changeType()" name="dataset" /> Dataset </label>
<label> <input [(ngModel)]="contextCB" type="checkbox" (ngModelChange)="changeType()" name="context" /> Context </label>
</fieldset>
</form>
<h4 *ngIf="resultsNum>0" >Showing {{(size*page - size +1)}} to {{(size*page>resultsNum)?resultsNum:(size*page)}} of {{resultsNum}} claims</h4> <h4 *ngIf="resultsNum>0" >Showing {{(size*page - size +1)}} to {{(size*page>resultsNum)?resultsNum:(size*page)}} of {{resultsNum}} claims</h4>
<div *ngIf="resultsNum>size*page " class="text-right"> <div *ngIf="resultsNum>size*page " class="text-right">
<span class="dropdown"> <span class="dropdown">
Show <button class="btn btn-default dropdown-toggle" type="button" id="pagingDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Show <button class="uk-button dropdown-toggle" type="button" id="pagingDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
{{size}} {{size}}
</button> </button>
<ul class="dropdown-menu" aria-labelledby="pagingDropdown"> <ul class="dropdown-menu" aria-labelledby="pagingDropdown">
@ -59,20 +45,20 @@
<div *ngIf="deleteMessage.length>0 " [innerHTML]="deleteMessage"> <div *ngIf="deleteMessage.length>0 " [innerHTML]="deleteMessage">
</div> </div>
<button class="btn btn-default" (click)="selectAll()">Select All</button> <button class="btn btn-default" (click)="deselectAll()">Deselect All</button> <button class="btn btn-default" (click)="confirmOpen()">Delete</button> <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>
</div> </div>
<br> <br>
<div class="input-group col-lg-6"> <!--div class="input-group col-lg-6">
<span class="input-group-addon" id="sizing-addon2">Filter</span> <span class="input-group-addon" id="sizing-addon2">Filter</span>
<input type="text" class="form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="inputkeyword" (keyup)="changekeyword()" > <input type="text" class="form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="inputkeyword" (keyup)="changekeyword()" >
</div> </div-->
<div *ngIf=" claims && claims.length == 0" > <div *ngIf=" claims && claims.length == 0" >
<div class = "alert alert-info " >No entries found.</div> <div class = "alert alert-info " >No entries found.</div>
</div> </div>
<div class=""> <div class="">
<table *ngIf="claims && claims.length > 0" class="table table-striped"> <table *ngIf="claims && claims.length > 0" class="uk-table uk-table-striped">
<thead> <thead>
<tr> <tr>
<th *ngIf="enableDelete"></th> <th *ngIf="enableDelete"></th>
@ -97,9 +83,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div>
</div>
<modal-alert (alertOutput)="confirmClose($event)"> <modal-alert (alertOutput)="confirmClose($event)">
</modal-alert> </modal-alert>
<modal-loading [message]= "'Please wait...'"></modal-loading> <modal-loading [message]= "'Please wait...'"></modal-loading>

14
portal-2/src/app/claimPages/linking/selected/selected.component.ts
View File

@ -10,7 +10,7 @@ import {ClaimResult,ClaimProject, ClaimContext} from '../../../utils/entities/cl
<div [class]="(showAccessRights== 'true' )?'col-sm-6':''" > <div [class]="(showAccessRights== 'true' )?'col-sm-6':''" >
<!-- Contexts --> <!-- Contexts -->
<div *ngIf=" !(inline && hideType == 'context') && contexts" class="concepts" > <div *ngIf=" !(inline && hideType == 'context') && contexts" class="concepts" >
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item list-group-item-success">Selected Concepts ({{(contexts.length)}}) <li class="list-group-item list-group-item-success">Selected Concepts ({{(contexts.length)}})
<span *ngIf=" !inline" title="Add More Concepts" (click)="showType('context')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span> <span *ngIf=" !inline" title="Add More Concepts" (click)="showType('context')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span>
</li> </li>
@ -27,7 +27,7 @@ import {ClaimResult,ClaimProject, ClaimContext} from '../../../utils/entities/cl
<div [class]="(showAccessRights== 'true' )?'col-sm-6':''" > <div [class]="(showAccessRights== 'true' )?'col-sm-6':''" >
<!-- Projects --> <!-- Projects -->
<div *ngIf=" !(inline && hideType == 'project') && projects " class="projects" > <div *ngIf=" !(inline && hideType == 'project') && projects " class="projects" >
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item list-group-item-info">Selected Projects ({{(projects.length)}}) <li class="list-group-item list-group-item-info">Selected Projects ({{(projects.length)}})
<span *ngIf=" !inline " title="Add More Projects" (click)="showType('project')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span> <span *ngIf=" !inline " title="Add More Projects" (click)="showType('project')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span>
</li> </li>
@ -45,7 +45,7 @@ import {ClaimResult,ClaimProject, ClaimContext} from '../../../utils/entities/cl
<!-- Results --> <!-- Results -->
<div *ngIf=" !(inline && (hideType == 'publication' || hideType == 'dataset' )) && (datasets || publications)" class="publications" > <div *ngIf=" !(inline && (hideType == 'publication' || hideType == 'dataset' )) && (datasets || publications)" class="publications" >
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item panel-footer "> Research Results ({{(datasets.length+publications.length)}}) <li class="list-group-item panel-footer "> Research Results ({{(datasets.length+publications.length)}})
<span *ngIf=" !inline && linkToResults " title="Add More Research Results" (click)="showType('result')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span> <span *ngIf=" !inline && linkToResults " title="Add More Research Results" (click)="showType('result')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span>
</li> </li>
@ -60,7 +60,7 @@ import {ClaimResult,ClaimProject, ClaimContext} from '../../../utils/entities/cl
<span *ngIf="!pub.url" >{{pub.title}}</span><span *ngIf="pub.date" >({{pub.date.substring(0,4)}})</span> <span *ngIf="!pub.url" >{{pub.title}}</span><span *ngIf="pub.date" >({{pub.date.substring(0,4)}})</span>
</span> </span>
<span *ngIf="showAccessRights== 'true' && pub.source != 'openaire' " class="dropdown"> <span *ngIf="showAccessRights== 'true' && pub.source != 'openaire' " class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="{{'dropdown'+pub.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="uk-button dropdown-toggle" type="button" id="{{'dropdown'+pub.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
{{pub.accessRights}} {{pub.accessRights}}
</button> </button>
<ul class="dropdown-menu" [attr.aria-labelledby]="'dropdown'+pub.id"> <ul class="dropdown-menu" [attr.aria-labelledby]="'dropdown'+pub.id">
@ -69,7 +69,7 @@ import {ClaimResult,ClaimProject, ClaimContext} from '../../../utils/entities/cl
<input *ngIf="pub.accessRights== 'EMBARGO'" type="date" id="{{'date'+pub.id}}" name="" [min]="todayDate" (keyup)="dateChanged($event, pub)" [value]="pub.embargoEndDate"> <input *ngIf="pub.accessRights== 'EMBARGO'" type="date" id="{{'date'+pub.id}}" name="" [min]="todayDate" (keyup)="dateChanged($event, pub)" [value]="pub.embargoEndDate">
</span> </span>
<span *ngIf="showAccessRights== 'true' && pub.source == 'openaire' " > <span *ngIf="showAccessRights== 'true' && pub.source == 'openaire' " >
<button class="btn btn-default disabled " type="button" > <button class="uk-button disabled " type="button" >
{{pub.accessRights}} {{pub.accessRights}}
</button> </button>
</span> </span>
@ -86,7 +86,7 @@ import {ClaimResult,ClaimProject, ClaimContext} from '../../../utils/entities/cl
<span *ngIf="dataset.date" >({{dataset.date.substring(0,4)}})</span> <span *ngIf="dataset.date" >({{dataset.date.substring(0,4)}})</span>
</span> </span>
<span *ngIf="showAccessRights== 'true' && dataset.source != 'openaire'" class="dropdown"> <span *ngIf="showAccessRights== 'true' && dataset.source != 'openaire'" class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="{{'dropdown'+dataset.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="uk-button dropdown-toggle" type="button" id="{{'dropdown'+dataset.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
{{dataset.accessRights}} {{dataset.accessRights}}
</button> </button>
<ul class="dropdown-menu" [attr.aria-labelledby]="'dropdown'+dataset.id"> <ul class="dropdown-menu" [attr.aria-labelledby]="'dropdown'+dataset.id">
@ -95,7 +95,7 @@ import {ClaimResult,ClaimProject, ClaimContext} from '../../../utils/entities/cl
<input *ngIf="dataset.accessRights== 'EMBARGO'" type="date" id="{{'date'+dataset.id}}" name="" [min]="todayDate" (keyup)="dateChanged($event,dataset)" [value]="dataset.embargoEndDate"> <input *ngIf="dataset.accessRights== 'EMBARGO'" type="date" id="{{'date'+dataset.id}}" name="" [min]="todayDate" (keyup)="dateChanged($event,dataset)" [value]="dataset.embargoEndDate">
</span> </span>
<span *ngIf="showAccessRights== 'true' && dataset.source == 'openaire' " > <span *ngIf="showAccessRights== 'true' && dataset.source == 'openaire' " >
<button class="btn btn-default disabled " type="button" > <button class="uk-button disabled " type="button" >
{{dataset.accessRights}} {{dataset.accessRights}}
</button> </button>
</span> </span>

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

@ -7,7 +7,7 @@ import {ClaimContext} from '../../../utils/entities/claimEntities.class';
<!-- Contexts --> <!-- Contexts -->
<!--div *ngIf=" !(inline && hideType == 'context') && contexts" class="concepts" --> <!--div *ngIf=" !(inline && hideType == 'context') && contexts" class="concepts" -->
<div> <div>
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item list-group-item-success">Selected Concepts ({{(contexts.length)}}) <li class="list-group-item list-group-item-success">Selected Concepts ({{(contexts.length)}})
<span *ngIf=" !inline" title="Add More Concepts" (click)="showType('context')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span> <span *ngIf=" !inline" title="Add More Concepts" (click)="showType('context')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span>
</li> </li>

4
portal-2/src/app/claimPages/linking/selected/selectedDatasets.component.ts
View File

@ -17,7 +17,7 @@ import {ClaimResult} from '../../../utils/entities/claimEntities.class';
</div> </div>
<div class = "col-md-4"> <div class = "col-md-4">
<span *ngIf="showAccessRights && dataset.source != 'openaire'" class="dropdown"> <span *ngIf="showAccessRights && dataset.source != 'openaire'" class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="{{'dropdown'+dataset.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="uk-button dropdown-toggle" type="button" id="{{'dropdown'+dataset.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
{{dataset.accessRights}} {{dataset.accessRights}}
</button> </button>
<ul class="dropdown-menu" [attr.aria-labelledby]="'dropdown'+dataset.id"> <ul class="dropdown-menu" [attr.aria-labelledby]="'dropdown'+dataset.id">
@ -26,7 +26,7 @@ import {ClaimResult} from '../../../utils/entities/claimEntities.class';
<input *ngIf="dataset.accessRights== 'EMBARGO'" type="date" id="{{'date'+dataset.id}}" name="" [min]="todayDate" (keyup)="dateChanged($event,dataset)" [value]="dataset.embargoEndDate"> <input *ngIf="dataset.accessRights== 'EMBARGO'" type="date" id="{{'date'+dataset.id}}" name="" [min]="todayDate" (keyup)="dateChanged($event,dataset)" [value]="dataset.embargoEndDate">
</span> </span>
<span *ngIf="showAccessRights && dataset.source == 'openaire' " > <span *ngIf="showAccessRights && dataset.source == 'openaire' " >
<button class="btn btn-default disabled " type="button" > <button class="uk-button disabled " type="button" >
{{dataset.accessRights}} {{dataset.accessRights}}
</button> </button>
</span> </span>

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

@ -7,7 +7,7 @@ import {ClaimProject} from '../../../utils/entities/claimEntities.class';
<div> <!-- [class]="componentClass" > <div> <!-- [class]="componentClass" >
Projects --> Projects -->
<div *ngIf=" !(inline && hideType == 'project') && projects.length > 0 " class="projects" > <div *ngIf=" !(inline && hideType == 'project') && projects.length > 0 " class="projects" >
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item list-group-item-info">Selected Projects ({{(projects.length)}}) <li class="list-group-item list-group-item-info">Selected Projects ({{(projects.length)}})
<span *ngIf=" !inline " title="Add More Projects" (click)="showType('project')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span> <span *ngIf=" !inline " title="Add More Projects" (click)="showType('project')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span>
</li> </li>

4
portal-2/src/app/claimPages/linking/selected/selectedPublications.component.ts
View File

@ -16,7 +16,7 @@ import {ClaimResult} from '../../../utils/entities/claimEntities.class';
</div> </div>
<div *ngIf="showAccessRights && pub.source != 'openaire' " class = "col-md-4"> <div *ngIf="showAccessRights && pub.source != 'openaire' " class = "col-md-4">
<span *ngIf="showAccessRights && pub.source != 'openaire' " class="dropdown"> <span *ngIf="showAccessRights && pub.source != 'openaire' " class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="{{'dropdown'+pub.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="uk-button dropdown-toggle" type="button" id="{{'dropdown'+pub.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
{{pub.accessRights}} {{pub.accessRights}}
</button> </button>
<ul class="dropdown-menu" [attr.aria-labelledby]="'dropdown'+pub.id"> <ul class="dropdown-menu" [attr.aria-labelledby]="'dropdown'+pub.id">
@ -28,7 +28,7 @@ import {ClaimResult} from '../../../utils/entities/claimEntities.class';
</div> </div>
<div *ngIf="showAccessRights && pub.source == 'openaire' " class = "col-md-4"> <div *ngIf="showAccessRights && pub.source == 'openaire' " class = "col-md-4">
<span > <span >
<button class="btn btn-default disabled " type="button" > <button class="uk-button disabled " type="button" >
{{pub.accessRights}} {{pub.accessRights}}
</button> </button>
</span> </span>

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

@ -9,7 +9,7 @@ import {ClaimResult} from '../../../utils/entities/claimEntities.class';
<!-- Results --> <!-- Results -->
<div *ngIf=" !(inline && (hideType == 'publication' || hideType == 'dataset' )) && (datasets.length > 0 || publications.length > 0)" class="publications" > <div *ngIf=" !(inline && (hideType == 'publication' || hideType == 'dataset' )) && (datasets.length > 0 || publications.length > 0)" class="publications" >
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item panel-footer "> Research Results ({{(datasets.length+publications.length)}}) <li class="list-group-item panel-footer "> Research Results ({{(datasets.length+publications.length)}})
<span *ngIf=" !inline && linkToResults " title="Add More Research Results" (click)="showType('result')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span> <span *ngIf=" !inline && linkToResults " title="Add More Research Results" (click)="showType('result')" aria-hidden="true" class="glyphicon glyphicon-plus " style="float:right;cursor: pointer;"></span>
</li> </li>

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

@ -40,7 +40,7 @@ import {SearchOrganizationsService} from '../services/searchOrganizations.servic
[placeHolderMessage] = "'Search for Organizations'" [title] = "'Organizations'" [multipleSelections]=false [placeHolderMessage] = "'Search for Organizations'" [title] = "'Organizations'" [multipleSelections]=false
(selectedValueChanged)="valueChanged($event)" ></entities-autocomplete> (selectedValueChanged)="valueChanged($event)" ></entities-autocomplete>
</div> </div>
<button class="btn btn-default" type="submit" (click)="organizationSelected(selectedId)" >Next</button> <button class="uk-button" type="submit" (click)="organizationSelected(selectedId)" >Next</button>
</div> </div>
</form> </form>

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

@ -14,7 +14,7 @@ import {Location} from '@angular/common';
<div class="input-group"> <div class="input-group">
<input #term type="text" class="form-control col-xs-5" placeholder="Search for..." name="keyword" > <input #term type="text" class="form-control col-xs-5" placeholder="Search for..." name="keyword" >
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-default" type="submit" (click)="searchTerm(term.value)" >GO</button> <button class="uk-button" type="submit" (click)="searchTerm(term.value)" >GO</button>
</span> </span>
</div> </div>
</div> </div>

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

@ -45,7 +45,7 @@
</div> </div>
<div class="col-xs-12 col-sm-3" *ngIf="dataProviderInfo != null"> <div class="col-xs-12 col-sm-3" *ngIf="dataProviderInfo != null">
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item"> <li class="list-group-item">
Share - Bookmark Share - Bookmark
</li> </li>

2
portal-2/src/app/landingPages/dataProvider/relatedDatasourcesTab.component.ts
View File

@ -19,7 +19,7 @@ import {OpenaireProperties} from '../../utils/properties/openaireProperties';
<a href="mailto:">Let us know how we are doing!</a> <a href="mailto:">Let us know how we are doing!</a>
</p> </p>
<table class="table table-striped"> <table class="uk-table uk-table-striped">
<thead> <thead>
<tr> <tr>
<th class="text-center">Data Provider Name</th> <th class="text-center">Data Provider Name</th>

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

@ -103,7 +103,7 @@
</dl> </dl>
<table *ngIf="metrics != undefined && metrics.infos.size > 0" <table *ngIf="metrics != undefined && metrics.infos.size > 0"
class="table table-striped"> class="uk-table uk-table-striped">
<thead> <thead>
<tr> <tr>
<th class="text-center">ID</th> <th class="text-center">ID</th>

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

@ -85,7 +85,7 @@
</ul> </ul>
</div> </div>
<table class="table table-striped" *ngIf="organizationInfo.projects.size > 0"> <table class="uk-table uk-table-striped" *ngIf="organizationInfo.projects.size > 0">
<thead> <thead>
<tr> <tr>
<th class="text-center">Funder</th> <th class="text-center">Funder</th>
@ -136,7 +136,7 @@
</div> </div>
<div class="col-xs-12 col-sm-3" *ngIf="organizationInfo != null"> <div class="col-xs-12 col-sm-3" *ngIf="organizationInfo != null">
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item"> <li class="list-group-item">
Share - Bookmark Share - Bookmark
</li> </li>

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

@ -76,7 +76,7 @@
</div> </div>
<div class="col-xs-12 col-sm-3" *ngIf="personInfo != null"> <div class="col-xs-12 col-sm-3" *ngIf="personInfo != null">
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item"> <li class="list-group-item">
Share - Bookmark Share - Bookmark
</li> </li>

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

@ -141,7 +141,7 @@
</div> </div>
<div class="col-xs-12 col-sm-3" *ngIf="projectInfo != null"> <div class="col-xs-12 col-sm-3" *ngIf="projectInfo != null">
<ul class="list-group"> <ul class="uk-list">
<li class="list-group-item"> <li class="list-group-item">
Share - Bookmark Share - Bookmark
</li> </li>

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

@ -181,7 +181,7 @@
The results below are discovered through our pilot algorithms. The results below are discovered through our pilot algorithms.
<a href="mailto:">Let us know how we are doing!</a> <a href="mailto:">Let us know how we are doing!</a>
</p> </p>
<table id="bioentitiesTable" class="table table-striped"> <table id="bioentitiesTable" class="uk-table uk-table-striped">
<thead> <thead>
<tr> <tr>
<th class="text-center">Bio Entity</th> <th class="text-center">Bio Entity</th>
@ -207,7 +207,7 @@
The results below are discovered through our pilot algorithms. The results below are discovered through our pilot algorithms.
<a href="mailto:">Let us know how we are doing!</a> <a href="mailto:">Let us know how we are doing!</a>
</p> </p>
<table id="softwareTable" class="table table-striped"> <table id="softwareTable" class="uk-table uk-table-striped">
<thead> <thead>
<tr> <tr>
<th class="text-center">Site Name</th> <th class="text-center">Site Name</th>
@ -233,7 +233,7 @@
</dl> </dl>
<table *ngIf="metrics != undefined && metrics.infos.size > 0" <table *ngIf="metrics != undefined && metrics.infos.size > 0"
class="table table-striped"> class="uk-table uk-table-striped">
<thead> <thead>
<tr> <tr>
<th class="text-center">ID</th> <th class="text-center">ID</th>

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

@ -4,7 +4,7 @@ import {Component, Input} from '@angular/core';
@Component({ @Component({
selector: 'tabTable', selector: 'tabTable',
template: ` template: `
<table class="table table-striped"> <table class="uk-table uk-table-striped">
<thead> <thead>
<tr> <tr>
<th>Title</th> <th>Title</th>

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

@ -15,13 +15,13 @@
// //
// <div *ngIf="claim"> // <div *ngIf="claim">
// <h3>Selected publications:</h3> // <h3>Selected publications:</h3>
// <p *ngFor=" let item of selected "> <publication-title [title]="item.title" [url]="item.URL" > </publication-title> {{item.DOI}} --{{item.publisher}} <button (click)="remove(item)" type="button" class="btn btn-default">Remove</button></p> // <p *ngFor=" let item of selected "> <publication-title [title]="item.title" [url]="item.URL" > </publication-title> {{item.DOI}} --{{item.publisher}} <button (click)="remove(item)" type="button" class="uk-button">Remove</button></p>
// </div> // </div>
// //
// <h1>Search</h1> // <h1>Search</h1>
// <form> // <form>
// <input #term [(ngModel)]="keyword" name= "searchAllTerm" /> // <input #term [(ngModel)]="keyword" name= "searchAllTerm" />
// <button (click)="search(keyword)" type="submit" class="btn btn-default">Search</button> // <button (click)="search(keyword)" type="submit" class="uk-button">Search</button>
// </form> // </form>
// <div> // <div>
// <div *ngIf="resultsNum != null && resultsNum > 0"> // <div *ngIf="resultsNum != null && resultsNum > 0">
@ -30,7 +30,7 @@
// </div> // </div>
// <div > // <div >
// //
// <p *ngFor=" let item of results "> <publication-title [title]="item.title" [url]="item.URL" > </publication-title> {{item.DOI}} --{{item.publisher}} <button *ngIf="claim" (click)="add(item)" type="button" class="btn btn-default">Select</button> </p> // <p *ngFor=" let item of results "> <publication-title [title]="item.title" [url]="item.URL" > </publication-title> {{item.DOI}} --{{item.publisher}} <button *ngIf="claim" (click)="add(item)" type="button" class="uk-button">Select</button> </p>
// //
// </div> // </div>
// </div> // </div>

2
portal-2/src/app/searchPages/dataProviders/datasourceTableView.component.ts
View File

@ -6,7 +6,7 @@ import {Component, Input, ViewChild} from '@angular/core';
template: ` template: `
<table class="table table-striped"> <table class="uk-table uk-table-striped">
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Type</th> <th>Type</th>

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

@ -10,7 +10,7 @@ import {SearchCrossrefService} from '../services/searchCrossref.service';
<p><i>Fetches from crossref </i></p> <p><i>Fetches from crossref </i></p>
<form> <form>
<input #term [(ngModel)]="keyword" name="keyword" /> <input #term [(ngModel)]="keyword" name="keyword" />
<button (click)="search(term.value,10,1)" type="submit" class="btn btn-default">Search</button> <button (click)="search(term.value,10,1)" type="submit" class="uk-button">Search</button>
</form> </form>
<div> <div>
<div *ngIf="resultsNum != null && resultsNum > 0"> <div *ngIf="resultsNum != null && resultsNum > 0">

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

@ -12,7 +12,7 @@ import {Dates} from '../../utils/string-utils.class';
<form class=""> <form class="">
<div *ngFor="let selectedField of selectedFields; let i = index" class="form-group form-inline"> <div *ngFor="let selectedField of selectedFields; let i = index" class="form-group form-inline">
<div *ngIf = "i != 0" class="input-group"> <div *ngIf = "i != 0" class="input-group">
<button type="button" id="dropdownMenu1" data-toggle="dropdown" class="btn btn-default dropdown-toggle" aria-haspopup="true" aria-expanded="true"> <button type="button" id="dropdownMenu1" data-toggle="dropdown" class="uk-button dropdown-toggle" aria-haspopup="true" aria-expanded="true">
{{selectedField.operatorId}} {{selectedField.operatorId}}
</button> </button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
@ -23,7 +23,7 @@ import {Dates} from '../../utils/string-utils.class';
</div> </div>
<div class="input-group"> <div class="input-group">
<div class="input-group-btn"> <div class="input-group-btn">
<button class="btn btn-default btn-disabled" type="button"> <button class="uk-button btn-disabled" type="button">
{{selectedField.name}} {{selectedField.name}}
</button> </button>
</div> </div>
@ -62,7 +62,7 @@ import {Dates} from '../../utils/string-utils.class';
<div class="form-group form-inline"> <div class="form-group form-inline">
<div class=" input-group"> <div class=" input-group">
<div class="input-group-btn"> <div class="input-group-btn">
<button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" type="button"> <button aria-expanded="false" aria-haspopup="true" class="uk-button dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" type="button">
{{fieldIdsMap[newFieldId].name}} {{fieldIdsMap[newFieldId].name}}
</button> </button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
@ -79,7 +79,7 @@ import {Dates} from '../../utils/string-utils.class';
<button (click)="queryChanged()" type="submit" class="btn btn-default">Search</button> <button (click)="queryChanged()" type="submit" class="uk-button">Search</button>
</form> </form>
` `

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

@ -9,7 +9,7 @@ import {Observable} from 'rxjs/Observable';
<!--span class="input-group-addon" id="sizing-addon2">Filter</span--> <!--span class="input-group-addon" id="sizing-addon2">Filter</span-->
<input type="text" class="form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" > <input type="text" class="form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" >
<span class="input-group-btn"> <span class="input-group-btn">
<button (click)="keywordChanged()" type="submit" class="btn btn-default">Search</button> <button (click)="keywordChanged()" type="submit" class="uk-button">Search</button>
</span> </span>
</div> </div>
</form> </form>

604
portal-2/src/app/test/test.component.ts
View File

@ -48,6 +48,610 @@ import {SearchFields} from '../utils/properties/searchFields';
type="submit" name="action">Login</button> type="submit" name="action">Login</button>
</div> </div>
</div> </div>
<div class="uk-margin">
<div class="uk-grid">
<div class="uk-width-1-1" data-uk-margin="">
<div class="uk-button-group">
<button class="uk-button">Button</button>
<div data-uk-dropdown="{mode:'click'}" aria-haspopup="true" aria-expanded="false">
<button class="uk-button"><i class="uk-icon-caret-down"></i></button>
<div class="uk-dropdown uk-dropdown-width-2" aria-hidden="true">
<div class="uk-grid uk-dropdown-grid">
<div class="uk-width-1-2">
<ul class="uk-nav uk-nav-dropdown uk-panel">
<li class="uk-nav-header">Header</li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Separated item</a></li>
<li class="uk-parent">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Parent</a>
<ul class="uk-nav-sub">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a>
<ul>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div class="uk-width-1-2">
<ul class="uk-nav uk-nav-dropdown uk-panel">
<li class="uk-nav-header">Header</li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Separated item</a></li>
<li class="uk-parent">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Parent</a>
<ul class="uk-nav-sub">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a>
<ul>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="uk-button-group">
<button class="uk-button uk-button-primary">Primary</button>
<div data-uk-dropdown="{mode:'click'}" aria-haspopup="true" aria-expanded="false">
<button class="uk-button uk-button-primary"><i class="uk-icon-caret-down"></i></button>
<div class="uk-dropdown uk-dropdown-small" aria-hidden="true">
<ul class="uk-nav uk-nav-dropdown">
<li class="uk-nav-header">Header</li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Separated item</a></li>
<li class="uk-parent">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Parent</a>
<ul class="uk-nav-sub">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a>
<ul>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="uk-button-group">
<button class="uk-button uk-button-success">Success</button>
<div data-uk-dropdown="{mode:'click'}" aria-haspopup="true" aria-expanded="false">
<button class="uk-button uk-button-success"><i class="uk-icon-caret-down"></i></button>
<div class="uk-dropdown" aria-hidden="true">
<ul class="uk-nav uk-nav-dropdown">
<li class="uk-nav-header">Header</li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Separated item</a></li>
<li class="uk-parent">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Parent</a>
<ul class="uk-nav-sub">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a>
<ul>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="uk-button-group">
<button class="uk-button uk-button-danger">Danger</button>
<div data-uk-dropdown="{mode:'click'}">
<button class="uk-button uk-button-danger"><i class="uk-icon-caret-down"></i></button>
<div class="uk-dropdown">
<ul class="uk-nav uk-nav-dropdown">
<li class="uk-nav-header">Header</li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Separated item</a></li>
<li class="uk-parent">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Parent</a>
<ul class="uk-nav-sub">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a>
<ul>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<button class="uk-button" disabled="">Disabled</button>
<button class="uk-button" data-uk-tooltip="" title="Bazinga!">Tooltip</button>
<button class="uk-button" data-uk-modal="{target:'#modal-1'}">Modal</button>
<button class="uk-button uk-margin-small-top" data-uk-offcanvas="{target:'#offcanvas-1'}">Off-canvas</button>
<button class="uk-button uk-button-link uk-margin-small-top">Button link</button>
</div>
</div>
<hr class="uk-grid-divider">
<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-medium-1-2 uk-row-first">
<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-1-1 uk-row-first">
<ul class="uk-breadcrumb">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Home</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Blog</a></li>
<li><span>Category</span></li>
<li class="uk-active"><span>Post</span></li>
</ul>
</div>
<div class="uk-width-1-1 uk-grid-margin uk-row-first">
<article class="uk-article">
<h1 class="uk-article-title">Article title</h1>
<p class="uk-article-meta">Written by Super User on 12 April. Posted in Blog</p>
<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-medium-1-2 uk-row-first">
<a class="uk-thumbnail uk-overlay-hover" href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">
<div class="uk-overlay">
<img src="/themes/joomla/2015/bento/images/yootheme/uikit_placeholder.svg" alt="" width="300" height="90">
<div class="uk-overlay-panel uk-overlay-icon uk-overlay-background uk-overlay-fade"></div>
</div>
<div class="uk-thumbnail-caption">Caption</div>
</a>
</div>
<div class="uk-width-medium-1-2">
<a class="uk-thumbnail uk-overlay-hover" href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">
<div class="uk-overlay">
<img src="/themes/joomla/2015/bento/images/yootheme/uikit_placeholder.svg" alt="" width="300" height="90">
<div class="uk-overlay-panel uk-overlay-bottom uk-overlay-background uk-overlay-fade">Caption</div>
</div>
<div class="uk-thumbnail-caption">Caption</div>
</a>
</div>
</div>
<p class="uk-article-lead">Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<pre><code>&lt;div class="myclass"&gt;...&lt;/div&gt;</code></pre>
<hr class="uk-article-divider">
<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-medium-1-5 uk-row-first">
<span class="uk-text-muted">text-muted</span><br>
<span class="uk-text-primary">text-primary</span><br>
<span class="uk-text-success">text-success</span><br>
<span class="uk-text-warning">text-warning</span><br>
<span class="uk-text-danger">text-danger</span>
</div>
<div class="uk-width-medium-3-10">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">a element</a><br>
<em>em element</em><br>
<strong>strong</strong><br>
<code>code element</code><br>
<del>del element</del>
</div>
<div class="uk-width-medium-2-5">
<ins>ins element</ins><br>
<mark>mark element</mark><br>
<q>q <q>inside</q> a q element </q><br>
<abbr title="Abbreviation Element">abbr element</abbr><br>
<dfn title="Defines a definition term">dfn element</dfn>
</div>
<div class="uk-width-1-1 uk-grid-margin uk-row-first">
<p class="uk-text-center">
<span class="uk-badge">Badge</span>
<span class="uk-badge uk-badge-notification">1</span>
<span class="uk-badge uk-badge-success">Success</span>
<span class="uk-badge uk-badge-success uk-badge-notification">4</span>
<span class="uk-badge uk-badge-warning">Warning</span>
<span class="uk-badge uk-badge-warning uk-badge-notification">3</span>
<span class="uk-badge uk-badge-danger">Danger</span>
<span class="uk-badge uk-badge-danger uk-badge-notification">4</span>
</p>
</div>
<div class="uk-width-medium-1-2 uk-grid-margin uk-row-first">
<h1 class="uk-display-inline">h1</h1>
<h2 class="uk-display-inline">h2</h2>
<h3 class="uk-display-inline">h3</h3>
<h4 class="uk-display-inline">h4</h4>
<h5 class="uk-display-inline">h5</h5>
<h6 class="uk-display-inline">h6</h6>
</div>
<div class="uk-width-medium-1-2 uk-grid-margin">
<blockquote>
<p> Lorem ipsum dolor.</p>
<small>Someone famous</small>
</blockquote>
</div>
</div>
</article>
</div>
<div class="uk-width-1-1 uk-grid-margin uk-row-first">
<ul class="uk-comment-list">
<li>
<article class="uk-comment">
<header class="uk-comment-header">
<img class="uk-comment-avatar" src="/themes/joomla/2015/bento/images/yootheme/uikit_avatar.svg" alt="" width="50" height="50">
<h4 class="uk-comment-title">Author</h4>
<p class="uk-comment-meta">May 2, 2090 at 1:55 pm</p>
</header>
<div class="uk-comment-body">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.</p>
</div>
</article>
</li>
</ul>
</div>
<div class="uk-width-1-1 uk-grid-margin uk-row-first">
<ul class="uk-pagination">
<li class="uk-disabled"><span><i class="uk-icon-angle-double-left"></i></span></li>
<li class="uk-active"><span>1</span></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">2</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">3</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">4</a></li>
<li><span>...</span></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">20</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#"><i class="uk-icon-angle-double-right"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="uk-width-medium-1-2">
<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-medium-1-2 uk-row-first">
<div class="uk-panel">
<ul class="uk-nav uk-nav-side uk-nav-parent-icon" data-uk-nav="">
<li class="uk-nav-header">Header</li>
<li class="uk-nav-divider"></li>
<li class="uk-active"><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Active</a></li>
<li class="uk-parent" aria-expanded="false">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Parent</a>
<div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a>
<ul>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
</ul>
</li>
</ul></div>
</li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
</ul>
</div>
<div class="uk-panel uk-panel-divider">
<h3 class="uk-panel-title">Divider</h3>
Lorem ipsum <a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">dolor</a> sit amet, consectetur adipisicing elit.
</div>
<div class="uk-panel uk-panel-header">
<h3 class="uk-panel-title">Header</h3>
Lorem ipsum <a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">dolor</a> sit amet, consectetur adipisicing elit.
</div>
</div>
<div class="uk-width-medium-1-2">
<div class="uk-panel uk-panel-box">
<h3 class="uk-panel-title">Box</h3>
Lorem ipsum <a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">dolor</a> sit amet, consectetur adipisicing elit.
</div>
<div class="uk-panel uk-panel-box uk-panel-box-primary">
<h3 class="uk-panel-title">Box primary</h3>
Lorem ipsum <a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">dolor</a> sit amet, consectetur adipisicing elit.
</div>
<div class="uk-panel uk-panel-box uk-panel-box-secondary">
<h3 class="uk-panel-title">Box secondary</h3>
Lorem ipsum <a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">dolor</a> sit amet, consectetur adipisicing elit.
</div>
</div>
</div>
<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-1-2 uk-row-first">
<div class="uk-alert" data-uk-alert="">
<a class="uk-alert-close uk-close"></a>
<p>Info message</p>
</div>
</div>
<div class="uk-width-1-2">
<div class="uk-alert uk-alert-success" data-uk-alert="">
<a class="uk-alert-close uk-close"></a>
<p>Success message</p>
</div>
</div>
<div class="uk-width-1-2 uk-grid-margin uk-row-first">
<div class="uk-alert uk-alert-warning" data-uk-alert="">
<a class="uk-alert-close uk-close"></a>
<p>Warning message</p>
</div>
</div>
<div class="uk-width-1-2 uk-grid-margin">
<div class="uk-alert uk-alert-danger" data-uk-alert="">
<a class="uk-alert-close uk-close"></a>
<p>Danger message</p>
</div>
</div>
<div class="uk-width-1-2 uk-grid-margin uk-row-first">
<div class="uk-progress">
<div class="uk-progress-bar" style="width: 55%;">55%</div>
</div>
</div>
<div class="uk-width-1-2 uk-grid-margin">
<div class="uk-progress uk-progress-success">
<div class="uk-progress-bar" style="width: 55%;">55%</div>
</div>
</div>
<div class="uk-width-1-2 uk-grid-margin uk-row-first">
<div class="uk-progress uk-progress-warning">
<div class="uk-progress-bar" style="width: 55%;">55%</div>
</div>
</div>
<div class="uk-width-1-2 uk-grid-margin">
<div class="uk-progress uk-progress-danger">
<div class="uk-progress-bar" style="width: 55%;">55%</div>
</div>
</div>
<div class="uk-width-1-2 uk-form uk-grid-margin uk-row-first">
<fieldset>
<legend>Form states</legend>
<div class="uk-form-row">
<input placeholder="Text Input" class="uk-width-1-1" type="text">
</div>
<div class="uk-form-row">
<input placeholder="form-success" value="form-success" class="uk-width-1-1 uk-form-success" type="text">
</div>
<div class="uk-form-row">
<input placeholder="form-danger" value="form-danger" class="uk-width-1-1 uk-form-danger" type="text">
</div>
<div class="uk-form-row">
<input placeholder="form disabled" class="uk-width-1-1" disabled="" type="text">
</div>
</fieldset>
</div>
<div class="uk-width-1-2 uk-form uk-grid-margin">
<fieldset>
<legend>Form styles</legend>
<div class="uk-form-row">
<input placeholder="form-large" class="uk-form-large uk-form-width-small" type="text">
<button class="uk-button uk-button-large" type="reset">Large</button>
</div>
<div class="uk-form-row">
<input placeholder="form-small" class="uk-form-small uk-form-width-small" type="text">
<button class="uk-button uk-button-small" type="reset">Small</button>
</div>
<div class="uk-form-row">
<input placeholder="form-blank" class="uk-form-width-small uk-form-blank" type="text">
<button class="uk-button uk-button-mini" type="reset">Mini</button>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<hr class="uk-grid-divider">
<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-medium-1-4 uk-row-first">
<ul class="uk-subnav uk-subnav-line">
<li class="uk-active"><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Active</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-disabled"><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Disabled</a></li>
</ul>
</div>
<div class="uk-width-medium-1-4">
<ul class="uk-subnav uk-subnav-pill">
<li class="uk-active"><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Active</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-disabled"><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Disabled</a></li>
</ul>
</div>
<div class="uk-width-medium-1-4">
<ul class="uk-tab" data-uk-tab="">
<li class="uk-active"><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Active</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-disabled"><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Disabled</a></li>
<li class="uk-tab-responsive uk-active uk-hidden" aria-haspopup="true" aria-expanded="false"><a>Active</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>
<div class="uk-width-medium-1-4">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#" class="uk-icon-button uk-icon-github"></a>
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#" class="uk-icon-button uk-icon-twitter"></a>
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#" class="uk-icon-button uk-icon-dribbble"></a>
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#" class="uk-icon-button uk-icon-html5"></a>
</div>
</div>
<hr class="uk-grid-divider">
<div class="uk-grid uk-grid-divider" data-uk-grid-margin="">
<div class="uk-width-medium-1-4 uk-row-first">
<ul class="uk-list uk-list-line">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</div>
<div class="uk-width-medium-1-4">
<ul class="uk-list uk-list-striped">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</div>
<div class="uk-width-medium-1-4">
<table class="uk-table uk-table-striped uk-table-condensed uk-table-hover">
<caption>Table caption</caption>
<thead>
<tr>
<th>Table</th>
<th>Heading</th>
</tr>
</thead>
<tbody>
<tr>
<td>Table</td>
<td>Data</td>
</tr>
<tr>
<td>Table</td>
<td>Data</td>
</tr>
</tbody>
</table>
</div>
<div class="uk-width-medium-1-4">
<dl class="uk-description-list uk-description-list-line">
<dt>Description lists</dt>
<dd>Description text.</dd>
<dt>Description lists</dt>
<dd>Description text.</dd>
</dl>
</div>
</div>
<div id="offcanvas-1" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav="">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-active"><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Active</a></li>
<li class="uk-parent" aria-expanded="false">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Parent</a>
<div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a>
<ul>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
</ul>
</li>
</ul></div>
</li>
<li class="uk-parent" aria-expanded="false">
<a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Parent</a>
<div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Sub item</a></li>
</ul></div>
</li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">Item</a></li>
<li class="uk-nav-header">Header</li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#"><i class="uk-icon-star"></i> Item</a></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#"><i class="uk-icon-twitter"></i> Item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#"><i class="uk-icon-rss"></i> Item</a></li>
</ul>
<div class="uk-panel">
<h3 class="uk-panel-title">Title</h3>
Lorem ipsum dolor sit amet, <a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">consetetur</a> sadipscing elitr.
</div>
<div class="uk-panel">
<h3 class="uk-panel-title">Title</h3>
Lorem ipsum dolor sit amet, <a href="https://demo.yootheme.com/themes/joomla/2015/bento/index.php/features/uikit?&amp;style=default#">consetetur</a> sadipscing elitr.
</div>
</div>
</div>
<div id="modal-1" class="uk-modal">
<div class="uk-modal-dialog">
<button type="button" class="uk-modal-close uk-close"></button>
<h1>Headline</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div> </div>
` `
}) })

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

@ -24,7 +24,7 @@ import {EntitiesSearchService} from '../services/entitySearch.service';
<input *ngIf = "showInput" type="text" class="auto-complete-input validate filter-input input-sm form-control " [placeholder]=placeHolderMessage [(ngModel)]=keyword (keyup)=search() > <input *ngIf = "showInput" type="text" class="auto-complete-input validate filter-input input-sm form-control " [placeholder]=placeHolderMessage [(ngModel)]=keyword (keyup)=search() >
<div *ngIf = "keyword != null && keyword.length > 0 " class="suggestions" > <div *ngIf = "keyword != null && keyword.length > 0 " class="suggestions" >
<div *ngIf="showLoading" class="alert alert-info row-fluid " role="alert">Loading... <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span></div> <div *ngIf="showLoading" class="alert alert-info row-fluid " role="alert">Loading... <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span></div>
<ul class="list-group" > <ul class="uk-list" >
<!--li *ngIf = "numFilteredResults > 0 " class="list-group-item" > <!--li *ngIf = "numFilteredResults > 0 " class="list-group-item" >
Select: Select:
</li--> </li-->

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

@ -6,8 +6,10 @@ import {DomSanitizer} from '@angular/platform-browser';
@Component({ @Component({
selector: 'paging', selector: 'paging',
template: ` template: `
<div *ngIf=" ( getTotalPages() > 0 ) && (getTotalPages() > 1) && ( 0 < currentPage && currentPage <= getTotalPages() ) " > <div *ngIf=" ( getTotalPages() > 0 ) && (getTotalPages() > 1) && ( 0 < currentPage && currentPage <= getTotalPages() ) " >
<ul class="pagination pagination-sm"> <ul class="uk-pagination">
<li *ngIf=" currentPage > 1" ><a [href]="onPage((1))" aria-label="Previous"> <li *ngIf=" currentPage > 1" ><a [href]="onPage((1))" aria-label="Previous">
<span aria-hidden="true">&laquo;</span></a></li> <span aria-hidden="true">&laquo;</span></a></li>
@ -15,7 +17,7 @@ import {DomSanitizer} from '@angular/platform-browser';
<li *ngIf=" currentPage -2 > 0"><a [href]="onPage((currentPage -2))">{{currentPage -2}}</a></li> <li *ngIf=" currentPage -2 > 0"><a [href]="onPage((currentPage -2))">{{currentPage -2}}</a></li>
<li *ngIf=" currentPage -1 > 0 "><a [href]="onPage((currentPage -1))">{{currentPage -1}}</a></li> <li *ngIf=" currentPage -1 > 0 "><a [href]="onPage((currentPage -1))">{{currentPage -1}}</a></li>
<li class="active"><a >{{currentPage}}</a></li> <li class="uk-active"><a >{{currentPage}}</a></li>
<li *ngIf=" currentPage +1 <= getTotalPages() "><a [href]="onPage((currentPage +1))">{{currentPage +1}}</a></li> <li *ngIf=" currentPage +1 <= getTotalPages() "><a [href]="onPage((currentPage +1))">{{currentPage +1}}</a></li>
<li *ngIf=" currentPage +2 <= getTotalPages() "><a [href]="onPage((currentPage +2))">{{currentPage +2}}</a></li> <li *ngIf=" currentPage +2 <= getTotalPages() "><a [href]="onPage((currentPage +2))">{{currentPage +2}}</a></li>
<li *ngIf=" (currentPage -2 <= 0)&&(currentPage +3 <= getTotalPages()) "><a [href]="onPage((currentPage +3))">{{currentPage +3}}</a></li> <li *ngIf=" (currentPage -2 <= 0)&&(currentPage +3 <= getTotalPages()) "><a [href]="onPage((currentPage +3))">{{currentPage +3}}</a></li>

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

@ -7,13 +7,13 @@ import {Component, Input, Output, EventEmitter} from '@angular/core';
selector: 'paging-no-load', selector: 'paging-no-load',
template: ` template: `
<div *ngIf=" ( getTotalPages() > 0 ) && (getTotalPages() > 1) && ( 0 < currentPage && currentPage <= getTotalPages() ) " > <div *ngIf=" ( getTotalPages() > 0 ) && (getTotalPages() > 1) && ( 0 < currentPage && currentPage <= getTotalPages() ) " >
<ul class="pagination pagination-sm"> <ul class="uk-pagination">
<li *ngIf=" currentPage > 1" ><a (click)="onPage((1))" aria-label="Previous"> <li *ngIf=" currentPage > 1" ><a (click)="onPage((1))" aria-label="Previous">
<span aria-hidden="true">&laquo;</span></a></li> <span aria-hidden="true">&laquo;</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="active"><a >{{currentPage}}</a></li> <li class="uk-active"><a >{{currentPage}}</a></li>
<li *ngIf=" currentPage +1 <= getTotalPages() "><a (click)="onPage((currentPage +1))">{{currentPage +1}}</a></li> <li *ngIf=" currentPage +1 <= getTotalPages() "><a (click)="onPage((currentPage +1))">{{currentPage +1}}</a></li>
<li *ngIf=" currentPage +2 <= getTotalPages() "><a (click)="onPage((currentPage +2))">{{currentPage +2}}</a></li> <li *ngIf=" currentPage +2 <= getTotalPages() "><a (click)="onPage((currentPage +2))">{{currentPage +2}}</a></li>
<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>

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

@ -21,7 +21,7 @@ import {RefineFieldResultsService} from '../services/refineFieldResults.service'
</div> </div>
<input *ngIf = "showInput" type="text" class="auto-complete-input validate filter-input input-sm form-control " [placeholder]=placeHolderMessage [(ngModel)]=keyword (keyup)=filter() > <input *ngIf = "showInput" type="text" class="auto-complete-input validate filter-input input-sm form-control " [placeholder]=placeHolderMessage [(ngModel)]=keyword (keyup)=filter() >
<div class="suggestions" *ngIf="filtered.length > 0"> <div class="suggestions" *ngIf="filtered.length > 0">
<ul class="list-group" > <ul class="uk-list" >
<li class="list-group-item" > <li class="list-group-item" >
Select: Select:
</li> </li>

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

@ -13,20 +13,15 @@
<meta name="description" content="open access infrastructure, research information, open data, scientific publication, scientific information system, European Commission, EC, FP7, ERC, Horizon 2020, H2020, linked data" /> <meta name="description" content="open access infrastructure, research information, open data, scientific publication, scientific information system, European Commission, EC, FP7, ERC, Horizon 2020, H2020, linked data" />
<title>OpenAIRE</title> <title>OpenAIRE</title>
<link href="http://scoobydoo.di.uoa.gr:8083/joomlaNew/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="http://scoobydoo.di.uoa.gr:8083/joomlaNew/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link href="http://scoobydoo.di.uoa.gr:8083/joomlaNew/components/com_jevents/assets/css/jevcustom.css?3.4.5" rel="stylesheet" type="text/css" />
<link href="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/css/theme.css" rel="stylesheet" type="text/css" id="theme-style-css" /> <link href="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/css/theme.css" rel="stylesheet" type="text/css" id="theme-style-css" />
<link href="//fonts.googleapis.com/css?family=Josefin+Sans%7CRoboto%7COpen+Sans+Condensed%7CAdvent+Pro" rel="stylesheet" type="text/css" id="google-fonts-css" /> <link href="//fonts.googleapis.com/css?family=Josefin+Sans%7CRoboto%7COpen+Sans+Condensed%7CAdvent+Pro" rel="stylesheet" type="text/css" id="google-fonts-css" />
<link href="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/widgetkit/wk-styles-994eec94.css" rel="stylesheet" type="text/css" id="wk-styles-css" />
<style type="text/css"> <style type="text/css">
#mailto2ce-modal-window-709581649 .modal-body{overflow-y:hidden;padding:3px}#mailto2ce-modal-window-709581649 iframe{border:0;max-height:400px} #mailto2ce-modal-window-709581649 .modal-body{overflow-y:hidden;padding:3px}#mailto2ce-modal-window-709581649 iframe{border:0;max-height:400px}
</style> </style>
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery.min.js" type="text/javascript"></script> <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery.min.js" type="text/javascript"></script>
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery-noconflict.js" type="text/javascript"></script> <!--script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script> <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/bootstrap.min.js" type="text/javascript"></script> <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/bootstrap.min.js" type="text/javascript"></script!-->
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/modules/mod_news_pro_gk5/interface/scripts/engine.jquery.js" type="text/javascript"></script>
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/plugins/system/jcemediabox/js/jcemediabox.js?2ee2100a9127451a41de5a4c2c62e127" type="text/javascript"></script>
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/com_acymailing/js/acymailing_module.js?v=490" type="text/javascript"></script>
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/vendor/assets/uikit/js/uikit.min.js" type="text/javascript"></script> <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/vendor/assets/uikit/js/uikit.min.js" type="text/javascript"></script>
<script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/js/theme.js" type="text/javascript"></script> <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/js/theme.js" type="text/javascript"></script>
@ -54,6 +49,24 @@
} }
</script> </script>
<!-- End of Google sitelinks search markup--> <!-- End of Google sitelinks search markup-->
<style>
.custom-hidden-dropdown-menu {position:static !important;}
.searchFilterBox .values {overflow:auto; max-height:200px; }
.selected-filters-box {margin:5px; background-color:#F8F8F8; }
.search-form {margin:5px; }
.clickable { cursor:pointer; }
.OPEN {
background: rgba(0, 0, 0, 0) url("/assets/openAccess.png") no-repeat scroll right center;
padding-right: 18px;
}
.EMBARGO, .CLOSED, .RESTRICTED {
background: rgba(0, 0, 0, 0) url("/assets/closedAccess.png") no-repeat scroll right center;
padding-right: 18px;
}
</style>
</head> </head>
<body class=""> <body class="">
<script async src="/main.bundle.js"></script> <script async src="/main.bundle.js"></script>