Untitled

mail@pastecode.io avatar
unknown
php_laravel_blade
a month ago
15 kB
1
Indexable
Never
<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