Revision 53353
Added by Argiro Kokogiannaki about 6 years ago
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/find/search.component.html | ||
---|---|---|
1 |
<div class="image-front-topbar uk-section-default uk-position-relative" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" tm-header-transparent="light"> |
|
2 |
<div uk-height-viewport="offset-top: true;offset-bottom: 60" style="box-sizing: border-box; " class=" uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed generalSearchForm"> |
|
3 |
<div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div> |
|
4 |
<div class="uk-container"> |
|
5 |
<div class="uk-position-relative"> |
|
1 | 6 |
|
2 | 7 |
|
3 |
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle" > |
|
4 |
<div uk-grid uk-grid> |
|
8 |
<div class="uk-container"> |
|
9 |
<div class="uk-width-1-1"> |
|
10 |
<a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" class="uk-float-right uk-light portal-color uk-margin-small-bottom" [routerLink]=advancedSearchLink >Advanced search for {{activeTab}} |
|
11 |
</a> |
|
12 |
<search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)" placeholderText="Search for research results, projects, content providers & organizations in OpenAIRE"></search-form> |
|
13 |
</div> |
|
14 |
|
|
15 |
|
|
16 |
</div> |
|
17 |
</div> |
|
18 |
</div> |
|
19 |
</div> |
|
20 |
</div> |
|
21 |
|
|
22 |
|
|
23 |
<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle" > |
|
24 |
<div uk-grid > |
|
5 | 25 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> |
6 | 26 |
<div class=""> |
7 | 27 |
|
8 |
<div class="uk-width-1-1 "> |
|
9 |
<div class="uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle generalSearchForm"> |
|
10 |
<div class="uk-width-1-1"> |
|
11 |
<search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)" placeholderText="Search for research results, software, other research products, projects, content providers, organizations in OpenAIRE information space"></search-form> |
|
12 |
<a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" class="uk-float-right uk-light" [routerLink]=advancedSearchLink >Advanced search for {{activeTab}}<span class="uk-icon"> |
|
13 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg> |
|
14 |
</span> |
|
15 |
</a> |
|
16 |
</div> |
|
17 |
</div> |
|
18 |
</div> |
|
19 | 28 |
<div class=" uk-margin-small-top uk-container uk-container-small"> |
20 | 29 |
<div class="uk-grid uk-margin-top"> |
21 | 30 |
<ul class=" uk-tab uk-tab-left uk-width-1-5 uk-visible@m" uk-tab="animation: uk-animation-fade"> |
22 | 31 |
<li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''"> |
23 | 32 |
<a> |
24 | 33 |
Publications |
25 |
<span [class]="(fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchPublications.searchUtils.totalResults | number) :'')}}</span>
|
|
34 |
<span > {{((fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+ (fetchPublications.searchUtils.totalResults | number) +')' :'')}}</span>
|
|
26 | 35 |
|
27 | 36 |
</a> |
28 | 37 |
</li> |
29 | 38 |
<li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''"> |
30 | 39 |
<a> |
31 | 40 |
Research Data |
32 |
<span [class]="(fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchDatasets.searchUtils.totalResults | number) :'')}}</span>
|
|
41 |
<span > {{((fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchDatasets.searchUtils.totalResults | number) +')':'')}}</span>
|
|
33 | 42 |
|
34 | 43 |
</a> |
35 | 44 |
</li> |
36 | 45 |
<li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''"> |
37 | 46 |
<a> |
38 | 47 |
Software |
39 |
<span [class]="(fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchSoftware.searchUtils.totalResults | number) :'')}}</span>
|
|
48 |
<span > {{((fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchSoftware.searchUtils.totalResults | number)+')' :'')}}</span>
|
|
40 | 49 |
|
41 | 50 |
</a> |
42 | 51 |
</li> |
43 | 52 |
<li *ngIf="showOrps" (click)="searchOrps()" [class]="activeTab == 'other research products'?'uk-active':''"> |
44 | 53 |
<a> |
45 | 54 |
Other Research Products |
46 |
<span [class]="(fetchOrps.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchOrps.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchOrps.searchUtils.totalResults | number) :'')}}</span>
|
|
55 |
<span > {{((fetchOrps.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchOrps.searchUtils.totalResults | number) +')':'')}}</span>
|
|
47 | 56 |
|
48 | 57 |
</a> |
49 | 58 |
</li> |
50 | 59 |
<li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''"> |
51 | 60 |
<a> |
52 | 61 |
Projects |
53 |
<span [class]="(fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchProjects.searchUtils.totalResults | number) :'')}}</span>
|
|
62 |
<span > {{((fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchProjects.searchUtils.totalResults | number) +')':'')}}</span>
|
|
54 | 63 |
|
55 | 64 |
</a> |
56 | 65 |
</li> |
57 | 66 |
<li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''"> |
58 | 67 |
<a> |
59 | 68 |
Content Providers |
60 |
<span [class]="(fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchDataproviders.searchUtils.totalResults | number) :'')}}</span>
|
|
69 |
<span > {{((fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchDataproviders.searchUtils.totalResults | number) +')':'')}}</span>
|
|
61 | 70 |
|
62 | 71 |
</a> |
63 | 72 |
</li> |
64 | 73 |
<li *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''"> |
65 | 74 |
<a> |
66 | 75 |
Organizations |
67 |
<span [class]="(fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchOrganizations.searchUtils.totalResults | number) :'')}}</span>
|
|
76 |
<span > {{((fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchOrganizations.searchUtils.totalResults | number)+')' :'')}}</span>
|
|
68 | 77 |
</a> |
69 | 78 |
</li> |
70 | 79 |
</ul> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchOrps.component.ts | ||
---|---|---|
23 | 23 |
[csvParams]="csvParams" csvPath="other" simpleSearchLink="/search/find/other" |
24 | 24 |
[disableForms]="disableForms" |
25 | 25 |
[loadPaging]="loadPaging" |
26 |
[oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId > |
|
26 |
[oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId |
|
27 |
searchFormClass="orpsSearchForm"> |
|
27 | 28 |
</advanced-search-page> |
28 | 29 |
|
29 | 30 |
` |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchDataProviders.component.ts | ||
---|---|---|
24 | 24 |
[csvParams]="csvParams" csvPath="datasources" simpleSearchLink="/search/find/dataproviders" |
25 | 25 |
[disableForms]="disableForms" |
26 | 26 |
[loadPaging]="loadPaging" |
27 |
[oldTotalResults]="oldTotalResults" [piwikSiteId]=piwikSiteId> |
|
27 |
[oldTotalResults]="oldTotalResults" [piwikSiteId]=piwikSiteId |
|
28 |
searchFormClass="datasourcesSearchForm"> |
|
28 | 29 |
</advanced-search-page> |
29 | 30 |
|
30 | 31 |
` |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchOrganizations.component.ts | ||
---|---|---|
23 | 23 |
[csvParams]="csvParams" csvPath="organizations" simpleSearchLink="/search/find/organizations" |
24 | 24 |
[disableForms]="disableForms" |
25 | 25 |
[loadPaging]="loadPaging" |
26 |
[oldTotalResults]="oldTotalResults" [piwikSiteId]=piwikSiteId> |
|
26 |
[oldTotalResults]="oldTotalResults" [piwikSiteId]=piwikSiteId |
|
27 |
searchFormClass="organizationsSearchForm"> |
|
27 | 28 |
</advanced-search-page> |
28 | 29 |
|
29 | 30 |
` |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchDatasets.component.ts | ||
---|---|---|
23 | 23 |
[csvParams]="csvParams" csvPath="datasets" simpleSearchLink="/search/find/datasets" |
24 | 24 |
[disableForms]="disableForms" |
25 | 25 |
[loadPaging]="loadPaging" |
26 |
[oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId > |
|
26 |
[oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId |
|
27 |
searchFormClass="datasetsSearchForm"> |
|
27 | 28 |
</advanced-search-page> |
28 | 29 |
|
29 | 30 |
` |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchProjects.component.ts | ||
---|---|---|
22 | 22 |
[csvParams]="csvParams" csvPath="projects" simpleSearchLink="/search/find/projects" |
23 | 23 |
[disableForms]="disableForms" |
24 | 24 |
[loadPaging]="loadPaging" |
25 |
[oldTotalResults]="oldTotalResults" [piwikSiteId]=piwikSiteId> |
|
25 |
[oldTotalResults]="oldTotalResults" [piwikSiteId]=piwikSiteId |
|
26 |
searchFormClass="projectsSearchForm"> |
|
26 | 27 |
</advanced-search-page> |
27 | 28 |
|
28 | 29 |
` |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchSoftware.component.ts | ||
---|---|---|
23 | 23 |
[csvParams]="csvParams" csvPath="software" simpleSearchLink="/search/find/software" |
24 | 24 |
[disableForms]="disableForms" |
25 | 25 |
[loadPaging]="loadPaging" |
26 |
[oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId> |
|
26 |
[oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId |
|
27 |
searchFormClass="softwareSearchForm"> |
|
27 | 28 |
</advanced-search-page> |
28 | 29 |
|
29 | 30 |
` |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchPublications.component.ts | ||
---|---|---|
25 | 25 |
[loadPaging]="loadPaging" |
26 | 26 |
[oldTotalResults]="oldTotalResults" |
27 | 27 |
[(openaireLink)]=openaireLink |
28 |
[(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId> |
|
28 |
[(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId |
|
29 |
searchFormClass="publicationsSearchForm"> |
|
29 | 30 |
</advanced-search-page> |
30 | 31 |
` |
31 | 32 |
}) |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchForm.component.ts | ||
---|---|---|
8 | 8 |
template: ` |
9 | 9 |
|
10 | 10 |
<form [class]="(isDisabled)?'uk-margin uk-text-center uk-margin-top uk-disabled':'uk-margin uk-text-center uk-margin-top'"> |
11 |
<input type="text" class="uk-input uk-width-1-2" [placeholder]="placeholderText" aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" > |
|
12 |
<button *ngIf="!link" (click)="keywordChanged()" type="submit" class=" uk-button uk-button-danger"> |
|
13 |
<span class="uk-icon"> |
|
14 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" 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> |
|
15 |
</span>Search |
|
11 |
<input type="text" class="uk-input uk-width-xlarge" [placeholder]="placeholderText" aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" > |
|
12 |
<button *ngIf="!link" (click)="keywordChanged()" type="submit" class=" uk-button portal-button"> |
|
13 |
<span class="uk-icon" ><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1.5"><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> |
|
16 | 14 |
</button> |
17 |
<button *ngIf="link" class=" uk-button uk-button-danger" (click)="goTo()" type="submit" > |
|
18 |
<span class="uk-icon"> |
|
19 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" 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> |
|
20 |
</span>Search |
|
15 |
<button *ngIf="link" (click)="goTo()" type="submit" class=" uk-button portal-button uk-padding uk-padding-remove-top uk-padding-remove-bottom "> |
|
16 |
<span class="uk-icon" ><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1.5"><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> |
|
21 | 17 |
</button> |
22 | 18 |
</form> |
23 | 19 |
` |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/landing-utils/citeThis/citeThis.component.ts | ||
---|---|---|
13 | 13 |
<!--dt class="title">Cite this {{type}}</dt--> |
14 | 14 |
<dd class="line" > |
15 | 15 |
<select class="select" id="citations" name="citeselect" [(ngModel)]="selectedStyle" (ngModelChange)="styleChanged()"> |
16 |
<option value="0">select an organization</option> |
|
16 | 17 |
<option *ngFor=" let style of this.citation.templates let i = index" [value]="style">{{style}}</option> |
17 | 18 |
</select> |
18 |
<div id="citation" class="box-content uk-padding-small" [innerHTML]=citationText></div> |
|
19 |
<div *ngIf="selectedStyle!='0'" id="citation" class="box-content uk-padding-small" [innerHTML]=citationText></div>
|
|
19 | 20 |
</dd> |
20 | 21 |
</dl> |
21 | 22 |
</div> |
... | ... | |
23 | 24 |
}) |
24 | 25 |
export class CiteThisComponent { |
25 | 26 |
private sub:any; |
26 |
public selectedStyle:string; |
|
27 |
public selectedStyle:string="0";
|
|
27 | 28 |
public citationText:string; |
28 | 29 |
public citation:Citation = new Citation(); |
29 | 30 |
// public cite: any; |
... | ... | |
35 | 36 |
|
36 | 37 |
|
37 | 38 |
constructor(private route: ActivatedRoute) { |
38 |
this.selectedStyle = this.citation.templates[0]; |
|
39 |
// this.selectedStyle = this.citation.templates[0];
|
|
39 | 40 |
} |
40 | 41 |
|
41 | 42 |
ngOnInit() { |
... | ... | |
138 | 139 |
} |
139 | 140 |
}; |
140 | 141 |
|
141 |
var citeproc = new CSL.Engine(new Sys(this.citation.locale, this.data ), this.citation[this.selectedStyle]); |
|
142 |
var citeproc = new CSL.Engine(new Sys(this.citation.locale, this.data ), this.citation[(this.selectedStyle == "0")?this.citation.templates[0]:this.selectedStyle]);
|
|
142 | 143 |
citeproc.updateItems([this.data.id]); |
143 | 144 |
this.citationText = citeproc.makeBibliography(); |
144 | 145 |
this.citationText = ((this.citationText != null) && (this.citationText.length > 1) && (this.citationText[1].length > 0)) ? this.citationText[1][0] : ''; |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchForm.component.html | ||
---|---|---|
1 | 1 |
|
2 |
<form [class]="(isDisabled )?'uk-disabled advancedSearchForm uk-tile uk-margin-small-top':'advancedSearchForm uk-tile uk-margin-small-top'"> |
|
2 |
<form [class]="(isDisabled )?'uk-disabled advancedSearchForm uk-tile uk-margin-small-top uk-padding-small':'advancedSearchForm uk-tile uk-margin-small-top uk-padding-small'"> |
|
3 |
<div class="uk-article-title custom-article-title uk-text-center"> |
|
4 |
{{pageTitle}} |
|
5 |
</div> |
|
6 |
<a *ngIf = "simpleSearchLink && simpleSearchLink.length > 0" routerLinkActive="router-link-active" [routerLink]=simpleSearchLink style="z-index:1;" |
|
7 |
[class]="(disableForms)?'uk-float-right uk-disabled uk-link-muted uk-button portal-color uk-text-secondary uk-margin-right ':'uk-float-right uk-button portal-color uk-text-secondary uk-margin-right '" >Simple search |
|
8 |
<!--span class="uk-icon"> |
|
9 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg> |
|
10 |
</span--> |
|
11 |
</a> |
|
3 | 12 |
<table class=" uk-table uk-table-responsive uk-table-small" > |
4 | 13 |
<tr *ngFor="let selectedField of selectedFields; let i = index" class="-row "> |
5 | 14 |
<td *ngIf ="i==0 " class="">Search for:</td> |
... | ... | |
52 | 61 |
</span></td> |
53 | 62 |
</tr> |
54 | 63 |
</table> |
55 |
<div class="-row uk-text-right"> |
|
56 |
<button (click)="queryChanged()" type="submit" class="uk-button uk-button-danger">Search</button> |
|
64 |
<div class=" uk-text-center"> |
|
65 |
<button (click)="queryChanged()" type="submit" class=" uk-button portal-background-color uk-padding uk-padding-remove-top uk-padding-remove-bottom "> |
|
66 |
<span class="uk-icon" ><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1.5"><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> |
|
67 |
</button> |
|
57 | 68 |
</div> |
58 | 69 |
|
59 | 70 |
</form> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/browseStatistic.component.html | ||
---|---|---|
7 | 7 |
<a class = " filterItem" [queryParams]="routerHelper.createQueryParam(filter.filterId,quote(value.id))" routerLinkActive="router-link-active" [routerLink]=baseUrl> |
8 | 8 |
<span class="filterName"><div title = "{{value.name}}">{{_formatName(value)}} </div></span> <span class="filterNumber" > ({{value.number | number}})</span></a> |
9 | 9 |
</li> |
10 |
<li *ngIf= " filter.values.length > 5 " class= " uk-margin-remove-top">
|
|
11 |
<a href="#modal-{{filter.filterId}}" uk-toggle class="uk-button uk-button-text">View more <!--span class="uk-text-muted">View more </span>
|
|
10 |
<li *ngIf= " filter.values.length > 5 " class= "uk-padding-small-top">
|
|
11 |
<a href="#modal-{{filter.filterId}}" uk-toggle class="uk-text-secondary ">View more <!--span class="uk-text-muted">View more </span>
|
|
12 | 12 |
<span class="uk-icon"> |
13 | 13 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="triangle-right" ratio="1"><polygon points="8 5 13 10 8 15"></polygon></svg> |
14 | 14 |
</span--> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/sharedComponents/feedback/feedback.component.ts | ||
---|---|---|
6 | 6 |
@Component({ |
7 | 7 |
selector: 'feedback', |
8 | 8 |
template: ` |
9 |
<div id="feedback" class="uk-tooltip" (click) = "initialize()">
|
|
10 |
<a [href]="'mailto:' + feedbackmail +'?Subject=' + subject + '&body=' + body" target="_top" type="button" class="btn btn-info btn-lg">
|
|
9 |
<div id="feedback" class="" (click) = "initialize()"> |
|
10 |
<a [href]="'mailto:' + feedbackmail +'?Subject=' + subject + '&body=' + body" target="_top" type="button" class=""> |
|
11 | 11 |
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5LjI5OXB4IiBoZWlnaHQ9IjUwLjYyNXB4IiB2aWV3Qm94PSIwIDAgOS4yOTkgNTAuNjI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5LjI5OSA1MC42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zLjUxNiw0Ni44N3YxLjYzNWg1LjY2N3YwLjk3NEgzLjUxNnYxLjE0N2gtMC40NGwtMC4zNTItMS4xNDdIMi4zNjdDMC43ODksNDkuNDc4LDAsNDguNzg4LDAsNDcuNDA5YzAtMC4zNCwwLjA2OC0wLjczOCwwLjIwNS0xLjE5NWwwLjc3OSwwLjI1MmMtMC4xMjEsMC4zNzUtMC4xODIsMC42OTUtMC4xODIsMC45NjFjMCwwLjM2NywwLjEyMiwwLjY0LDAuMzY2LDAuODE0YzAuMjQ0LDAuMTc2LDAuNjM2LDAuMjY0LDEuMTc1LDAuMjY0SDIuNzZWNDYuODdIMy41MTZ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMjk5LDQyLjk4NWMwLDAuOTQ5LTAuMjg5LDEuNjk3LTAuODY2LDIuMjQ2Yy0wLjU3OCwwLjU0OS0xLjM4MiwwLjgyNC0yLjQwOCwwLjgyNGMtMS4wMzYsMC0xLjg1Ny0wLjI1Ni0yLjQ2Ny0wLjc2NmMtMC42MS0wLjUxMS0wLjkxNC0xLjE5My0wLjkxNC0yLjA1NGMwLTAuODA1LDAuMjY1LTEuNDQsMC43OTQtMS45MDljMC41MjktMC40NywxLjIyOC0wLjcwMywyLjA5NS0wLjcwM2gwLjYxNXY0LjQyNGMwLjc1NC0wLjAyMSwxLjMyNi0wLjIxMSwxLjcxNy0wLjU3MlM4LjQ1LDQzLjYwNiw4LjQ1LDQyLjk1YzAtMC42OTEtMC4xNDUtMS4zNzUtMC40MzQtMi4wNTFoMC44NjZjMC4xNDgsMC4zNDQsMC4yNTUsMC42NjgsMC4zMTksMC45NzVDOS4yNjcsNDIuMTgxLDkuMjk5LDQyLjU1MSw5LjI5OSw0Mi45ODV6IE0zLjQ1Nyw0My4yNDljMCwwLjUxNywwLjE2OCwwLjkyNiwwLjUwNCwxLjIzMnMwLjgwMSwwLjQ4OCwxLjM5NiwwLjU0M3YtMy4zNTdjLTAuNjEzLDAtMS4wODMsMC4xMzgtMS40MSwwLjQxQzMuNjIxLDQyLjM1LDMuNDU3LDQyLjc0MSwzLjQ1Nyw0My4yNDl6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMjk5LDM2LjI1MmMwLDAuOTQ5LTAuMjg5LDEuNjk3LTAuODY2LDIuMjQ2Yy0wLjU3OCwwLjU0OS0xLjM4MiwwLjgyNC0yLjQwOCwwLjgyNGMtMS4wMzYsMC0xLjg1Ny0wLjI1Ni0yLjQ2Ny0wLjc2NmMtMC42MS0wLjUxLTAuOTE0LTEuMTkzLTAuOTE0LTIuMDUzYzAtMC44MDUsMC4yNjUtMS40NDEsMC43OTQtMS45MXMxLjIyOC0wLjcwMywyLjA5NS0wLjcwM2gwLjYxNXY0LjQyNGMwLjc1NC0wLjAyLDEuMzI2LTAuMjExLDEuNzE3LTAuNTcyczAuNTg2LTAuODY5LDAuNTg2LTEuNTI1YzAtMC42OTEtMC4xNDUtMS4zNzUtMC40MzQtMi4wNTFoMC44NjZjMC4xNDgsMC4zNDQsMC4yNTUsMC42NjgsMC4zMTksMC45NzZTOS4yOTksMzUuODE5LDkuMjk5LDM2LjI1MnogTTMuNDU3LDM2LjUxNmMwLDAuNTE2LDAuMTY4LDAuOTI2LDAuNTA0LDEuMjMyYzAuMzM2LDAuMzA4LDAuODAxLDAuNDg4LDEuMzk2LDAuNTQzdi0zLjM1N2MtMC42MTMsMC0xLjA4MywwLjEzNy0xLjQxLDAuNDFDMy42MjEsMzUuNjE4LDMuNDU3LDM2LjAwOCwzLjQ1NywzNi41MTZ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMzE5LDI3Ljg2MnYwLjA1M2MwLjY1MiwwLjQ0OSwwLjk3OSwxLjEyMSwwLjk3OSwyLjAxN2MwLDAuODQtMC4yODYsMS40OTMtMC44NiwxLjk2UzcuMDQ3LDMyLjU5LDUuOTg5LDMyLjU5Yy0xLjA1OCwwLTEuODgxLTAuMjMzLTIuNDY3LTAuNzAyYy0wLjU4Ni0wLjQ3LTAuODc5LTEuMTIxLTAuODc5LTEuOTU3YzAtMC44NzEsMC4zMTYtMS41MzksMC45NDktMi4wMDVWMjcuODVsLTAuNDYzLDAuMDQxbC0wLjQ1MSwwLjAyM0gwLjA2NHYtMC45NzRoOS4xMTd2MC43OTFMOC4zMTksMjcuODYyeiBNOC40ODMsMjkuODA3YzAtMC42NjQtMC4xOC0xLjE0Ni0wLjU0MS0xLjQ0NHMtMC45NDQtMC40NDgtMS43NS0wLjQ0OEg1Ljk4N2MtMC45MDksMC0xLjU1OSwwLjE1MS0xLjk0NywwLjQ1NWMtMC4zODgsMC4zMDMtMC41ODMsMC43ODUtMC41ODMsMS40NDljMCwwLjU3LDAuMjIyLDEuMDA4LDAuNjY1LDEuMzExUzUuMTksMzEuNTgzLDYsMzEuNTgzYzAuODE5LDAsMS40MzgtMC4xNDksMS44NTYtMC40NTFDOC4yNzQsMzAuODMxLDguNDgzLDMwLjM4OSw4LjQ4MywyOS44MDd6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIuNjU0LDIxLjg5MWMwLTAuODQ0LDAuMjg4LTEuNDk5LDAuODY0LTEuOTY2YzAuNTc2LTAuNDY3LDEuMzkyLTAuNywyLjQ0Ni0wLjdjMS4wNTUsMCwxLjg3NCwwLjIzNSwyLjQ1OCwwLjcwNmMwLjU4NCwwLjQ3MSwwLjg3NiwxLjEyNCwwLjg3NiwxLjk2YzAsMC40MTgtMC4wNzYsMC44LTAuMjMsMS4xNDZjLTAuMTU0LDAuMzQ2LTAuMzkzLDAuNjM2LTAuNzEzLDAuODd2MC4wN2wwLjgyNiwwLjIwNXYwLjY5N0gwLjA2NHYtMC45NzNoMi4yMTVjMC40OTYsMCwwLjk0MSwwLjAxNiwxLjMzNiwwLjA0N3YtMC4wNDdDMi45NzUsMjMuNDU0LDIuNjU0LDIyLjc4MiwyLjY1NCwyMS44OTF6IE0zLjQ2OSwyMi4wMzJjMCwwLjY2NCwwLjE5LDEuMTQzLDAuNTcxLDEuNDM2czEuMDIyLDAuNDM5LDEuOTI1LDAuNDM5YzAuOTAzLDAsMS41NDgtMC4xNSwxLjkzNy0wLjQ1MWMwLjM5LTAuMzAxLDAuNTg0LTAuNzgzLDAuNTg0LTEuNDQ3YzAtMC41OTgtMC4yMTktMS4wNDMtMC42NTMtMS4zMzZzLTEuMDYyLTAuNDM5LTEuODc4LTAuNDM5Yy0wLjgzNiwwLTEuNDU5LDAuMTQ2LTEuODY5LDAuNDM5UzMuNDY5LDIxLjQxOCwzLjQ2OSwyMi4wMzJ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMTgzLDEzLjU3N0w4LjI2OSwxMy43N3YwLjA0N2MwLjQwMSwwLjMyLDAuNjc0LDAuNjQsMC44MTYsMC45NThzMC4yMTQsMC43MTYsMC4yMTQsMS4xOTJjMCwwLjYzNy0wLjE2NCwxLjEzNi0wLjQ5MSwxLjQ5N2MtMC4zMjgsMC4zNjEtMC43OTUsMC41NDItMS40LDAuNTQyYy0xLjI5NywwLTEuOTc3LTEuMDM3LTIuMDM5LTMuMTExbC0wLjAzNS0xLjA5SDQuOTM0Yy0wLjUwNCwwLTAuODc2LDAuMTA4LTEuMTE2LDAuMzI1Yy0wLjI0LDAuMjE3LTAuMzYsMC41NjMtMC4zNiwxLjA0YzAsMC41MzUsMC4xNjQsMS4xNDEsMC40OTIsMS44MTZsLTAuNzQ0LDAuMjk5Yy0wLjE3Mi0wLjMxNi0wLjMwNy0wLjY2My0wLjQwNC0xLjA0Yy0wLjA5Ny0wLjM3Ny0wLjE0Ni0wLjc1NS0wLjE0Ni0xLjEzNGMwLTAuNzY2LDAuMTctMS4zMzMsMC41MS0xLjcwMmMwLjM0LTAuMzY5LDAuODg1LTAuNTU0LDEuNjM1LTAuNTU0aDQuMzg0djAuNzIySDkuMTgzeiBNOC40OTYsMTUuNzc0YzAtMC42MDUtMC4xNjYtMS4wODEtMC40OTgtMS40MjdjLTAuMzMyLTAuMzQ2LTAuNzk3LTAuNTE5LTEuMzk2LTAuNTE5aC0wLjU4bDAuMDQxLDAuOTczYzAuMDI3LDAuNzczLDAuMTQ3LDEuMzMxLDAuMzYsMS42NzNjMC4yMTQsMC4zNDIsMC41NDQsMC41MTMsMC45OTMsMC41MTNjMC4zNTIsMCwwLjYxOS0wLjEwNiwwLjgwMy0wLjMxOVM4LjQ5NiwxNi4xNTcsOC40OTYsMTUuNzc0eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjI5OSw4LjI4NWMwLDAuOTMtMC4yODYsMS42NDktMC44NTgsMi4xNTljLTAuNTcxLDAuNTEtMS4zODEsMC43NjUtMi40MjgsMC43NjVjLTEuMDc1LDAtMS45MDUtMC4yNTktMi40OTEtMC43NzZTMi42NDMsOS4xNzgsMi42NDMsOC4yMjFjMC0wLjMwOSwwLjAzMy0wLjYxNywwLjEtMC45MjZDMi44MSw2Ljk4NiwyLjg4OCw2Ljc0NCwyLjk3Nyw2LjU2OGwwLjgyNiwwLjI5OUMzLjcxNyw3LjA4MiwzLjY0Niw3LjMxNiwzLjU4OSw3LjU3QzMuNTMyLDcuODI0LDMuNTA0LDguMDQ5LDMuNTA0LDguMjQ0YzAsMS4zMDUsMC44MzIsMS45NTcsMi40OTYsMS45NTdjMC43ODksMCwxLjM5Ni0wLjE1OSwxLjgxNS0wLjQ3OGMwLjQyMi0wLjMxOSwwLjYzNC0wLjc5LDAuNjM0LTEuNDE1YzAtMC41MzUtMC4xMTUtMS4wODQtMC4zNDctMS42NDZoMC44NjFDOS4xODgsNy4wOTIsOS4yOTksNy42MzMsOS4yOTksOC4yODV6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUuODk2LDQuMTc4QzUuNjU2LDQuMDEsNS4zNDQsMy43NTQsNC45NTcsMy40MUwyLjc2LDEuMzM2VjAuMTgybDIuNzM2LDIuNjAyTDkuMTgzLDB2MS4xNzhMNi4xNDYsMy40NDVsMC42MzMsMC43MzJoMi40MDJ2MC45NjFIMC4wNjR2LTAuOTZoNC44MzRjMC4yMTUsMCwwLjU0NiwwLjAxNiwwLjk5NiwwLjA0N1Y0LjE3OEg1Ljg5NnoiLz48L2c+PC9zdmc+" alt="Feedback" title="Feedback Button" height="70px"> |
12 | 12 |
</a> |
13 | 13 |
</div> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchForm.component.ts | ||
---|---|---|
18 | 18 |
@Input() fieldIdsMap; |
19 | 19 |
@Input() selectedFields:AdvancedField[]; |
20 | 20 |
@Input() isDisabled: boolean = false; |
21 |
|
|
21 |
@Input() simpleSearchLink; |
|
22 |
@Input() pageTitle; |
|
22 | 23 |
@Output() queryChange = new EventEmitter(); |
23 | 24 |
newFieldId:string; |
24 | 25 |
newFieldName:string; |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchPage.component.html | ||
---|---|---|
1 |
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle" > |
|
2 |
<div uk-grid > |
|
3 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> |
|
4 |
<div class=""> |
|
1 |
<div class="image-front-topbar uk-section-default uk-position-relative" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" tm-header-transparent="light"> |
|
2 |
<div uk-height-viewport="offset-top: true;offset-bottom: 40" style="box-sizing: border-box; " [class]="' uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed '+searchFormClass"> |
|
3 |
<div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div> |
|
4 |
<div class="uk-container"> |
|
5 |
<div class="uk-position-relative"> |
|
5 | 6 |
|
6 |
<div [class]="'uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle uk- light '+searchFormClass" > |
|
7 | 7 |
|
8 |
<div class="uk-width-1-1"> |
|
9 |
<div class="uk-width-1-1"> |
|
10 |
<search-form [isDisabled]="disableForms" [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)" [placeholderText]="formPlaceholderText"></search-form> |
|
11 |
</div> |
|
12 |
<div class="uk-width-1-1 "> |
|
8 |
<div class="uk-container "> |
|
9 |
<div class="uk-width-1-1"> |
|
10 |
<!--link to advanced search --> |
|
11 |
<a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" [class]="((disableForms)?'uk-float-right uk-disabled uk-link-muted uk-light ':'uk-float-right uk-light') +' portal-color uk-margin-small-bottom'" [routerLink]=advancedSearchLink [queryParams]=advancedSearchParameters > |
|
12 |
<span class=" ">Advanced search</span> |
|
13 |
</a> |
|
14 |
<search-form [isDisabled]="disableForms" [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)" [placeholderText]="formPlaceholderText"></search-form> |
|
13 | 15 |
|
14 |
<div *ngIf="countFilters()>0" class = "uk-container uk-width-1-2@m uk-width-1-2@s uk-align-center uk-text-center uk-text-small whiteText uk-padding-small"> |
|
15 |
<a *ngIf="countFilters()>1" (click)="clearFilters()" [class]="((disableForms)?'uk-disabled uk-link-muted':'')+' uk-button uk-button-default uk-margin-small-right'"> |
|
16 |
Clear All |
|
17 |
</a> |
|
18 |
<span *ngIf = "searchUtils.keyword.length > 0">Keywords: <span [innerHtml]="searchUtils.keyword"></span> |
|
19 |
<a (click) = "clearKeywords() " title="Remove keywords" [class]="(disableForms)?'uk-icon-button icon-button-small uk-margin-small-right uk-disabled':'uk-icon-button icon-button-small uk-margin-small-right'"><span class=" clickable " aria-hidden="true"><span class="uk-icon "> |
|
20 |
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg> |
|
21 |
</span></span></a> |
|
22 |
</span> |
|
23 |
<span *ngFor="let filter of filters " > |
|
24 |
<span *ngIf = "filter.countSelectedValues > 0"> <span class="uk-text-bold">{{filter.title}}:</span> |
|
25 |
<span *ngFor="let value of getSelectedValues(filter); let i = index; let end = last; " ><span [innerHtml]="(value.name.length > 25)?value.name.substring(0,25)+'...':value.name" [title]="value.name"></span> |
|
26 |
<a [title]="'Remove '+value.name"(click) = "removeFilter(value, filter) " [class]="(disableForms)?'uk-icon-button icon-button-small uk-margin-small-right uk-disabled':'uk-icon-button icon-button-small uk-margin-small-right'"><span class=" clickable" aria-hidden="true"><span class="uk-icon"> |
|
27 |
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg> |
|
28 |
</span></span></a> |
|
29 |
<!--span *ngIf="!end" class=" uk-margin-small-right ">, </span--> |
|
30 |
</span> |
|
31 |
</span> |
|
32 |
</span> |
|
16 |
</div> |
|
33 | 17 |
|
34 | 18 |
|
35 |
</div> |
|
36 |
<div *ngIf= "showUnknownFilters" class = " uk-text-center "> |
|
37 |
<a (click) = "clearFilters() " >Try new Query</a> |
|
38 |
</div> |
|
39 |
<!--link to advanced search --> |
|
40 |
<a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" [class]="((disableForms)?'uk-float-right uk-disabled uk-link-muted uk-light ':'uk-float-right uk-light') +' whiteText uk-padding-small uk-button-text'" [routerLink]=advancedSearchLink [queryParams]=advancedSearchParameters > |
|
41 |
<span class="uk-padding-small">More search options</span> |
|
42 |
</a> |
|
43 |
</div> |
|
19 |
</div> |
|
20 |
</div> |
|
21 |
</div> |
|
22 |
</div> |
|
23 |
</div> |
|
44 | 24 |
|
45 |
</div> |
|
46 |
</div> |
|
25 |
|
|
26 |
<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle" > |
|
27 |
<div uk-grid > |
|
28 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> |
|
29 |
<div class=""> |
|
47 | 30 |
<div class="uk-container"> |
48 | 31 |
<helper position="top"></helper> |
49 | 32 |
<div [class]="(showRefine)? 'uk-width-3-5@m uk-width-3-5@l uk-width-1-1@s' :'uk-width-1-1'"> |
... | ... | |
54 | 37 |
<div id="offcanvas-usage" uk-offcanvas> |
55 | 38 |
<div class="uk-offcanvas-bar"> |
56 | 39 |
<button class="uk-offcanvas-close" type="button" uk-close></button> |
40 |
<div class="uk-width-1-1 uk-margin-small-bottom "> |
|
41 |
|
|
42 |
<div *ngIf="countFilters()>0" class="uk-margin-small-bottom"> |
|
43 |
|
|
44 |
<span *ngIf = "searchUtils.keyword.length > 0"><span class="uk-text-bold">Keywords:</span> |
|
45 |
<a (click) = "clearKeywords() " title="Remove keywords" [class]="((disableForms)?' uk-disabled':' ')+' uk-margin-small-right portal-color '"><span class=" clickable " aria-hidden="true"><span class="uk-icon "> |
|
46 |
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg> |
|
47 |
</span></span></a> |
|
48 |
<span [innerHtml]="searchUtils.keyword"></span> |
|
49 |
|
|
50 |
</span> |
|
51 |
<div *ngFor="let filter of filters " > |
|
52 |
<span *ngIf = "filter.countSelectedValues > 0"> <span class="uk-text-bold">{{filter.title}}:</span> |
|
53 |
<span *ngFor="let value of getSelectedValues(filter); let i = index; let end = last; " > |
|
54 |
<a [title]="'Remove '+value.name"(click) = "removeFilter(value, filter) " [class]="((disableForms)?' uk-disabled':' ')+' portal-color '"><span class=" clickable" aria-hidden="true"><span class="uk-icon"> |
|
55 |
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg> |
|
56 |
</span></span></a> |
|
57 |
<span [innerHtml]="(value.name.length > 25)?value.name.substring(0,25)+'...':value.name" [title]="value.name"></span> |
|
58 |
|
|
59 |
<span *ngIf="!end" class=" ">, </span> |
|
60 |
</span> |
|
61 |
</span> |
|
62 |
</div> |
|
63 |
|
|
64 |
|
|
65 |
</div> |
|
66 |
<a *ngIf="countFilters()>1" (click)="clearFilters()" [class]="((disableForms)?'uk-disabled uk-link-muted':'')+' portal-reverse-button '"> |
|
67 |
Clear All |
|
68 |
</a> |
|
69 |
<a *ngIf= "showUnknownFilters" class = " portal-reverse-button " (click) = "clearFilters() " >Try new Query</a> |
|
70 |
|
|
71 |
</div> |
|
57 | 72 |
<div class="uk-text-large">Filter By:</div> |
58 | 73 |
<search-filter *ngFor="let filter of filters " [addShowMore]=false [isDisabled]="disableForms" [filter]="filter" [showResultCount]=showResultCount (onFilterChange)="filterChanged($event)" [(connectCommunityId)]=connectCommunityId></search-filter> |
59 | 74 |
</div> |
... | ... | |
66 | 81 |
<div class="uk-grid uk-width-1-1"> |
67 | 82 |
<div *ngIf="showRefine" class="helper-left-right search-filters uk-visible@m"> |
68 | 83 |
<helper position="left" before="true"></helper> |
84 |
<div class="uk-width-1-1 uk-margin-small-bottom "> |
|
85 |
|
|
86 |
<div *ngIf="countFilters()>0" class="uk-margin-small-bottom"> |
|
87 |
|
|
88 |
<span *ngIf = "searchUtils.keyword.length > 0"><span class="uk-text-bold">Keywords:</span> |
|
89 |
<a (click) = "clearKeywords() " title="Remove keywords" [class]="((disableForms)?' uk-disabled':' ')+' uk-margin-small-right portal-color '"><span class=" clickable " aria-hidden="true"><span class="uk-icon "> |
|
90 |
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg> |
|
91 |
</span></span></a> |
|
92 |
<span [innerHtml]="searchUtils.keyword"></span> |
|
93 |
|
|
94 |
</span> |
|
95 |
<div *ngFor="let filter of filters " > |
|
96 |
<span *ngIf = "filter.countSelectedValues > 0"> <span class="uk-text-bold">{{filter.title}}:</span> |
|
97 |
<span *ngFor="let value of getSelectedValues(filter); let i = index; let end = last; " > |
|
98 |
<a [title]="'Remove '+value.name"(click) = "removeFilter(value, filter) " [class]="((disableForms)?' uk-disabled':' ')+' portal-color '"><span class=" clickable" aria-hidden="true"><span class="uk-icon"> |
|
99 |
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg> |
|
100 |
</span></span></a> |
|
101 |
<span [innerHtml]="(value.name.length > 25)?value.name.substring(0,25)+'...':value.name" [title]="value.name"></span> |
|
102 |
|
|
103 |
<span *ngIf="!end" class=" ">, </span> |
|
104 |
</span> |
|
105 |
</span> |
|
106 |
</div> |
|
107 |
|
|
108 |
|
|
109 |
</div> |
|
110 |
<a *ngIf="countFilters()>1" (click)="clearFilters()" [class]="((disableForms)?'uk-disabled uk-link-muted':'')+' portal-reverse-button '"> |
|
111 |
Clear All |
|
112 |
</a> |
|
113 |
<a *ngIf= "showUnknownFilters" class = " portal-reverse-button " (click) = "clearFilters() " >Try new Query</a> |
|
114 |
|
|
115 |
</div> |
|
69 | 116 |
<search-filter *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter" [showResultCount]=showResultCount (onFilterChange)="filterChanged($event)" [(connectCommunityId)]=connectCommunityId></search-filter> |
70 | 117 |
<helper position="left" before="false"></helper> |
71 | 118 |
</div> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchFilter.component.html | ||
---|---|---|
1 | 1 |
|
2 | 2 |
<ul *ngIf= "filter.values.length >0" class="uk-list"> |
3 | 3 |
<li class="uk-open"> |
4 |
<h5 class="uk-margin-bottom-remove sideInfoTitle">{{_formatTitle(filter.title,filter.values.length)}}
|
|
4 |
<h5 class="uk-margin-bottom-remove searchFilterTitle">{{_formatTitle(filter.title,filter.values.length)}}
|
|
5 | 5 |
</h5> |
6 | 6 |
<div aria-expanded="false"> |
7 | 7 |
<div class="searchFilterBoxValues "> |
8 |
<div *ngFor = "let value of getSelectedValues(filter,'num')" class = "uk-animation-fade filterItem"> |
|
8 |
<!--div *ngFor = "let value of getSelectedValues(filter,'num')" class = "uk-animation-fade filterItem">
|
|
9 | 9 |
<span class="filterName"><div title = "{{value.name}}"> |
10 | 10 |
<input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" /> |
11 | 11 |
{{_formatName(value)}} </div></span> |
12 | 12 |
<span class="filterNumber" *ngIf = "showResultCount === true" > ({{value.number|number}})</span> |
13 | 13 |
</div> |
14 |
<hr *ngIf="filter.countSelectedValues > 0 && (filter.values.length-filter.countSelectedValues ) > 0 " class="uk-grid-divider uk-margin-small"> |
|
14 |
<hr *ngIf="filter.countSelectedValues > 0 && (filter.values.length-filter.countSelectedValues ) > 0 " class="uk-grid-divider uk-margin-small"-->
|
|
15 | 15 |
<div *ngFor = "let value of getNotSelectedValues(filter,'num').slice(0,(!addShowMore?getNotSelectedValues(filter,'num').length:5-getSelectedValues(filter,'num').length))" class = "uk-animation-fade filterItem"> |
16 | 16 |
|
17 | 17 |
<span class="filterName"><div title = "{{value.name}}"> <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" /> |
... | ... | |
20 | 20 |
</div> |
21 | 21 |
|
22 | 22 |
<a *ngIf=" addShowMore && (filter.values.length) > 5" (click)="open()" |
23 |
[class]="(isDisabled)?'uk-disabled uk-link-muted uk-button uk-button-text uk-text-secondary':'uk-button uk-button-text uk-text-secondary'">View more
|
|
23 |
[class]="(isDisabled)?'uk-disabled uk-link-muted uk-text-secondary':' uk-text-secondary'">View more
|
|
24 | 24 |
</a> |
25 | 25 |
|
26 | 26 |
|
... | ... | |
32 | 32 |
{{filter.title}} |
33 | 33 |
</h5> |
34 | 34 |
|
35 |
<div *ngIf="filter.values.length >= 99" class="uk-alert uk-alert-primary uk-text-center uk-margin-right uk-margin-left">Showing top {{filter.values.length}} values. </div> |
|
35 |
<div *ngIf="filter.values.length >= 99" class="uk-alert uk-alert-primary uk-text-center uk-margin-right uk-margin-left uk-margin-small-top uk-margin-small-bottom ">Showing top {{filter.values.length}} values. </div>
|
|
36 | 36 |
<div class="uk-grid uk-margin-left uk-margin-right"> |
37 | 37 |
<input class="uk-input uk-margin-small-bottom uk-width-1-2 " name="filter-keyword" placeholder="Search for {{filter.title}}" type="text" [(ngModel)]="keyword"> |
38 | 38 |
<select *ngIf = "showResultCount === true" [(ngModel)]="sortBy" class="uk-select uk-margin-small-bottom uk-width-1-2 uk-padding-remove" name="select_order" (ngModelChange)="sortByChanged = true;" > |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchForm.module.ts | ||
---|---|---|
1 | 1 |
import { NgModule} from '@angular/core'; |
2 | 2 |
import { CommonModule } from '@angular/common'; |
3 | 3 |
import { FormsModule } from '@angular/forms'; |
4 |
import { RouterModule } from '@angular/router'; |
|
4 | 5 |
|
5 | 6 |
import{AdvancedSearchFormComponent} from './advancedSearchForm.component'; |
6 | 7 |
import {EntitiesAutocompleteModule} from '../../utils/entitiesAutoComplete/entitiesAutoComplete.module'; |
... | ... | |
10 | 11 |
|
11 | 12 |
@NgModule({ |
12 | 13 |
imports: [ |
13 |
CommonModule, FormsModule, EntitiesAutocompleteModule, StaticAutocompleteModule, DateFilterModule |
|
14 |
CommonModule, FormsModule, RouterModule, EntitiesAutocompleteModule, StaticAutocompleteModule, DateFilterModule
|
|
14 | 15 |
], |
15 | 16 |
declarations: [ |
16 | 17 |
AdvancedSearchFormComponent, |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchPage.component.html | ||
---|---|---|
1 |
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle"> |
|
1 |
<div class="image-front-topbar uk-section-default uk-position-relative" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" tm-header-transparent="light"> |
|
2 |
<div style="box-sizing: border-box; " [class]="' uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed advancedSearchFormBackground '+searchFormClass"> |
|
3 |
<div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div> |
|
4 |
<div class="uk-width-1-1"> |
|
5 |
<div class="uk-position-relative"> |
|
6 |
|
|
7 |
|
|
8 |
<div class="uk-container uk-margin-large-top"> |
|
9 |
<advanced-search-form |
|
10 |
[entityType] = "entityType" |
|
11 |
[(fieldIds)]="fieldIds" |
|
12 |
[(fieldIdsMap)]="fieldIdsMap" |
|
13 |
[(selectedFields)]="selectedFields" |
|
14 |
(queryChange)="queryChanged($event)" |
|
15 |
[isDisabled]="disableForms" |
|
16 |
[simpleSearchLink]=simpleSearchLink |
|
17 |
[pageTitle]=pageTitle |
|
18 |
> |
|
19 |
</advanced-search-form> |
|
20 |
</div> |
|
21 |
</div> |
|
22 |
</div> |
|
23 |
</div> |
|
24 |
</div> |
|
25 |
|
|
26 |
|
|
27 |
|
|
28 |
<div id="tm-main" class=" tm-middle"> |
|
2 | 29 |
<div uk-grid uk-grid> |
3 | 30 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> |
4 |
<div class="uk-container uk-margin-top"> |
|
5 |
<div class="uk-article-title custom-article-title"> |
|
6 |
{{pageTitle}} |
|
7 |
</div> |
|
31 |
<div class="uk-container "> |
|
32 |
|
|
8 | 33 |
<div> |
9 |
<a *ngIf = "simpleSearchLink && simpleSearchLink.length > 0" routerLinkActive="router-link-active" [routerLink]=simpleSearchLink style="z-index:1;" |
|
10 |
[class]="(disableForms)?'uk-float-right uk-disabled uk-link-muted uk-button uk-button-text uk-text-secondary uk-margin-right uk-margin-top':'uk-float-right uk-button uk-button-text uk-text-secondary uk-margin-right uk-margin-top'" >Simple search |
|
11 |
<!--span class="uk-icon"> |
|
12 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg> |
|
13 |
</span--> |
|
14 |
</a> |
|
15 |
<advanced-search-form |
|
16 |
[entityType] = "entityType" |
|
17 |
[(fieldIds)]="fieldIds" |
|
18 |
[(fieldIdsMap)]="fieldIdsMap" |
|
19 |
[(selectedFields)]="selectedFields" |
|
20 |
(queryChange)="queryChanged($event)" |
|
21 |
[isDisabled]="disableForms"> |
|
22 |
</advanced-search-form> |
|
34 |
|
|
23 | 35 |
<div class="uk-width-1-1"> |
24 | 36 |
<helper position="top"></helper> |
25 | 37 |
</div> |
26 |
<div class="uk-width-1-1 uk-grid helper-grid" > |
|
38 |
<div class="uk-width-1-1 uk-grid helper-grid uk-padding-large uk-padding-remove-top" >
|
|
27 | 39 |
<helper class="helper-left-right uk-visible@m" position="left"></helper> |
28 | 40 |
<div class="uk-width-expand@m uk-with-1-1@s"> |
29 | 41 |
<div *ngIf="openaireLink"> <a class="uk-margin-top uk-button uk-button-text" [href]=openaireLink target="_blank" >Results in OpenAIRE</a></div> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchPage.component.ts | ||
---|---|---|
40 | 40 |
@Input() oldTotalResults: number = 0; |
41 | 41 |
@Input() openaireLink: string; |
42 | 42 |
@Input() connectCommunityId: string; |
43 |
@Input() searchFormClass: string = "searchForm"; |
|
43 | 44 |
piwiksub: any; |
44 | 45 |
public parameterNames:string[] =[]; |
45 | 46 |
public parameterValues:string[] =[]; |
... | ... | |
275 | 276 |
if(this.fieldIdsMap[id]["param"] == parameter){ |
276 | 277 |
return this.fieldIdsMap[id]["operator"]; |
277 | 278 |
} |
278 |
}
|
|
279 |
} |
|
279 | 280 |
} |
280 | 281 |
// for loading |
281 | 282 |
public openLoading(){ |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/orp/orp.component.html | ||
---|---|---|
56 | 56 |
<div class="uk-accordion-content"> |
57 | 57 |
<div> |
58 | 58 |
<div *ngFor="let provenanceaction of getKeys(orpInfo.relatedResearchResults)"> |
59 |
<div class="uk-text-large uk-margin-bottom">{{provenanceaction}}</div>
|
|
59 |
<div class="uk-text-large">{{provenanceaction}}</div> |
|
60 | 60 |
<tabTable [percentageName]="trust" [info]="orpInfo.relatedResearchResults.get(provenanceaction)" [(properties)]=properties></tabTable> |
61 | 61 |
</div> |
62 | 62 |
</div> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/dataProvider/dataProvider.component.html | ||
---|---|---|
80 | 80 |
|
81 | 81 |
<li *ngIf="dataProviderInfo.tabs2.indexOf('Publications') != -1" (click)="search('publicationsTab', 1, 10); activeTab='Publications'"> |
82 | 82 |
<a class="uk-accordion-title" href="#">Publications |
83 |
<span class="uk-badge uk-badge-notification">
|
|
84 |
{{fetchPublications.searchUtils.totalResults | number}}
|
|
85 |
</span>
|
|
83 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
84 |
({{fetchPublications.searchUtils.totalResults | number}})
|
|
85 |
<!-- </span> -->
|
|
86 | 86 |
</a> |
87 | 87 |
<div class="uk-accordion-content"> |
88 | 88 |
<publicationsTab *ngIf="activeTab=='Publications'" |
... | ... | |
93 | 93 |
</li> |
94 | 94 |
<li *ngIf="dataProviderInfo.tabs2.indexOf('Research Data') != -1" (click)="search('datasetsTab', 1, 10); activeTab='Research Data'"> |
95 | 95 |
<a class="uk-accordion-title" href="#">Research Data |
96 |
<span class="uk-badge uk-badge-notification">
|
|
97 |
{{fetchDatasets.searchUtils.totalResults | number}}
|
|
98 |
</span>
|
|
96 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
97 |
({{fetchDatasets.searchUtils.totalResults | number}})
|
|
98 |
<!-- </span> -->
|
|
99 | 99 |
</a> |
100 | 100 |
<div class="uk-accordion-content"> |
101 | 101 |
<p> |
... | ... | |
109 | 109 |
|
110 | 110 |
<li *ngIf="dataProviderInfo.tabs2.indexOf('Software') != -1" (click)="search('softwareTab', 1, 10); activeTab='Software'"> |
111 | 111 |
<a class="uk-accordion-title" href="#">Software |
112 |
<span class="uk-badge uk-badge-notification">
|
|
113 |
{{fetchSoftware.searchUtils.totalResults | number}}
|
|
114 |
</span>
|
|
112 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
113 |
({{fetchSoftware.searchUtils.totalResults | number}})
|
|
114 |
<!-- </span> -->
|
|
115 | 115 |
</a> |
116 | 116 |
<div class="uk-accordion-content"> |
117 | 117 |
<softwareTab *ngIf="activeTab=='Software'" |
... | ... | |
123 | 123 |
|
124 | 124 |
<li *ngIf="dataProviderInfo.tabs2.indexOf('Other Research Products') != -1" (click)="search('orpsTab', 1, 10); activeTab='Other Research Products'"> |
125 | 125 |
<a class="uk-accordion-title" href="#">Other Research Products |
126 |
<span class="uk-badge uk-badge-notification">
|
|
127 |
{{fetchOrps.searchUtils.totalResults | number}}
|
|
128 |
</span>
|
|
126 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
127 |
({{fetchOrps.searchUtils.totalResults | number}})
|
|
128 |
<!-- </span> -->
|
|
129 | 129 |
</a> |
130 | 130 |
<div class="uk-accordion-content"> |
131 | 131 |
<orpsTab *ngIf="activeTab=='Other Research Products'" |
... | ... | |
137 | 137 |
|
138 | 138 |
<li *ngIf="dataProviderInfo.tabs2.indexOf('Projects') != -1" (click)="search('projectsTab', 1, 10); activeTab='Projects'"> |
139 | 139 |
<a class="uk-accordion-title" href="#">Projects |
140 |
<span class="uk-badge uk-badge-notification">
|
|
141 |
{{fetchProjects.searchUtils.totalResults | number}}
|
|
142 |
</span>
|
|
140 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
141 |
({{fetchProjects.searchUtils.totalResults | number}})
|
|
142 |
<!-- </span> -->
|
|
143 | 143 |
</a> |
144 | 144 |
<div class="uk-accordion-content"> |
145 | 145 |
<projectsTab *ngIf="activeTab=='Projects'" |
... | ... | |
150 | 150 |
</li> |
151 | 151 |
<li *ngIf="dataProviderInfo.tabs2.indexOf('Content Providers') != -1" (click)="search('datasourcesTab', 1, 10); activeTab='Content Providers'"> |
152 | 152 |
<a class="uk-accordion-title" href="#">Content Providers |
153 |
<span class="uk-badge uk-badge-notification">
|
|
154 |
{{fetchDataproviders.searchUtils.totalResults | number}}
|
|
155 |
</span>
|
|
153 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
154 |
({{fetchDataproviders.searchUtils.totalResults | number}})
|
|
155 |
<!-- </span> -->
|
|
156 | 156 |
</a> |
157 | 157 |
<div class="uk-accordion-content"> |
158 | 158 |
<datasourcesTab *ngIf="activeTab=='Content Providers'" |
... | ... | |
163 | 163 |
</li> |
164 | 164 |
<li *ngIf="dataProviderInfo.tabs2.indexOf('Organizations') != -1" (click)="search('organizationsTab', 1, 10); activeTab='Organizations'"> |
165 | 165 |
<a class="uk-accordion-title" href="#">Organizations |
166 |
<span class="uk-badge uk-badge-notification">
|
|
167 |
{{dataProviderInfo.organizations.length | number}}
|
|
168 |
</span>
|
|
166 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
167 |
({{dataProviderInfo.organizations.length | number}})
|
|
168 |
<!-- </span> -->
|
|
169 | 169 |
</a> |
170 | 170 |
<div class="uk-accordion-content"> |
171 | 171 |
<organizationsTab *ngIf="activeTab=='Organizations'" |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/organization/organization.component.html | ||
---|---|---|
19 | 19 |
<li (click)="activeTab='Publications'; searchPublicationsInit()"> |
20 | 20 |
<a class="uk-accordion-title" href="#"> |
21 | 21 |
Publications |
22 |
<span class="uk-badge uk-badge-notification">
|
|
23 |
{{fetchPublications.searchUtils.totalResults | number}}
|
|
24 |
</span>
|
|
22 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
23 |
({{fetchPublications.searchUtils.totalResults | number}})
|
|
24 |
<!-- </span> -->
|
|
25 | 25 |
</a> |
26 | 26 |
<div class="uk-accordion-content"> |
27 | 27 |
<errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'" tab_error_class=true></errorMessages> |
... | ... | |
69 | 69 |
<li (click)="activeTab='Projects'; projectsClicked=true;"> |
70 | 70 |
<a class="uk-accordion-title" href="#"> |
71 | 71 |
Projects |
72 |
<span class="uk-badge uk-badge-notification">
|
|
73 |
{{fetchProjects.searchUtils.totalResultsNoFilters | number}}
|
|
74 |
</span>
|
|
72 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
73 |
({{fetchProjects.searchUtils.totalResultsNoFilters | number}})
|
|
74 |
<!-- </span> -->
|
|
75 | 75 |
</a> |
76 | 76 |
<div class="uk-accordion-content"> |
77 | 77 |
<searchingProjectsTab *ngIf="projectsClicked" [(fetchProjects)]="fetchProjects" [organizationId]="organizationId" [(properties)]=properties></searchingProjectsTab> |
... | ... | |
81 | 81 |
<li (click)="activeTab='Content Providers'; searchDataprovidersInit()"> |
82 | 82 |
<a class="uk-accordion-title" href="#"> |
83 | 83 |
Content Providers |
84 |
<span class="uk-badge uk-badge-notification">
|
|
85 |
{{fetchDataproviders.searchUtils.totalResults | number}}
|
|
86 |
</span>
|
|
84 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
85 |
({{fetchDataproviders.searchUtils.totalResults | number}})
|
|
86 |
<!-- </span> -->
|
|
87 | 87 |
</a> |
88 | 88 |
<div class="uk-accordion-content"> |
89 | 89 |
<errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'" tab_error_class=true></errorMessages> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/dataset/dataset.component.html | ||
---|---|---|
51 | 51 |
</showSubjects> |
52 | 52 |
</li> |
53 | 53 |
</ul> |
54 |
<hr *ngIf="datasetInfo.description" > |
|
54 | 55 |
|
55 | 56 |
<div *ngIf="datasetInfo.description" class="uk-margin-bottom uk-text-justify descriptionText"> |
56 | 57 |
{{datasetInfo.description}} |
... | ... | |
87 | 88 |
<span *ngIf="datasetInfo.relatedResearchResults" class="uk-badge uk-badge-notification"> |
88 | 89 |
{{relatedResearchResultsNum | number}} |
89 | 90 |
</span> --> |
90 |
<span class="uk-badge uk-badge-notification">
|
|
91 |
{{relatedResearchResultsNum | number}}
|
|
92 |
</span>
|
|
91 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
92 |
({{relatedResearchResultsNum | number}})
|
|
93 |
<!-- </span> -->
|
|
93 | 94 |
</a> |
94 | 95 |
<div class="uk-accordion-content"> |
95 | 96 |
<!-- <div *ngIf="!datasetInfo.relatedResearchResults" class = "uk-alert uk-alert-primary"> |
... | ... | |
98 | 99 |
<div *ngIf="datasetInfo.relatedResearchResults"> --> |
99 | 100 |
<div> |
100 | 101 |
<div *ngFor="let provenanceaction of getKeys(datasetInfo.relatedResearchResults)"> |
101 |
<div class="uk-text-large uk-margin-bottom">{{provenanceaction}}</div>
|
|
102 |
<div class="uk-text-large">{{provenanceaction}}</div> |
|
102 | 103 |
|
103 | 104 |
<tabTable [percentageName]="trust" [info]="datasetInfo.relatedResearchResults.get(provenanceaction)" [(properties)]=properties></tabTable> |
104 | 105 |
</div> |
... | ... | |
113 | 114 |
<span *ngIf="datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification"> |
114 | 115 |
{{datasetInfo.similarResearchResults.length | number}} |
115 | 116 |
</span> --> |
116 |
<span class="uk-badge uk-badge-notification">
|
|
117 |
{{datasetInfo.similarResearchResults.length | number}}
|
|
118 |
</span>
|
|
117 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
118 |
({{datasetInfo.similarResearchResults.length | number}})
|
|
119 |
<!-- </span> -->
|
|
119 | 120 |
</a> |
120 | 121 |
<div class="uk-accordion-content"> |
121 | 122 |
<!-- <div *ngIf="!datasetInfo.similarResearchResults" class = "uk-alert uk-alert-primary" > |
... | ... | |
148 | 149 |
</li> |
149 | 150 |
</ul> |
150 | 151 |
|
151 |
<!-- <ul class="uk-tab uk-visible@m" uk-tab="connect: #tab-content"> |
|
152 |
<li (click)="activeTab='Related Research Results'" |
|
153 |
[class]="activeTab == 'Related Research Results'?'uk-active':''"> |
|
154 |
<a> |
|
155 |
Related Research Results |
|
156 |
<span class="uk-badge uk-badge-notification"> |
|
157 |
{{relatedResearchResultsNum | number}} |
|
158 |
</span> |
|
159 |
</a> |
|
160 |
</li> |
|
161 |
|
|
162 |
<li (click)="activeTab='Similar Research Results'" |
|
163 |
[class]="activeTab == 'Similar Research Results'?'uk-active':''"> |
|
164 |
<a> |
|
165 |
Similar Research Results |
|
166 |
<span *ngIf="!datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span> |
|
167 |
<span *ngIf="datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification"> |
|
168 |
{{datasetInfo.similarResearchResults.length | number}} |
|
169 |
</span> |
|
170 |
</a> |
|
171 |
</li> |
|
172 |
|
|
173 |
<li (click)="metricsClicked=true; activeTab='Metrics'" |
|
174 |
[class]="activeTab == 'Metrics'?'uk-active':''"> |
|
175 |
<a> |
|
176 |
Metrics |
|
177 |
</a> |
|
178 |
</li> |
|
179 |
</ul> --> |
|
180 |
|
|
181 |
<!-- <button class="uk-button uk-button-default uk-hidden@m" type="button"> |
|
182 |
<span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span> |
|
183 |
</button> |
|
184 |
|
|
185 |
<ul id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@m" uk-switcher="connect: #tab-content" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs"> |
|
186 |
<li (click)="activeTab='Related Research Results'" |
|
187 |
[class]="activeTab == 'Related Research Results'?'uk-active':''"> |
|
188 |
<a> |
|
189 |
Related Research Results |
|
190 |
<span class="uk-badge uk-badge-notification"> |
|
191 |
{{relatedResearchResultsNum | number}} |
|
192 |
</span> |
|
193 |
</a> |
|
194 |
</li> |
|
195 |
|
|
196 |
<li (click)="activeTab='Similar Research Results'" |
|
197 |
[class]="activeTab == 'Similar Research Results'?'uk-active':''"> |
|
198 |
<a> |
|
199 |
Similar Research Results |
|
200 |
<span *ngIf="!datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span> |
|
201 |
<span *ngIf="datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification"> |
|
202 |
{{datasetInfo.similarResearchResults.length | number}} |
|
203 |
</span> |
|
204 |
</a> |
|
205 |
</li> |
|
206 |
|
|
207 |
<li (click)="metricsClicked=true; activeTab='Metrics'" |
|
208 |
[class]="activeTab == 'Metrics'?'uk-active':''"> |
|
209 |
<a> |
|
210 |
Metrics |
|
211 |
</a> |
|
212 |
</li> |
|
213 |
</ul> --> |
|
214 |
|
|
215 |
<!-- <div class="uk-margin custom-tab-content"> |
|
216 |
<div *ngIf="activeTab=='Related Research Results'" class="uk-animation-fade"> |
|
217 |
<div *ngIf="!datasetInfo.relatedResearchResults" class = "uk-alert uk-alert-primary" > |
|
218 |
No related research results available |
|
219 |
</div> |
|
220 |
<div *ngIf="datasetInfo.relatedResearchResults && datasetInfo.relatedResearchResults.size > 0"> |
|
221 |
|
|
222 |
<div *ngFor="let provenanceaction of getKeys(datasetInfo.relatedResearchResults)"> |
|
223 |
<div class="uk-text-large">{{provenanceaction}}</div> |
|
224 |
|
|
225 |
<tabTable [percentageName]="trust" [info]="datasetInfo.relatedResearchResults.get(provenanceaction)" [(properties)]=properties></tabTable> |
|
226 |
</div> |
|
227 |
</div> |
|
228 |
</div> |
|
229 |
|
|
230 |
<div *ngIf="activeTab=='Similar Research Results'" class="uk-animation-fade"> |
|
231 |
<div *ngIf="!datasetInfo.similarResearchResults" class = "uk-alert uk-alert-primary" > |
|
232 |
No similar research results available |
|
233 |
</div> |
|
234 |
<div *ngIf="datasetInfo.similarResearchResults"> |
|
235 |
<tabTable [percentageName]="similarity" [info]="datasetInfo.similarResearchResults" [(properties)]=properties></tabTable> |
|
236 |
</div> |
|
237 |
</div> |
|
238 |
<div *ngIf="activeTab=='Metrics'" class="uk-animation-fade"> |
|
239 |
<metrics [pageViews]="pageViews" |
|
240 |
[id]="datasetId" [entityType]="'results'" [entity]="'Research Data'" |
|
241 |
(metricsResults)="metricsResults($event)" [(properties)] = properties> |
|
242 |
</metrics> |
|
243 |
<i-frame *ngIf="metricsClicked && totalViews > 0" |
|
244 |
[url]=viewsFrameUrl width="100%" height="250"> |
|
245 |
</i-frame> |
|
246 |
<i-frame *ngIf="metricsClicked && totalDownloads > 0" |
|
247 |
[url]=downloadsFrameUrl width="100%" height="250"> |
|
248 |
</i-frame> |
|
249 |
</div> |
|
250 |
</div> --> |
|
251 | 152 |
</div> |
252 | 153 |
|
253 | 154 |
<div class="uk-width-large@m uk-width-1-1@s"> |
... | ... | |
259 | 160 |
<altmetrics *ngIf="datasetInfo.identifiers && datasetInfo.identifiers.get('doi')" |
260 | 161 |
id="{{datasetInfo.identifiers.get('doi')[0]}}" type="doi"> |
261 | 162 |
</altmetrics > |
262 |
<ul class="uk-list "> |
|
163 |
<ul class="uk-list uk-margin-remove-bottom ">
|
|
263 | 164 |
|
264 | 165 |
<li *ngIf="datasetInfo.hostedBy_collectedFrom && datasetInfo.hostedBy_collectedFrom.length > 0"> |
265 | 166 |
<availableOn [availableOn]="datasetInfo.hostedBy_collectedFrom"></availableOn> |
... | ... | |
296 | 197 |
</li--> |
297 | 198 |
|
298 | 199 |
<li> |
299 |
<ul uk-accordion class="uk-padding-remove citation-accordion"> |
|
300 |
<li> |
|
301 |
<div class="sideInfoTitle uk-accordion-title cite-this-button uk-width-1-1" type="button"> |
|
302 |
Cite this research data |
|
303 |
</div> |
|
304 |
<div class="uk-accordion-content"> |
|
305 |
<citeThis [result]="datasetInfo" [id]="datasetId" type="research data"></citeThis> |
|
306 |
</div> |
|
307 |
</li> |
|
308 |
</ul> |
|
309 |
</li> |
|
310 |
<!--li> |
|
311 |
<ul uk-accordion class="uk-padding-remove"> |
|
312 |
<li> |
|
313 |
<button class="uk-button uk-button-primary uk-accordion-title link-to-button uk-width-1-1" type="button"> |
|
314 |
<span class="uk-icon" > |
|
315 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="link" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"></path></svg></span> |
|
316 |
<span>Link this research data to</span> |
|
317 |
</button> |
|
318 |
<div class="uk-accordion-content"> |
|
319 |
<ul class="uk-nav uk-dropdown-nav uk-padding-small" > |
|
320 |
<li><a class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','project'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > |
|
321 |
Projects</a></li> |
|
322 |
<li><a class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','context'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > |
|
323 |
Communities</a></li> |
|
324 |
<li><a class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > |
|
325 |
Other research results</a></li> |
|
326 |
</ul> |
|
327 |
</div> |
|
328 |
</li> |
|
329 |
</ul> |
|
330 | 200 |
|
331 |
</li--> |
|
201 |
<div class="sideInfoTitle cite-this-button uk-width-1-1" type="button"> |
|
202 |
Cite this research data |
|
203 |
</div> |
|
204 |
<div class=" "> |
|
205 |
<citeThis [result]="datasetInfo" [id]="datasetId" type="research data"></citeThis> |
|
206 |
</div> |
|
332 | 207 |
|
208 |
</li> |
|
333 | 209 |
|
334 | 210 |
</ul> |
211 |
<button style=" box-shadow: 0 1px 10px #444444" class=" uk-button portal-button uk-width-1-1 "> |
|
212 |
<span class="uk-icon"> |
|
213 |
<svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg> |
|
214 |
</span> Link this dataset to... |
|
215 |
</button> |
|
335 | 216 |
|
217 |
<div uk-dropdown="pos: bottom-left; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;"> |
|
218 |
<ul class="uk-iconnav uk-iconnav-vertical"> |
|
219 |
<li uk-tooltip="pos:right;" title="<div class='tooltip-custom-font-size uk-light '>Projects</div>"> |
|
220 |
<a class=" uk-icon-button portal-button shadowBox" style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','project'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > |
|
221 |
<span class="uk-icon" > |
|
222 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="album" ratio="1"><rect x="5" y="2" width="10" height="1"></rect><rect x="3" y="4" width="14" height="1"></rect><rect fill="none" stroke="#000" x="1.5" y="6.5" width="17" height="11"></rect></svg></span> |
|
223 |
</a> |
|
224 |
</li> |
|
225 |
<li uk-tooltip="pos:right;" title="<div class='tooltip-custom-font-size uk-light '>Communities</div>"> |
|
226 |
<a class=" uk-icon-button portal-button shadowBox" style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','context'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > |
|
227 |
<span class="uk-icon" > |
|
228 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="users" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg></span> |
|
229 |
</a> |
|
230 |
</li> |
|
231 |
<li uk-tooltip="pos:right;" title="<div class='tooltip-custom-font-size uk-light uk-margin-small'>Other research results</div>"> |
|
232 |
<a class=" uk-icon-button portal-button shadowBox" style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > |
|
233 |
<span class="uk-icon" > |
|
234 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span> |
|
235 |
</a> |
|
236 |
</li> |
|
336 | 237 |
|
238 |
</ul> |
|
239 |
</div> |
|
240 |
|
|
337 | 241 |
</div> |
338 | 242 |
</div> |
339 | 243 |
</div> |
... | ... | |
345 | 249 |
<svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 20 20" height="40"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg> |
346 | 250 |
</span> |
347 | 251 |
</a--> |
348 |
<button style=" box-shadow: 0 1px 10px #444444" class=" uk-button uk-button-danger "> |
|
252 |
<!--button style=" box-shadow: 0 1px 10px #444444" class=" uk-button uk-button-danger ">
|
|
349 | 253 |
<span class="uk-icon"> |
350 | 254 |
<svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg> |
351 | 255 |
</span> Link this dataset to |
... | ... | |
373 | 277 |
</li> |
374 | 278 |
|
375 | 279 |
</ul> |
280 |
</div--> |
|
376 | 281 |
</div> |
377 |
</div> |
|
378 | 282 |
</div> |
379 | 283 |
</div> |
380 | 284 |
</div> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/project/project.component.html | ||
---|---|---|
83 | 83 |
<li (click)="activeTab='Publications'; searchPublicationsInit()"> |
84 | 84 |
<a class="uk-accordion-title" href="#"> |
85 | 85 |
Publications |
86 |
<span class="uk-badge uk-badge-notification">
|
|
87 |
{{fetchPublications.searchUtils.totalResults | number}}
|
|
88 |
</span>
|
|
86 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
87 |
({{fetchPublications.searchUtils.totalResults | number}})
|
|
88 |
<!-- </span> -->
|
|
89 | 89 |
</a> |
90 | 90 |
<div class="uk-accordion-content"> |
91 | 91 |
<errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'" tab_error_class=true></errorMessages> |
... | ... | |
108 | 108 |
<li (click)="activeTab='Research Data'; searchDatasetsInit()"> |
109 | 109 |
<a class="uk-accordion-title" href="#"> |
110 | 110 |
Research Data |
111 |
<span class="uk-badge uk-badge-notification">
|
|
112 |
{{fetchDatasets.searchUtils.totalResults | number}}
|
|
113 |
</span>
|
|
111 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
112 |
({{fetchDatasets.searchUtils.totalResults | number}})
|
|
113 |
<!-- </span> -->
|
|
114 | 114 |
</a> |
115 | 115 |
<div class="uk-accordion-content"> |
116 | 116 |
<errorMessages [status]="[fetchDatasets.searchUtils.status]" [type]="'research data'" tab_error_class=true></errorMessages> |
... | ... | |
134 | 134 |
<li (click)="activeTab='Software'; searchSoftwareInit()"> |
135 | 135 |
<a class="uk-accordion-title" href="#"> |
136 | 136 |
Software |
137 |
<span class="uk-badge uk-badge-notification">
|
|
138 |
{{fetchSoftware.searchUtils.totalResults | number}}
|
|
139 |
</span>
|
|
137 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
138 |
({{fetchSoftware.searchUtils.totalResults | number}})
|
|
139 |
<!-- </span> -->
|
|
140 | 140 |
</a> |
141 | 141 |
<div class="uk-accordion-content"> |
142 | 142 |
<errorMessages [status]="[fetchSoftware.searchUtils.status]" [type]="'software'" tab_error_class=true></errorMessages> |
... | ... | |
160 | 160 |
<li (click)="activeTab='Other Research Products'; searchOrpsInit()"> |
161 | 161 |
<a class="uk-accordion-title" href="#"> |
162 | 162 |
Other Research Products |
163 |
<span class="uk-badge uk-badge-notification">
|
|
164 |
{{fetchOrps.searchUtils.totalResults | number}}
|
|
165 |
</span>
|
|
163 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
164 |
({{fetchOrps.searchUtils.totalResults | number}})
|
|
165 |
<!-- </span> -->
|
|
166 | 166 |
</a> |
167 | 167 |
<div class="uk-accordion-content"> |
168 | 168 |
<errorMessages [status]="[fetchOrps.searchUtils.status]" [type]="'other research products'" tab_error_class=true></errorMessages> |
... | ... | |
419 | 419 |
<ul class="uk-list"> |
420 | 420 |
<li> |
421 | 421 |
<a class="clickable" uk-toggle="target: #publications_dynamic; animation:uk-animation-fade"><span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a> |
422 |
<div hidden id="publications_dynamic"> |
|
423 |
<button class="uk-button uk-button-default publ_clipboard_btn" data-clipboard-target="#publ_clipboard"> |
|
424 |
Copy to clipboard |
|
425 |
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span> |
|
426 |
</button> |
|
427 |
<pre><code id="publ_clipboard">{{publications_dynamic}}</code></pre> |
|
422 |
<div hidden id="publications_dynamic" class="widget-box uk-padding-small uk-card uk-card-default "> |
|
423 |
<div class=" uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right"> |
|
424 |
For further information please contact us <a href="mailto:helpdesk@openaire.eu">helpdesk@openaire.eu</a> |
|
425 |
</div> |
|
426 |
<div class="uk-grid"> |
|
427 |
<a class=" publ_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 " data-clipboard-target="#publ_clipboard" title="Copy to clipboard"> |
|
428 |
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span> |
|
429 |
</a> |
|
430 |
</div> |
|
431 |
|
|
432 |
<pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code id="publ_clipboard">{{publications_dynamic}}</code></pre> |
|
428 | 433 |
</div> |
429 | 434 |
</li> |
430 | 435 |
<li> |
... | ... | |
452 | 457 |
<ul class="uk-list"> |
453 | 458 |
<li> |
454 | 459 |
<a class="clickable" uk-toggle="target: #datasets_dynamic; animation:uk-animation-fade"><span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML) </a> |
455 |
<div hidden id="datasets_dynamic"> |
|
456 |
<button class="uk-button uk-button-default datasets_clipboard_btn" data-clipboard-target="#datasets_clipboard"> |
|
457 |
Copy to clipboard |
|
458 |
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span> |
|
459 |
</button> |
|
460 |
<pre><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre> |
|
460 |
<div hidden id="datasets_dynamic" class="widget-box uk-padding-small uk-card uk-card-default "> |
|
461 |
<div class=" uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right"> |
|
462 |
For further information please contact us <a href="mailto:helpdesk@openaire.eu">helpdesk@openaire.eu</a> |
|
463 |
</div> |
|
464 |
<div class="uk-grid"> |
|
465 |
<a class=" datasets_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 " data-clipboard-target="#datasets_clipboard" title="Copy to clipboard"> |
|
466 |
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span> |
|
467 |
</a> |
|
468 |
</div> |
|
469 |
<pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre> |
|
461 | 470 |
</div> |
462 | 471 |
</li> |
463 | 472 |
<li> |
... | ... | |
483 | 492 |
</ul> |
484 | 493 |
|
485 | 494 |
</div> |
486 |
<!--ul uk-accordion class="uk-padding-remove"> |
|
487 |
<li> |
|
488 |
<button class="uk-button uk-button-primary uk-accordion-title link-to-button uk-width-1-1" type="button"> |
|
489 |
<span class="uk-icon" > |
|
490 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="link" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"></path></svg></span> |
|
491 |
<span>Link this project to</span> |
|
492 |
</button> |
|
493 |
<div class="uk-accordion-content"> |
|
494 |
<ul class="uk-nav uk-dropdown-nav uk-padding-small" > |
|
495 |
<li><a class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > |
|
496 |
Other research results</a></li> |
|
497 |
</ul> |
|
498 |
</div> |
|
499 |
</li> |
|
500 |
</ul--> |
|
495 |
<button style=" box-shadow: 0 1px 10px #444444" class=" uk-button portal-button uk-margin-small-top uk-width-1-1"> |
|
496 |
<span class="uk-icon"> |
|
497 |
<svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg> |
|
498 |
</span> Link this project to... |
|
499 |
</button> |
|
500 |
|
|
501 |
<div uk-dropdown="pos: bottom-left; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;" class=" uk-margin-remove-top uk-padding-small"> |
|
502 |
<ul class="uk-iconnav uk-iconnav-vertical"> |
|
503 |
<li uk-tooltip="pos:right;" title="<div class='tooltip-custom-font-size uk-margin-small'>Research results</div>"> |
|
504 |
<a class=" uk-icon-button portal-button shadowBox" style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > |
|
505 |
<span class="uk-icon" > |
|
506 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span> |
|
507 |
</a> |
|
508 |
</li> |
|
509 |
|
|
510 |
</ul> |
|
501 | 511 |
</div> |
512 |
|
|
513 |
</div> |
|
502 | 514 |
<!--metrics [pageViews]="pageViews" shortView=true |
503 | 515 |
[id]="projectId" [entityType]="'projects'" [entity]="'Project'" |
504 | 516 |
(metricsResults)="metricsResults($event)" [(properties)] = properties> |
... | ... | |
509 | 521 |
<modal-loading></modal-loading> |
510 | 522 |
<modal-alert #AlertModalCsvError></modal-alert> |
511 | 523 |
<!-- Claiming FAB --> |
512 |
<div class="uk-inline"> |
|
524 |
<!--div class="uk-inline">
|
|
513 | 525 |
<div class=" uk-float-right " style="z-index: 200; bottom: 55px; position: fixed; right: 45%;"> |
514 |
<!--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class=" uk-icon-button uk-button-primary shadowBox" uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>"> |
|
526 |
< !--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class=" uk-icon-button uk-button-primary shadowBox" uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
|
|
515 | 527 |
<span class="uk-icon"> |
516 | 528 |
<svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 20 20" height="40"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg> |
517 | 529 |
</span> |
518 |
</a--> |
|
530 |
</a- ->
|
|
519 | 531 |
<button style=" box-shadow: 0 1px 10px #444444" class=" uk-button uk-button-danger "> |
520 | 532 |
<span class="uk-icon"> |
521 | 533 |
<svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg> |
... | ... | |
534 | 546 |
</ul> |
535 | 547 |
</div> |
536 | 548 |
</div> |
537 |
</div> |
|
549 |
</div-->
|
|
538 | 550 |
</div> |
539 | 551 |
</div> |
540 | 552 |
</div> |
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/publication/publication.component.html | ||
---|---|---|
77 | 77 |
</showSubjects> |
78 | 78 |
</li> |
79 | 79 |
</ul> |
80 |
|
|
80 |
<hr *ngIf="publicationInfo.description"> |
|
81 | 81 |
<div *ngIf="publicationInfo.description" class="uk-margin-bottom uk-text-justify descriptionText"> |
82 | 82 |
{{publicationInfo.description}} |
83 | 83 |
</div> |
... | ... | |
121 | 121 |
<span *ngIf="publicationInfo.references" class="uk-badge uk-badge-notification"> |
122 | 122 |
{{publicationInfo.references.length | number}} |
123 | 123 |
</span> --> |
124 |
<span class="uk-badge uk-badge-notification">
|
|
125 |
{{publicationInfo.references.length | number}}
|
|
126 |
</span>
|
|
124 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
125 |
({{publicationInfo.references.length | number}})
|
|
126 |
<!-- </span> -->
|
|
127 | 127 |
</a> |
128 | 128 |
<div class="uk-accordion-content"> |
129 | 129 |
<!-- <div *ngIf="!publicationInfo.references" class = "uk-alert uk-alert-primary" > |
... | ... | |
159 | 159 |
<span *ngIf="publicationInfo.relatedResearchResults" class="uk-badge uk-badge-notification"> |
160 | 160 |
{{relatedResearchResultsNum | number}} |
161 | 161 |
</span> --> |
162 |
<span class="uk-badge uk-badge-notification">
|
|
163 |
{{relatedResearchResultsNum | number}}
|
|
164 |
</span>
|
|
162 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
163 |
({{relatedResearchResultsNum | number}})
|
|
164 |
<!-- </span> -->
|
|
165 | 165 |
</a> |
166 | 166 |
<div class="uk-accordion-content"> |
167 | 167 |
<!-- <div *ngIf="!publicationInfo.relatedResearchResults" class = "uk-alert uk-alert-primary"> |
... | ... | |
170 | 170 |
<div *ngIf="publicationInfo.relatedResearchResults"> --> |
171 | 171 |
<div> |
172 | 172 |
<div *ngFor="let provenanceaction of getKeys(publicationInfo.relatedResearchResults)"> |
173 |
<div class="uk-text-large uk-margin-bottom">{{provenanceaction}}</div>
|
|
173 |
<div class="uk-text-large">{{provenanceaction}}</div> |
|
174 | 174 |
|
175 | 175 |
<tabTable [percentageName]="trust" [info]="publicationInfo.relatedResearchResults.get(provenanceaction)" [(properties)]=properties></tabTable> |
176 | 176 |
</div> |
... | ... | |
185 | 185 |
<span *ngIf="publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification"> |
186 | 186 |
{{publicationInfo.similarResearchResults.length | number}} |
187 | 187 |
</span> --> |
188 |
<span class="uk-badge uk-badge-notification">
|
|
189 |
{{publicationInfo.similarResearchResults.length | number}}
|
|
190 |
</span>
|
|
188 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
189 |
({{publicationInfo.similarResearchResults.length | number}})
|
|
190 |
<!-- </span> -->
|
|
191 | 191 |
</a> |
192 | 192 |
<div class="uk-accordion-content"> |
193 | 193 |
<!-- <div *ngIf="!publicationInfo.similarResearchResults" class = "uk-alert uk-alert-primary" > |
... | ... | |
208 | 208 |
<span *ngIf="publicationInfo.organizations" class="uk-badge uk-badge-notification"> |
209 | 209 |
{{publicationInfo.organizations.length | number}} |
210 | 210 |
</span> --> |
211 |
<span class="uk-badge uk-badge-notification">
|
|
212 |
{{publicationInfo.organizations.length | number}}
|
|
213 |
</span>
|
|
211 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
212 |
({{publicationInfo.organizations.length | number}})
|
|
213 |
<!-- </span> -->
|
|
214 | 214 |
</a> |
215 | 215 |
<div class="uk-accordion-content"> |
216 | 216 |
<!-- <div *ngIf="!publicationInfo.organizations" class = "uk-alert uk-alert-primary"> |
... | ... | |
269 | 269 |
<span *ngIf="publicationInfo.bioentities" class="uk-badge uk-badge-notification"> |
270 | 270 |
{{publicationInfo.bioentitiesNum | number}} |
271 | 271 |
</span> --> |
272 |
<span class="uk-badge uk-badge-notification">
|
|
273 |
{{bioentitiesNum | number}}
|
|
274 |
</span>
|
|
272 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
273 |
({{bioentitiesNum | number}})
|
|
274 |
<!-- </span> -->
|
|
275 | 275 |
</a> |
276 | 276 |
<div class="uk-accordion-content"> |
277 | 277 |
<div *ngIf="publicationInfo.bioentities && bioentitiesNum > pageSize" class="uk-margin-bottom"> |
... | ... | |
308 | 308 |
<span *ngIf="publicationInfo.software" class="uk-badge uk-badge-notification"> |
309 | 309 |
{{publicationInfo.software.length | number}} |
310 | 310 |
</span> --> |
311 |
<span class="uk-badge uk-badge-notification">
|
|
312 |
{{publicationInfo.software.length | number}}
|
|
313 |
</span>
|
|
311 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
312 |
({{publicationInfo.software.length | number}})
|
|
313 |
<!-- </span> -->
|
|
314 | 314 |
</a> |
315 | 315 |
<div class="uk-accordion-content"> |
316 | 316 |
<div *ngIf="publicationInfo.software && publicationInfo.software.length > pageSize" class="uk-margin-bottom"> |
... | ... | |
354 | 354 |
</li> |
355 | 355 |
</ul> |
356 | 356 |
|
357 |
<!-- <ul class="uk-tab uk-visible@l" uk-tab="connect: #tab-content"> |
|
358 |
<li *ngIf="publicationInfo.references" (click)="activeTab='References'" |
|
359 |
[class]="activeTab == 'References'?'uk-active':''"> |
|
360 |
<a> |
|
361 |
References |
|
362 |
<span *ngIf="publicationInfo.references" class="uk-badge uk-badge-notification"> |
|
363 |
{{publicationInfo.references.length | number}} |
|
364 |
</span> |
|
365 |
</a> |
|
366 |
</li> |
|
367 |
<li *ngIf="publicationInfo.relatedResearchResults" (click)="activeTab='Related Research Results'" |
|
368 |
[class]="activeTab == 'Related Research Results'?'uk-active':''"> |
|
369 |
<a> |
|
370 |
Related Research Results |
|
371 |
<span class="uk-badge uk-badge-notification"> |
|
372 |
{{relatedResearchResultsNum | number}} |
|
373 |
</span> |
|
374 |
</a> |
|
375 |
</li> |
|
376 |
<li *ngIf="publicationInfo.similarResearchResults" (click)="activeTab='Similar Research Results'" |
|
377 |
[class]="activeTab == 'Similar Research Results'?'uk-active':''"> |
|
378 |
<a> |
|
379 |
Similar Research Results |
|
380 |
<span *ngIf="!publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span> |
|
381 |
<span *ngIf="publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification"> |
|
382 |
{{publicationInfo.similarResearchResults.length | number}} |
|
383 |
</span> |
|
384 |
</a> |
|
385 |
</li> |
|
386 |
<li *ngIf="publicationInfo.organizations" (click)="activeTab='Related Organizations'" |
|
387 |
[class]="activeTab == 'Related Organizations'?'uk-active':''"> |
|
388 |
<a> |
|
389 |
Related Organizations |
|
390 |
<span *ngIf="!publicationInfo.organizations" class="uk-badge uk-badge-notification">0</span> |
|
391 |
<span *ngIf="publicationInfo.organizations" class="uk-badge uk-badge-notification"> |
|
392 |
{{publicationInfo.organizations.length | number}} |
|
393 |
</span> |
|
394 |
</a> |
|
395 |
</li> |
|
396 |
<li *ngIf="publicationInfo.bioentities" (click)="activeTab='Bioentities'" |
|
397 |
[class]="activeTab == 'Bioentities'?'uk-active':''"> |
|
398 |
<a> |
|
399 |
Bioentities |
|
400 |
<span class="uk-badge uk-badge-notification">{{bioentitiesNum | number}}</span> |
|
401 |
</a> |
|
402 |
</li> |
|
403 |
<li *ngIf="publicationInfo.software" (click)="activeTab='Software'" |
|
404 |
[class]="activeTab == 'Software'?'uk-active':''"> |
|
405 |
<a> |
|
406 |
Software |
|
407 |
<span class="uk-badge uk-badge-notification">{{publicationInfo.software.length | number}}</span> |
|
408 |
</a> |
|
409 |
</li> |
|
410 |
<li (click)="metricsClicked=true; activeTab='Metrics'" |
|
411 |
[class]="activeTab == 'Metrics'?'uk-active':''"> |
|
412 |
<a> |
|
413 |
Metrics |
|
414 |
</a> |
|
415 |
</li> |
|
416 |
</ul> --> |
|
417 |
|
|
418 |
<!-- <button class="uk-button uk-button-default uk-hidden@l" type="button"> |
|
419 |
<span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span> |
|
420 |
</button> |
|
421 |
|
|
422 |
<ul id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@l" uk-switcher="connect: #tab-content" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs"> |
|
423 |
<li *ngIf="publicationInfo.references" (click)="activeTab='References'" |
|
424 |
[class]="activeTab == 'References'?'uk-active':''"> |
|
425 |
<a> |
|
426 |
References |
|
427 |
<span *ngIf="!publicationInfo.references" class="uk-badge uk-badge-notification">0</span> |
|
428 |
<span *ngIf="publicationInfo.references" class="uk-badge uk-badge-notification"> |
|
429 |
{{publicationInfo.references.length | number}} |
|
430 |
</span> |
|
431 |
</a> |
|
432 |
</li> |
|
433 |
<li *ngIf="publicationInfo.relatedResearchResults" (click)="activeTab='Related Research Results'" |
|
434 |
[class]="activeTab == 'Related Research Results'?'uk-active':''"> |
|
435 |
<a> |
|
436 |
Related Research Results |
|
437 |
<span class="uk-badge uk-badge-notification"> |
|
438 |
{{relatedResearchResultsNum | number}} |
|
439 |
</span> |
|
440 |
</a> |
|
441 |
</li> |
|
442 |
<li *ngIf="publicationInfo.similarResearchResults" (click)="activeTab='Similar Research Results'" |
|
443 |
[class]="activeTab == 'Similar Research Results'?'uk-active':''"> |
|
444 |
<a> |
|
445 |
Similar Research Results |
|
446 |
<span *ngIf="!publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span> |
|
447 |
<span *ngIf="publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification"> |
|
448 |
{{publicationInfo.similarResearchResults.length | number}} |
|
449 |
</span> |
|
450 |
</a> |
|
451 |
</li> |
|
452 |
<li *ngIf="publicationInfo.organizations" (click)="activeTab='Related Organizations'" |
|
453 |
[class]="activeTab == 'Related Organizations'?'uk-active':''"> |
|
454 |
<a> |
|
455 |
Related Organizations |
|
456 |
<span *ngIf="!publicationInfo.organizations" class="uk-badge uk-badge-notification">0</span> |
|
457 |
<span *ngIf="publicationInfo.organizations" class="uk-badge uk-badge-notification"> |
|
458 |
{{publicationInfo.organizations.length | number}} |
|
459 |
</span> |
|
460 |
</a> |
|
461 |
</li> |
|
462 |
<li *ngIf="publicationInfo.bioentities" (click)="activeTab='Bioentities'" |
|
463 |
[class]="activeTab == 'Bioentities'?'uk-active':''"> |
|
464 |
<a> |
|
465 |
Bioentities |
|
466 |
<span class="uk-badge uk-badge-notification">{{bioentitiesNum | number}}</span> |
|
467 |
</a> |
|
468 |
</li> |
|
469 |
<li *ngIf="publicationInfo.software" (click)="activeTab='Software'" |
|
470 |
[class]="activeTab == 'Software'?'uk-active':''"> |
|
471 |
<a> |
|
472 |
Software |
|
473 |
<span class="uk-badge uk-badge-notification">{{publicationInfo.software.length | number}}</span> |
|
474 |
</a> |
|
475 |
</li> |
|
476 |
<li (click)="metricsClicked=true; activeTab='Metrics'" |
|
477 |
[class]="activeTab == 'Metrics'?'uk-active':''"> |
|
478 |
<a> |
|
479 |
Metrics |
|
480 |
</a> |
|
481 |
</li> |
|
482 |
</ul> --> |
|
483 |
|
|
484 |
<!-- <div class="uk-margin custom-tab-content"> |
|
485 |
<div *ngIf="activeTab == 'References'" class="uk-animation-fade"> |
|
486 |
<div *ngIf="!publicationInfo.references" class = "uk-alert uk-alert-primary" > |
|
487 |
No references available |
|
488 |
</div> |
|
489 |
|
|
490 |
<div *ngIf="publicationInfo.references"> |
|
491 |
|
|
492 |
<div *ngIf="publicationInfo.references && publicationInfo.references.length > pageSize" class="uk-margin-bottom"> |
|
493 |
<span class="uk-h6">{{publicationInfo.references.length | number}} references, page {{referencesPage | number}} of {{totalPages(publicationInfo.references.length) | number}}</span> |
|
494 |
<paging-no-load class="uk-float-right" [currentPage]="referencesPage" [totalResults]="publicationInfo.references.length" [size]="pageSize" (pageChange)="updateReferencesPage($event)"></paging-no-load> |
|
495 |
</div> |
|
496 |
|
|
497 |
<div *ngFor="let item of publicationInfo.references.slice((referencesPage-1)*pageSize, referencesPage*pageSize)"> |
|
498 |
<p *ngIf=" item && item['url']" |
|
499 |
class="custom-external custom-icon"> |
|
500 |
<a href="{{item['url']}}" target="_blank"> |
|
501 |
{{item['name']}} |
|
502 |
</a> |
|
503 |
</p> |
|
504 |
<p *ngIf="!item['url']" class="pseudo-external custom-icon"> |
|
505 |
{{item['name']}} |
|
506 |
</p> |
|
507 |
</div> |
|
508 |
</div> |
|
509 |
</div> |
Also available in: Unified diff
submit initial facelift css changes