Untitled
unknown
php_laravel_blade
5 months ago
15 kB
1
Indexable
<div class="relative overflow-x-auto">
<table class="w-full text-left">
<thead class="bg-white">
<tr class="bg-white text-black">
<th class="border-b-2 border-lime-600 py-8 px-12">
Abfahrt
</th>
<th class="border-b-2 border-lime-600 py-8 px-12">
Gleis
</th>
<th class="border-b-2 border-lime-600 py-8 px-12">
Linie
</th>
<th class="border-b-2 border-lime-600 py-8 px-12">
Richtung
</th>
<th class="border-b-2 border-lime-600 py-8 px-12">
Hinweis
</th>
<th class="border-b-2 border-lime-600 py-8 px-12">
test
</th>
</tr>
</thead>
<tbody>
<template x-for="(scheduleEntity, id) in scheduleData" :key="id">
<tr class="even:bg-white bg-gray-400 bg-opacity-10">
<td class="px-12 py-8">
<template x-if="scheduleEntity.delay > 0">
<div>
<div x-text="scheduleEntity.estimatedString" class="font-bold text-red-600"></div>
<div class="text-red-600">
<span x-text="scheduleEntity.delay + ' Min. später'"></span>
</div>
</div>
</template>
<template x-if="scheduleEntity.delay === 0">
<div x-text="scheduleEntity.departureString"></div>
</template>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.platform">
</td>
<td class="px-12 py-8">
<div class="flex items-center">
<template x-if="scheduleEntity.transportIcon">
<img class="tramLogo mr-2" x-bind:src="'/img/' + scheduleEntity.transportIcon" style="height: 3vh;width: 3vh;">
</template>
<div class="text-blue-800" x-text="scheduleEntity.transportTitle"></div>
</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.destination">
</td>
<td class="px-12 py-8">
<div class="flex items-center gap-2">
<div class="" x-text="scheduleEntity.departureString"></div>
<template x-if="scheduleEntity.delay > 0">
<div class="text-red-600">
<div x-text="scheduleEntity.delay + ' Min. später - Neue Abfahrt: ' + scheduleEntity.estimatedString"></div>
</div>
</template>
</div>
</td>
<td class="px-12 py-8">
test
</td>
</tr>
</template>
<tr class="even:bg-white bg-gray-400 bg-opacity-10">
<td class="px-12 py-8">
<template x-if="scheduleEntity.delay > 0">
<div>
<div x-text="scheduleEntity.estimatedString" class="font-bold text-red-600"></div>
<div class="text-red-600">
<span x-text="scheduleEntity.delay + ' Min. später'"></span>
</div>
</div>
</template>
<template x-if="scheduleEntity.delay === 0">
<div x-text="scheduleEntity.departureString"></div>
</template>
<div x-text="scheduleEntity.departureString"> 13:24</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.platform">0</td>
<td class="px-12 py-8">
<div class="flex items-center">
<template x-if="scheduleEntity.transportIcon">
<img class="tramLogo mr-2" x-bind:src="'/img/' + scheduleEntity.transportIcon" style="height: 3vh;width: 3vh;">
</template>
<div class="text-blue-800" x-text="scheduleEntity.transportTitle">707 0</div>
</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.destination">Zuhause, bf</td>
<td class="px-12 py-8">
<div class="flex items-center gap-2">
<div class="" x-text="scheduleEntity.departureString"> 13:24</div>
<template x-if="scheduleEntity.delay > 0">
<div class="text-red-600">
<div x-text="scheduleEntity.delay + ' Min. später - Neue Abfahrt: ' + scheduleEntity.estimatedString"></div>
</div>
</template>
</div>
</td>
<td class="px-12 py-8">
test
</td>
</tr>
<tr class="even:bg-white bg-gray-400 bg-opacity-10">
<td class="px-12 py-8">
<template x-if="scheduleEntity.delay > 0">
<div>
<div x-text="scheduleEntity.estimatedString" class="font-bold text-red-600"></div>
<div class="text-red-600">
<span x-text="scheduleEntity.delay + ' Min. später'"></span>
</div>
</div>
</template>
<template x-if="scheduleEntity.delay === 0">
<div x-text="scheduleEntity.departureString"></div>
</template>
<div x-text="scheduleEntity.departureString"> 14:24</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.platform">1</td>
<td class="px-12 py-8">
<div class="flex items-center">
<template x-if="scheduleEntity.transportIcon">
<img class="tramLogo mr-2" x-bind:src="'/img/' + scheduleEntity.transportIcon" style="height: 3vh;width: 3vh;">
</template>
<div class="text-blue-800" x-text="scheduleEntity.transportTitle">707 1</div>
</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.destination">Zuhause, bf</td>
<td class="px-12 py-8">
<div class="flex items-center gap-2">
<div class="" x-text="scheduleEntity.departureString"> 14:24</div>
<template x-if="scheduleEntity.delay > 0">
<div class="text-red-600">
<div x-text="scheduleEntity.delay + ' Min. später - Neue Abfahrt: ' + scheduleEntity.estimatedString"></div>
</div>
</template>
</div>
</td>
<td class="px-12 py-8">
test
</td>
</tr>
<tr class="even:bg-white bg-gray-400 bg-opacity-10">
<td class="px-12 py-8">
<template x-if="scheduleEntity.delay > 0">
<div>
<div x-text="scheduleEntity.estimatedString" class="font-bold text-red-600"></div>
<div class="text-red-600">
<span x-text="scheduleEntity.delay + ' Min. später'"></span>
</div>
</div>
</template>
<template x-if="scheduleEntity.delay === 0">
<div x-text="scheduleEntity.departureString"></div>
</template>
<div x-text="scheduleEntity.departureString"> 15:24</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.platform">2</td>
<td class="px-12 py-8">
<div class="flex items-center">
<template x-if="scheduleEntity.transportIcon">
<img class="tramLogo mr-2" x-bind:src="'/img/' + scheduleEntity.transportIcon" style="height: 3vh;width: 3vh;">
</template>
<div class="text-blue-800" x-text="scheduleEntity.transportTitle">707 2</div>
</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.destination">Zuhause, bf</td>
<td class="px-12 py-8">
<div class="flex items-center gap-2">
<div class="" x-text="scheduleEntity.departureString"> 15:24</div>
<template x-if="scheduleEntity.delay > 0">
<div class="text-red-600">
<div x-text="scheduleEntity.delay + ' Min. später - Neue Abfahrt: ' + scheduleEntity.estimatedString"></div>
</div>
</template>
</div>
</td>
<td class="px-12 py-8">
test
</td>
</tr>
<tr class="even:bg-white bg-gray-400 bg-opacity-10">
<td class="px-12 py-8">
<template x-if="scheduleEntity.delay > 0">
<div>
<div x-text="scheduleEntity.estimatedString" class="font-bold text-red-600"></div>
<div class="text-red-600">
<span x-text="scheduleEntity.delay + ' Min. später'"></span>
</div>
</div>
</template>
<template x-if="scheduleEntity.delay === 0">
<div x-text="scheduleEntity.departureString"></div>
</template>
<div x-text="scheduleEntity.departureString"> 16:24</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.platform">3</td>
<td class="px-12 py-8">
<div class="flex items-center">
<template x-if="scheduleEntity.transportIcon">
<img class="tramLogo mr-2" x-bind:src="'/img/' + scheduleEntity.transportIcon" style="height: 3vh;width: 3vh;">
</template>
<div class="text-blue-800" x-text="scheduleEntity.transportTitle">707 3</div>
</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.destination">Zuhause, bf</td>
<td class="px-12 py-8">
<div class="flex items-center gap-2">
<div class="" x-text="scheduleEntity.departureString"> 16:24</div>
<template x-if="scheduleEntity.delay > 0">
<div class="text-red-600">
<div x-text="scheduleEntity.delay + ' Min. später - Neue Abfahrt: ' + scheduleEntity.estimatedString"></div>
</div>
</template>
</div>
</td>
<td class="px-12 py-8">
test
</td>
</tr>
<tr class="even:bg-white bg-gray-400 bg-opacity-10">
<td class="px-12 py-8">
<template x-if="scheduleEntity.delay > 0">
<div>
<div x-text="scheduleEntity.estimatedString" class="font-bold text-red-600"></div>
<div class="text-red-600">
<span x-text="scheduleEntity.delay + ' Min. später'"></span>
</div>
</div>
</template>
<template x-if="scheduleEntity.delay === 0">
<div x-text="scheduleEntity.departureString"></div>
</template>
<div x-text="scheduleEntity.departureString"> 17:24</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.platform">4</td>
<td class="px-12 py-8">
<div class="flex items-center">
<template x-if="scheduleEntity.transportIcon">
<img class="tramLogo mr-2" x-bind:src="'/img/' + scheduleEntity.transportIcon" style="height: 3vh;width: 3vh;">
</template>
<div class="text-blue-800" x-text="scheduleEntity.transportTitle">707 4</div>
</div>
</td>
<td class="px-12 py-8" x-text="scheduleEntity.destination">Zuhause, bf</td>
<td class="px-12 py-8">
<div class="flex items-center gap-2">
<div class="" x-text="scheduleEntity.departureString"> 17:24</div>
<template x-if="scheduleEntity.delay > 0">
<div class="text-red-600">
<div x-text="scheduleEntity.delay + ' Min. später - Neue Abfahrt: ' + scheduleEntity.estimatedString"></div>
</div>
</template>
</div>
</td>
<td class="px-12 py-8">
test
</td>
</tr>
<tr id="hasNoData" class="hidden">
<td colspan="5" class="text-center font-diatype ">
<div class="flex justify-between items-center border-t border-gray-300 py-4">
<span class="lg:text-xl sm:text-2xl md:text-3xl">17:45 Uhr</span>
<img src="/img/vrrLogo.svg" alt="VRR Logo" class="h-8 w-8 sm:h-12 sm:w-12 md:h-32 md:w-32 lg:h-44 lg:w-44">
</div>
<div class="text-center font-diatype text-lg sm:lg:text-xl md:text-2xl lg:text-3xl mt-4">
Sehr geehrte Fahrgäste, bitte beachten Sie den Aushangfahrplan sowie die Durchsage und Hinweise am Bahnsteig.
</div>
</td>
</tr>
</tbody>
</table>
</div>Leave a Comment