mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
30 lines
919 B
Plaintext
30 lines
919 B
Plaintext
---
|
|
// One card per inline-player 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" 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>
|