Project

General

Profile

« Previous | Next » 

Revision 58608

[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).

View differences:

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
<!--                &lt;!&ndash;                padding: 0 25px;&ndash;&gt;-->
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