Revision 58608
Added by Konstantina Galouni almost 4 years ago
rangeFilter.component.html | ||
---|---|---|
39 | 39 |
</div> |
40 | 40 |
|
41 | 41 |
<div> |
42 |
<div class="range-button uk-button-group uk-margin-small-top"> |
|
43 |
<!-- padding: 0 25px;--> |
|
44 |
<button [class]="'uk-button uk-button-default uk-button-small uk-text-small' |
|
45 |
+ ((stringToNum(filter.selectedFromValue) == currentYear && stringToNum(filter.selectedToValue) == currentYear) ? ' uk-text-bold' : '')" |
|
46 |
(click)="yearChanged(0)" [disabled]="isDisabled">This year |
|
47 |
</button> |
|
48 |
<button [class]="'uk-button uk-button-default uk-button-small uk-text-small' |
|
49 |
+ ((stringToNum(filter.selectedToValue) == currentYear && stringToNum(filter.selectedFromValue) == currentYear-4) ? ' uk-text-bold' : '')" |
|
50 |
(click)="yearChanged(4)" [disabled]="isDisabled">Last 5 years |
|
51 |
</button> |
|
52 |
<button [class]="'uk-button uk-button-default uk-button-small uk-text-small' |
|
53 |
+ ((stringToNum(filter.selectedToValue) == currentYear && stringToNum(filter.selectedFromValue) == currentYear-9) ? ' uk-text-bold' : '')" |
|
54 |
(click)="yearChanged(9)" [disabled]="isDisabled">Last 10 years |
|
55 |
</button> |
|
42 |
<!-- <div class="range-button uk-button-group uk-margin-small-top">--> |
|
43 |
<!-- <!– padding: 0 25px;–>--> |
|
44 |
<!-- <button [class]="'uk-button uk-button-default uk-button-small uk-text-small'--> |
|
45 |
<!-- + ((stringToNum(filter.selectedFromValue) == currentYear && stringToNum(filter.selectedToValue) == currentYear) ? ' uk-text-bold' : '')"--> |
|
46 |
<!-- (click)="yearChanged(0)" [disabled]="isDisabled">This year--> |
|
47 |
<!-- </button>--> |
|
48 |
<!-- <button [class]="'uk-button uk-button-default uk-button-small uk-text-small'--> |
|
49 |
<!-- + ((stringToNum(filter.selectedToValue) == currentYear && stringToNum(filter.selectedFromValue) == currentYear-4) ? ' uk-text-bold' : '')"--> |
|
50 |
<!-- (click)="yearChanged(4)" [disabled]="isDisabled">Last 5 years--> |
|
51 |
<!-- </button>--> |
|
52 |
<!-- <button [class]="'uk-button uk-button-default uk-button-small uk-text-small'--> |
|
53 |
<!-- + ((stringToNum(filter.selectedToValue) == currentYear && stringToNum(filter.selectedFromValue) == currentYear-9) ? ' uk-text-bold' : '')"--> |
|
54 |
<!-- (click)="yearChanged(9)" [disabled]="isDisabled">Last 10 years--> |
|
55 |
<!-- </button>--> |
|
56 |
<!-- </div>--> |
|
57 |
|
|
58 |
<!-- <div class="range-button uk-margin-small-top uk-child-width-1-3">--> |
|
59 |
<!-- <a [class]="'first-col uk-padding-small uk-padding-remove-vertical uk-text-small uk-text-center portal-link '--> |
|
60 |
<!-- + ((stringToNum(filter.selectedFromValue) == currentYear && stringToNum(filter.selectedToValue) == currentYear) ? ' uk-text-bold' : '')--> |
|
61 |
<!-- + (isDisabled ? ' uk-disabled uk-text-muted' : '')"--> |
|
62 |
<!-- (click)="yearChanged(0)"><span>This year</span>--> |
|
63 |
<!-- </a>--> |
|
64 |
<!-- <a [class]="'uk-padding-small uk-padding-remove-vertical uk-text-small uk-text-center portal-link '--> |
|
65 |
<!-- + ((stringToNum(filter.selectedToValue) == currentYear && stringToNum(filter.selectedFromValue) == currentYear-4) ? ' uk-text-bold' : '')--> |
|
66 |
<!-- + (isDisabled ? ' uk-disabled uk-text-muted' : '')"--> |
|
67 |
<!-- (click)="yearChanged(4)"><span>Last 5 years</span>--> |
|
68 |
<!-- </a>--> |
|
69 |
<!-- <a [class]="'uk-padding-small uk-padding-remove-vertical uk-text-small uk-text-center portal-link '--> |
|
70 |
<!-- + ((stringToNum(filter.selectedToValue) == currentYear && stringToNum(filter.selectedFromValue) == currentYear-9) ? ' uk-text-bold' : '')--> |
|
71 |
<!-- + (isDisabled ? ' uk-disabled uk-text-muted' : '')"--> |
|
72 |
<!-- (click)="yearChanged(9)"><span>Last 10 years</span>--> |
|
73 |
<!-- </a>--> |
|
74 |
<!-- </div>--> |
|
75 |
|
|
76 |
<div class="range-button uk-grid uk-grid-small uk-grid-divider uk-margin-top uk-child-width-1-3"> |
|
77 |
<a [class]="'uk-text-small uk-text-center portal-link ' |
|
78 |
+ ((stringToNum(filter.selectedFromValue) == currentYear && stringToNum(filter.selectedToValue) == currentYear) ? ' uk-text-bold' : '') |
|
79 |
+ (isDisabled ? ' uk-disabled uk-text-muted' : '')" |
|
80 |
(click)="yearChanged(0)"><span>This year</span> |
|
81 |
</a> |
|
82 |
<a [class]="'uk-text-small uk-text-center portal-link ' |
|
83 |
+ ((stringToNum(filter.selectedToValue) == currentYear && stringToNum(filter.selectedFromValue) == currentYear-4) ? ' uk-text-bold' : '') |
|
84 |
+ (isDisabled ? ' uk-disabled uk-text-muted' : '')" |
|
85 |
(click)="yearChanged(4)"><span>Last 5 years</span> |
|
86 |
</a> |
|
87 |
<a [class]="'uk-text-small uk-text-center portal-link ' |
|
88 |
+ ((stringToNum(filter.selectedToValue) == currentYear && stringToNum(filter.selectedFromValue) == currentYear-9) ? ' uk-text-bold' : '') |
|
89 |
+ (isDisabled ? ' uk-disabled uk-text-muted' : '')" |
|
90 |
(click)="yearChanged(9)"><span>Last 10 years</span> |
|
91 |
</a> |
|
56 | 92 |
</div> |
93 |
|
|
94 |
<!-- <ul class="uk-subnav uk-subnav-divider uk-margin-small-top uk-padding-remove">--> |
|
95 |
<!-- <li class="uk-padding-remove"><a>This year</a></li>--> |
|
96 |
<!-- <li><a>Last 5 years</a></li>--> |
|
97 |
<!-- <li><a>Last 10 years</a></li>--> |
|
98 |
<!-- </ul>--> |
|
57 | 99 |
</div> |
58 | 100 |
</form> |
59 | 101 |
</div> |
Also available in: Unified diff
[Trunk | Library]:
1. newSearchPage.component.html: [Bug fix] Remove <search-download> which was duplicate in small screens - Download visible above paging always.
2. rangeFilter.component.html: Range buttons changed to links - library.css changes needed (refactor code when possible).