Revision 59180
Added by Konstantina Galouni almost 4 years ago
searchPageTableView.component.html | ||
---|---|---|
1 | 1 |
<ng-template #filters_column> |
2 | 2 |
<div *ngIf="filters.length > 0" class=" search-filters "> |
3 |
<div *ngIf="countFilters()>0" class=" uk-margin-medium-bottom">
|
|
3 |
<div *ngIf="filters.length > 0">
|
|
4 | 4 |
<div class="uk-grid uk-flex uk-flex-bottom"> |
5 | 5 |
<h5 class="uk-text-bold">Filters</h5> |
6 | 6 |
<a *ngIf="countFilters()>1" (click)="clearFilters()" |
... | ... | |
8 | 8 |
Clear All |
9 | 9 |
</a> |
10 | 10 |
</div> |
11 |
<div class="uk-grid uk-grid-small uk-text-small" uk-grid>
|
|
11 |
<div *ngIf="countFilters()>0" class="uk-grid uk-grid-small uk-text-small uk-margin-medium-bottom" uk-grid>
|
|
12 | 12 |
<ng-container *ngFor="let filter of filters " > |
13 | 13 |
<ng-container *ngIf = "filter.countSelectedValues > 0"> |
14 | 14 |
<span *ngFor="let value of getSelectedValues(filter); let i = index; let end = last; " |
... | ... | |
30 | 30 |
</div> |
31 | 31 |
</div> |
32 | 32 |
|
33 |
<search-filter *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter" [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter> |
|
33 |
<div class="uk-margin-top"> |
|
34 |
<search-filter *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter" [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter> |
|
35 |
</div> |
|
34 | 36 |
</div> |
35 | 37 |
</ng-template> |
36 | 38 |
<ng-template #paging> |
... | ... | |
55 | 57 |
</div> |
56 | 58 |
</ng-template> |
57 | 59 |
|
58 |
<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"> |
|
59 |
<div style=" min-height: 350px;" [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"> |
|
60 |
<div class="uk-position-cover" style="/*background-color: rgba(255, 255, 255, 0.37);*/"></div> |
|
61 |
<div class="uk-container"> |
|
60 |
<div *ngIf="!includeOnlyResultsAndFilter" |
|
61 |
[class]=" (!customFilter || customFilter.queryFieldName != 'communityId') ? |
|
62 |
' image-front-topbar uk-section-default uk-position-relative ' : |
|
63 |
(' uk-padding-remove-bottom uk-padding-remove-top ')" |
|
64 |
class="image-front-topbar uk-section-default uk-position-relative" |
|
65 |
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" tm-header-transparent="light"> |
|
66 |
<div style=" min-height: 220px; " |
|
67 |
[class]="' uk-background-norepeat uk-background-cover uk-background-bottom-center uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed '+searchFormClass"> |
|
68 |
|
|
69 |
<div [class]="(!customFilter || customFilter.queryFieldName != 'communityId')?'uk-position-cover':''" ></div> |
|
70 |
<div class="uk-width-1-1"> |
|
71 |
<breadcrumbs *ngIf="showBreadcrumb && !includeOnlyResultsAndFilter" |
|
72 |
addClass=" uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top" [breadcrumbs]="breadcrumbs"></breadcrumbs> |
|
62 | 73 |
<div class="uk-position-relative"> |
63 | 74 |
|
64 | 75 |
|
65 | 76 |
<div class="uk-container "> |
66 | 77 |
<div class="uk-width-1-1"> |
78 |
|
|
67 | 79 |
<!-- <search-form [isDisabled]="disableForms" [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)" [placeholderText]="formPlaceholderText"></search-form>--> |
68 | 80 |
<form class=" uk-margin uk-margin-top "> |
69 | 81 |
<div class="uk-grid uk-margin-small-left"> |
... | ... | |
79 | 91 |
(click)="searchUtils.keyword = ''; goTo(1);" |
80 | 92 |
uk-icon="icon: close"></a> |
81 | 93 |
<input type="text" class="uk-input uk-width-xlarge@l uk-width-large@m uk-width-medium" |
82 |
placeholder="Search in OpenAIRE for scholarly works"
|
|
94 |
[placeholder]="formPlaceholderText"
|
|
83 | 95 |
[(ngModel)]="searchUtils.keyword" |
84 | 96 |
name="keyword"> |
85 | 97 |
</div> |
... | ... | |
101 | 113 |
|
102 | 114 |
</div> |
103 | 115 |
</div> |
104 |
</div> |
|
116 |
|
|
105 | 117 |
</div> |
106 | 118 |
</div> |
107 | 119 |
<schema2jsonld *ngIf="url" [URL]="url" type="search" [name]=pageTitle [searchAction]=false></schema2jsonld> |
108 | 120 |
|
109 |
<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle" > |
|
121 |
<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle " >
|
|
110 | 122 |
<div uk-grid> |
111 | 123 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> |
112 |
|
|
124 |
<breadcrumbs *ngIf="showBreadcrumb && includeOnlyResultsAndFilter" |
|
125 |
addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top" [breadcrumbs]="breadcrumbs"></breadcrumbs> |
|
113 | 126 |
<div class="uk-container uk-container-large"> |
114 | 127 |
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" [texts]="pageContents['top']"></helper> |
115 | 128 |
<div class="uk-width-2-3@m uk-width-2-3@l uk-width-1-1@s"> |
... | ... | |
141 | 154 |
</div> |
142 | 155 |
|
143 | 156 |
<div class="uk-grid uk-width-1-1 uk-margin-top"> |
144 |
<div *ngIf="filters.length > 0" class="uk-width-1-4@m search-filters uk-visible@m ">
|
|
157 |
<div *ngIf="filters.length > 0" class="uk-width-1-5@m search-filters uk-visible@m ">
|
|
145 | 158 |
<ng-container *ngTemplateOutlet="filters_column; context: {}" class=""></ng-container> |
146 | 159 |
</div> |
147 | 160 |
|
148 | 161 |
<div class="uk-width-expand@m uk-width-1-1@s uk-first-column custom-dataTable-content" > |
149 |
<div *ngIf="openaireLink"> <a class=" uk-button uk-button-text" [href]=openaireLink target="_blank" |
|
150 |
>Results in OpenAIRE</a></div> |
|
162 |
<div *ngIf="openaireLink && (searchUtils.totalResults > 0 || !disableForms )"> |
|
163 |
<a class="uk-button uk-button-text" [href]=openaireLink target="_blank">Results in OpenAIRE</a> |
|
164 |
</div> |
|
151 | 165 |
<div *ngIf="searchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom "> |
152 | 166 |
<div class="uk-grid"> |
153 | 167 |
<div class="uk-width-expand@m uk-grid uk-grid-medium uk-margin-small-bottom"> |
... | ... | |
270 | 284 |
<div *ngIf="searchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom"> |
271 | 285 |
<ng-container *ngTemplateOutlet="paging; context: {}"></ng-container> |
272 | 286 |
</div> |
273 |
<a *ngIf="properties.showLastIndexInformationLink" class="last_index_info uk-button-text" |
|
287 |
<a *ngIf="properties.showLastIndexInformationLink" class="last_index_info uk-button-text uk-button"
|
|
274 | 288 |
[href]="properties.lastIndexInformationLink" target="_blank"> |
275 | 289 |
Last index information |
276 | 290 |
</a> |
Also available in: Unified diff
[use-UoaAdminToolsLibrary | Library]: Merge trunk into branch.