MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Trunk|Library]: Test gif slider 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@56205 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2019-06-26 10:00:24 +00:00
parent 84f7929b67
commit 88a84554ab
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
utils/gif-slider/gif-slider.component.ts
View File

@ -3,16 +3,16 @@ import {Component, Input} from '@angular/core';
@Component({ @Component({
selector: 'gif-slider', selector: 'gif-slider',
template: ` template: `
<div class="uk-position-relative uk-height-max-large" tabindex="-1" uk-slideshow="animation: fade; autoplay: true; autoplay-interval: 4000; pause-on-hover: false"> <div class="uk-position-relative uk-padding-large uk-padding-remove-horizontal" tabindex="-1" uk-slideshow="animation: fade; autoplay: true; autoplay-interval: 4000; pause-on-hover: false">
<ul class="uk-slideshow-items"> <ul class="uk-slideshow-items" uk-height-viewport>
<li *ngFor="let gif of gifs"> <li *ngFor="let gif of gifs">
<div class="uk-flex uk-flex-middle uk-padding" uk-grid> <div class="uk-flex uk-flex-middle uk-padding uk-child-width-1-2@m uk-child-width-1-1@s" uk-grid>
<div class="uk-width-1-2 uk-height-medium"> <div>
<img [attr.src]="gif.gif"> <img [attr.src]="gif.gif">
</div> </div>
<div class="uk-width-1-2 " [ngClass]="(gifRight)?'uk-flex-first':''"> <div [ngClass]="(gifRight)?'uk-flex-first':''">
<h1 style="font-size: 28px">{{gif.header}}</h1> <h1>{{gif.header}}</h1>
<div class="uk-text-large"> {{gif.text}}</div> <div > {{gif.text}}</div>
<div *ngIf="link" class="uk-inline uk-margin-large-top uk-margin-bottom"> <div *ngIf="link" class="uk-inline uk-margin-large-top uk-margin-bottom">
<a class="uk-button portal-button uk-text-uppercase" [routerLink]="route" routerLinkActive="router-link-active">{{linkTitle}}</a> <a class="uk-button portal-button uk-text-uppercase" [routerLink]="route" routerLinkActive="router-link-active">{{linkTitle}}</a>
</div> </div>