Project

General

Profile

« Previous | Next » 

Revision 60908

[Aggragator | Trunk]: Add numbers on home page

View differences:

home.component.html
148 148
  </div>
149 149
</div>
150 150
<div class="uk-section uk-padding-remove-bottom">
151
  <div class="uk-container uk-text-center uk-margin-medium-bottom">
152
    <div class="uk-margin-medium uk-flex-center">
153
      <div class="uk-first-column">
154
        <div class="uk-panel">
155
          <h3 class="uk-margin uk-text-center">
156
            Our growing <span class="uk-text-bold">Community</span>
157
          </h3>
158
          <div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
159
            <div class="uk-grid uk-flex uk-flex-center">
160
              <div *ngIf="fundersSize" class="uk-width-1-3@m">
161
                <h3>
162
                  <a [routerLink]="properties.searchLinkToProjects" class="uk-text-bold number">
163
                    {{fundersSize.number|number}}<span class="number-size">{{fundersSize.size}}</span>
164
                  </a>
165
                </h3>
166
                <div class="uk-text-uppercase uk-text-large">Funders</div>
167
              </div>
168
              <div *ngIf="datasourcesSize" class="uk-width-1-3@m">
169
                <h3>
170
                  <a [routerLink]="properties.searchLinkToDataProviders" class="uk-text-bold number">
171
                    {{datasourcesSize.number|number}}<span class="number-size">{{datasourcesSize.size}}</span>
172
                  </a>
173
                </h3>
174
                <div class="uk-text-uppercase uk-text-large">Content providers</div>
175
              </div>
176
              <div *ngIf="projectsSize" class="uk-width-1-3@m">
177
                <h3>
178
                  <a [routerLink]="properties.searchLinkToProjects" class="uk-text-bold number">
179
                    {{projectsSize.number|number}}<span class="number-size">{{projectsSize.size}}</span>
180
                  </a>
181
                </h3>
182
                <div class="uk-text-uppercase uk-text-large">Projects</div>
183
              </div>
184
            </div>
185
          </div>
186
        </div>
187
      </div>
188
    </div>
189
  </div>
190
  <div class="numbers-background uk-section">
191
    <div class="uk-container">
192
      <div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-flex uk-flex-center" uk-grid>
193
        <div *ngIf="publicationsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
194
          <div class="number-width">
195
            <a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
196
               [queryParams]="{type: 'publications', qf: false}">
197
              {{publicationsSize.count|number}} </a>
198
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
199
              <icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
200
              <span>publications</span>
201
            </div>
202
          </div>
203
        </div>
204
        <div *ngIf="datasetsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
205
          <div class="number-width">
206
            <a class="number uk-text-bold uk-margin-bottom"
207
               [routerLink]="properties.searchLinkToResults"
208
               [queryParams]="{type: 'datasets', qf: false}">{{datasetsSize.count|number}} </a>
209

  
210
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
211
              <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right"
212
                    customClass="portal-color"></icon>
213
              <span>research data</span>
214
            </div>
215
          </div>
216
        </div>
217
        <div *ngIf="softwareSize" class="uk-width-1-2@m uk-flex uk-flex-center">
218
          <div class="number-width">
219
            <a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
220
               [queryParams]="{type: 'software', qf: false}">
221
              {{softwareSize.count|number}} </a>
222
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
223
              <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
224
              <span>software</span>
225
            </div>
226
          </div>
227
        </div>
228
        <div *ngIf="otherSize" class="uk-width-1-2@m uk-flex uk-flex-center">
229
          <div class="number-width">
230
            <a class="number uk-text-bold  uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
231
               [queryParams]="{type: 'other', qf: false}">{{otherSize.count|number}} </a>
232
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
233
              <icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
234
              <span>other research products</span>
235
            </div>
236
          </div>
237
        </div>
238
      </div>
239
    </div>
240
  </div>
151
  <h3 class="uk-text-center uk-margin-medium-bottom">Our growing <span class="uk-text-bold">Community</span></h3>
152
  <numbers #numbersComponent [defaultInit]="false" backgroundClass="numbers-background"></numbers>
241 153
</div>
242 154
<!--<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"-->
243 155
<!--        [texts]="pageContents['left']"></helper>-->

Also available in: Unified diff