mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
35 lines
931 B
Plaintext
35 lines
931 B
Plaintext
---
|
|
// Liquid: {% for provider in inline-players %} → one card per provider.
|
|
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
|
|
import Card from '@ui/Card.astro';
|
|
import CardBody from '@ui/CardBody.astro';
|
|
import CardTitle from '@ui/CardTitle.astro';
|
|
import InlinePlayer from '@ui/InlinePlayer.astro';
|
|
import players from '@data/inline-players.json';
|
|
|
|
type Provider = { title: string; type: string; id: string; 'embed-id': string | number };
|
|
---
|
|
|
|
<DefaultLayout
|
|
title="Inline Player"
|
|
pageHeader="Inline Player"
|
|
pageMenu="plugins.plyr"
|
|
pageLibs={['plyr']}
|
|
>
|
|
<div class="row row-cards">
|
|
{
|
|
(players as Provider[]).map((provider) => (
|
|
<div class="col-lg-6">
|
|
<Card>
|
|
<CardBody>
|
|
<CardTitle>{provider.title}</CardTitle>
|
|
|
|
<InlinePlayer id={provider.id} type={provider.type} embedId={provider['embed-id']} />
|
|
</CardBody>
|
|
</Card>
|
|
</div>
|
|
))
|
|
}
|
|
</div>
|
|
</DefaultLayout>
|