TWS/proxitok
8
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix multiple carousel in one page

Browse source
This commit is contained in:
Pablo Ferreiro 2023-04-08 12:03:33 +02:00
parent 4e191922fe
commit b5d034437f
No known key found for this signature in database
GPG key ID: 41FBCE65B779FA24
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
templates/components/themes/common/content.latte
View file

@ -6,14 +6,14 @@
<section class="carousel" aria-label="carousel" Tabindex="0"> <section class="carousel" aria-label="carousel" Tabindex="0">
<div class="slides"> <div class="slides">
{foreach $item->imagePost->images as $i => $image} {foreach $item->imagePost->images as $i => $image}
<div class="slides-item" id="image-{$i + 1}" tabindex="0"> <div class="slides-item" id="{$item->id}-image{$i + 1}" tabindex="0">
<img src="{url_stream($image->imageURL->urlList[0])}" /> <img src="{url_stream($image->imageURL->urlList[0])}" />
</div> </div>
{/foreach} {/foreach}
</div> </div>
<div class="carousel__nav"> <div class="carousel__nav">
{for $i = 0; $i < count($item->imagePost->images); $i++} {for $i = 0; $i < count($item->imagePost->images); $i++}
<a class="slider-nav" href="#image-{$i + 1}">{$i + 1}</a> <a class="slider-nav" href="#{$item->id}-image{$i + 1}">{$i + 1}</a>
{/for} {/for}
</div> </div>
<div class="carousel__skip-message" id="skip-link" tabindex="0"></div> <div class="carousel__skip-message" id="skip-link" tabindex="0"></div>

2
templates/components/themes/default.latte
View file

@ -24,7 +24,7 @@
<div class="has-text-centered"> <div class="has-text-centered">
{include './common/content.latte', item: $item, isAutoplay: false, isBig: false} {include './common/content.latte', item: $item, isAutoplay: false, isBig: false}
</div> </div>
{if isset($item->video->playAddr)} {if isset($item->video->playAddr) && $item->video->playAddr !== ""}
<!-- Download links, not shown if item is a gallery --> <!-- Download links, not shown if item is a gallery -->
<p class="has-text-centered"><b>Download video</b></p> <p class="has-text-centered"><b>Download video</b></p>
{include './common/download.latte', playAddr: $item->video->playAddr, id: $item->id, uniqueId: $item->author->uniqueId} {include './common/download.latte', playAddr: $item->video->playAddr, id: $item->id, uniqueId: $item->author->uniqueId}

2
templates/views/video.latte
View file

@ -39,7 +39,7 @@
{include '../components/themes/common/stats.latte', playCount: $item->stats->playCount, diggCount: $item->stats->diggCount, commentCount: $item->stats->commentCount, shareCount: $item->stats->shareCount} {include '../components/themes/common/stats.latte', playCount: $item->stats->playCount, diggCount: $item->stats->diggCount, commentCount: $item->stats->commentCount, shareCount: $item->stats->shareCount}
<div class="has-text-centered"> <div class="has-text-centered">
{include '../components/themes/common/share.latte', uniqueId: $info->detail->uniqueId, id: $item->id} {include '../components/themes/common/share.latte', uniqueId: $info->detail->uniqueId, id: $item->id}
{if isset($item->video->playAddr)} {if isset($item->video->playAddr) && $item->video->playAddr !== ""}
<!-- Download links, not shown if item is a gallery --> <!-- Download links, not shown if item is a gallery -->
{include '../components/themes/common/download.latte', playAddr: $item->video->playAddr, id: $item->id, uniqueId: $info->detail->uniqueId} {include '../components/themes/common/download.latte', playAddr: $item->video->playAddr, id: $item->id, uniqueId: $info->detail->uniqueId}
{/if} {/if}