[plugins-functionality | DONE | CHANGED ] Search-link deposit: fixes for slider

This commit is contained in:
argirok 2024-04-08 11:49:14 +03:00
parent 3650b11215
commit d2cc0b0f33
1 changed files with 5 additions and 8 deletions

View File

@ -6,11 +6,10 @@
{{pluginObject.title}}<span class="uk-text-primary">.</span> {{pluginObject.title}}<span class="uk-text-primary">.</span>
</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">
@ -22,7 +21,6 @@
{{url.linkText}} {{url.linkText}}
</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">
@ -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>