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

[Trunk|Library]: change gif slider from slideshower to slider 

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

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

@ -3,8 +3,9 @@ import {Component, Input} from '@angular/core';
@Component({
selector: 'gif-slider',
template: `
<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" uk-height-viewport>
<div tabindex="-1" uk-slider="velocity: 0; autoplay: true; autoplay-interval: 4000; pause-on-hover: false; center: true">
<div class="uk-slider-container">
<ul class="uk-slider-items uk-child-width-1-1">
<li *ngFor="let gif of gifs">
<div class="uk-flex uk-flex-middle uk-padding uk-child-width-1-2@m uk-child-width-1-1@s" uk-grid>
<div>
@ -20,6 +21,8 @@ import {Component, Input} from '@angular/core';
</div>
</li>
</ul>
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
</div>
</div>`
})
@ -29,4 +32,5 @@ export class GifSliderComponent {
@Input() route = null;
@Input() linkTitle = null;
@Input() gifRight = false;
}