plugins-functionality #43
|
@ -7,10 +7,9 @@
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<slider-container [total]="activeCards.length" [navigation]="'progress'" [period]="6000" [infinite]="true" [parent]="parent">
|
<slider-container [total]="activeCards.length" [navigation]="'progress'" [period]="6000" [infinite]="true" [parent]="parent">
|
||||||
|
<ng-container *ngIf="activeCards.length > 0">
|
||||||
<slider-column type="nav" class="slider-nav">
|
<slider-column type="nav" class="slider-nav" style="min-height: 300px">
|
||||||
<ng-container *ngFor="let card of activeCards; let i = index">
|
<ng-container *ngFor="let card of activeCards; let i = index">
|
||||||
<ng-container *ngIf="card.show">
|
|
||||||
<slider-nav-item [start]="i">
|
<slider-nav-item [start]="i">
|
||||||
<div class="uk-text-primary">{{card.tag}}</div>
|
<div class="uk-text-primary">{{card.tag}}</div>
|
||||||
<div class="uk-margin-remove uk-text-large uk-text-bold">
|
<div class="uk-margin-remove uk-text-large uk-text-bold">
|
||||||
|
@ -23,7 +22,6 @@
|
||||||
</a>
|
</a>
|
||||||
</slider-nav-item>
|
</slider-nav-item>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</ng-container>
|
|
||||||
</slider-column>
|
</slider-column>
|
||||||
<slider-column type="slider">
|
<slider-column type="slider">
|
||||||
<slider-item type="static">
|
<slider-item type="static">
|
||||||
|
@ -31,14 +29,13 @@
|
||||||
+ 'connect.openaire.eu/assets/connect-assets/home/tablet.png'"
|
+ 'connect.openaire.eu/assets/connect-assets/home/tablet.png'"
|
||||||
alt="ipad" loading="lazy">
|
alt="ipad" loading="lazy">
|
||||||
</slider-item>
|
</slider-item>
|
||||||
<ng-container *ngFor="let card of pluginObject.cardInfoArray; let i = index">
|
<ng-container *ngFor="let card of activeCards; let i = index">
|
||||||
<ng-container *ngIf="card.show">
|
|
||||||
<slider-item type="slide" [start]="i">
|
<slider-item type="slide" [start]="i">
|
||||||
<img [src]="card.image" [alt]="card.tag" loading="lazy">
|
<img [src]="card.image" [alt]="card.tag" loading="lazy">
|
||||||
</slider-item>
|
</slider-item>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</ng-container>
|
|
||||||
</slider-column>
|
</slider-column>
|
||||||
|
</ng-container>
|
||||||
</slider-container>
|
</slider-container>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue