Project

General

Profile

« Previous | Next » 

Revision 47314

searchPage.component: clear All (for filters) became an <a> tag | searchFilter.component: accordion removed - filters always open | browseStatistic.component: modal fixed for View more options | search.component + publication.component: added responsiveness in tabs | claimsByToken.component: added metadata information (description + title -> to be changed) - datatables' paging and column width with slightly better appearance

View differences:

publication.component.html
64 64
              <a  class="uk-float-right uk-button  uk-button-default" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span> Links to research Results</a>
65 65
            </div>
66 66

  
67
            <ul class="uk-tab" data-uk-switcher="{connect: '#tab-content'}">
68
                <li class="uk-active">
67
            <ul class="uk-tab uk-visible@xl" uk-tab="connect: #tab-content">
68
                <li (click)="activeTab='References'">
69 69
                    <a>
70 70
                        References
71 71
                        <span *ngIf="publicationInfo.references == undefined" class="uk-badge uk-badge-notification">0</span>
......
74 74
                        </span>
75 75
                    </a>
76 76
                </li>
77
                <li>
77
                <li (click)="activeTab='Related Research Results'">
78 78
                    <a>
79 79
                        Related Research Results
80 80
                        <span class="uk-badge uk-badge-notification">
......
82 82
                        </span>
83 83
                    </a>
84 84
                </li>
85
                <li>
85
                <li (click)="activeTab='Similar Research Results'">
86 86
                    <a>
87 87
                        Similar Research Results
88 88
                        <span *ngIf="publicationInfo.similarResearchResults == undefined" class="uk-badge uk-badge-notification">0</span>
......
91 91
                        </span>
92 92
                    </a>
93 93
                </li>
94
                <li>
94
                <li (click)="activeTab='Related Organizations'">
95 95
                    <a>
96 96
                        Related Organizations
97 97
                        <span *ngIf="publicationInfo.organizations == undefined" class="uk-badge uk-badge-notification">0</span>
......
100 100
                        </span>
101 101
                    </a>
102 102
                </li>
103
                <li *ngIf="publicationInfo.bioentities != undefined">
103
                <li *ngIf="publicationInfo.bioentities != undefined" (click)="activeTab='Bioentities'">
104 104
                    <a>
105 105
                        Bioentities
106 106
                        <span class="uk-badge uk-badge-notification">{{bioentitiesNum}}</span>
107 107
                    </a>
108 108
                </li>
109
                <li *ngIf="publicationInfo.software != undefined">
109
                <li *ngIf="publicationInfo.software != undefined" (click)="activeTab='Software'">
110 110
                    <a>
111 111
                        Software
112 112
                        <span class="uk-badge uk-badge-notification">{{publicationInfo.software.length}}</span>
113 113
                    </a>
114 114
                </li>
115
                <li>
116
                    <a (click)="metricsClicked=true;">
115
                <li (click)="metricsClicked=true; activeTab='Metrics'">
116
                    <a>
117 117
                        Metrics
118 118
                        <i class="uk-icon-line-chart"></i>
119 119
                    </a>
120 120
                </li>
121 121
            </ul>
122 122

  
123
            <!--span uk-icon="icon: menu"></span> {{activeTab}}<-->
124
            <button class="uk-button uk-button-default uk-hidden@xl" type="button">
125
              <span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
126
            </button>
127

  
128
            <ul id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@xl" uk-switcher="{connect: #tab-content}" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs">
129
                <li (click)="activeTab='References'">
130
                  <a>
131
                    References
132
                    <span *ngIf="publicationInfo.references == undefined" class="uk-badge uk-badge-notification">0</span>
133
                    <span *ngIf="publicationInfo.references != undefined" class="uk-badge uk-badge-notification">
134
                        {{publicationInfo.references.length}}
135
                    </span>
136
                  </a>
137
                </li>
138
                <li (click)="activeTab='Related Research Results'">
139
                  <a>
140
                    Related Research Results
141
                    <span class="uk-badge uk-badge-notification">
142
                        {{relatedResearchResultsNum}}
143
                    </span>
144
                  </a>
145
                </li>
146
                <li (click)="activeTab='Similar Research Results'">
147
                  <a>
148
                    Similar Research Results
149
                    <span *ngIf="publicationInfo.similarResearchResults == undefined" class="uk-badge uk-badge-notification">0</span>
150
                    <span *ngIf="publicationInfo.similarResearchResults != undefined" class="uk-badge uk-badge-notification">
151
                        {{publicationInfo.similarResearchResults.length}}
152
                    </span>
153
                  </a>
154
                </li>
155
                <li (click)="activeTab='Related Organizations'">
156
                  <a>
157
                    Related Organizations
158
                    <span *ngIf="publicationInfo.organizations == undefined" class="uk-badge uk-badge-notification">0</span>
159
                    <span *ngIf="publicationInfo.organizations != undefined" class="uk-badge uk-badge-notification">
160
                        {{publicationInfo.organizations.length}}
161
                    </span>
162
                  </a>
163
                </li>
164
                <li *ngIf="publicationInfo.bioentities != undefined" (click)="activeTab='Bioentities'">
165
                  <a>
166
                    Bioentities
167
                    <span class="uk-badge uk-badge-notification">{{bioentitiesNum}}</span>
168
                  </a>
169
                </li>
170
                <li *ngIf="publicationInfo.software != undefined" (click)="activeTab='Software'">
171
                  <a>
172
                    Software
173
                    <span class="uk-badge uk-badge-notification">{{publicationInfo.software.length}}</span>
174
                  </a>
175
                </li>
176
                <li (click)="metricsClicked=true; activeTab='Metrics'">
177
                  <a>
178
                    Metrics<i class="uk-icon-line-chart"></i>
179
                  </a>
180
                </li>
181
            </ul>
182

  
123 183
            <ul id="tab-content" class="uk-switcher uk-margin custom-tab-content">
124 184
                <li class="uk-animation-fade">
125 185
                    <div *ngIf="publicationInfo.references == undefined" class = "uk-alert  uk-alert-primary" >

Also available in: Unified diff