mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
add tags
This commit is contained in:
Benjamin Takats
5
resources/views/columns/courses/tags.blade.php
Normal file
5
resources/views/columns/courses/tags.blade.php
Normal file
@@ -0,0 +1,5 @@
|
||||
<div class="flex items-center">
|
||||
@foreach($row->tags as $tag)
|
||||
<x-badge>{{ $tag->name }}</x-badge>
|
||||
@endforeach
|
||||
</div>
|
||||
@@ -8,6 +8,7 @@
|
||||
<!-- Fonts -->
|
||||
@googlefonts
|
||||
<!-- Scripts -->
|
||||
<script src="https://kit.fontawesome.com/03bc14bd1e.js" crossorigin="anonymous"></script>
|
||||
<wireui:scripts/>
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
<!-- Styles -->
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
<!-- Fonts -->
|
||||
@googlefonts
|
||||
<!-- Scripts -->
|
||||
<script src="https://kit.fontawesome.com/03bc14bd1e.js" crossorigin="anonymous"></script>
|
||||
<wireui:scripts/>
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
<!-- Styles -->
|
||||
|
||||
@@ -20,15 +20,15 @@
|
||||
</a>
|
||||
<nav
|
||||
class="flex flex-wrap items-center mb-5 text-lg md:mb-0 md:pl-8 md:ml-8 md:border-l md:border-gray-800">
|
||||
<a href="{{ route('search.city', ['country' => $c]) }}"
|
||||
<a href="{{ route('search.city', ['country' => $c, '#table']) }}"
|
||||
class="{{ request()->routeIs('search.city') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Städte</a>
|
||||
<a href="{{ route('search.lecturer', ['country' => $c]) }}"
|
||||
<a href="{{ route('search.lecturer', ['country' => $c, '#table']) }}"
|
||||
class="{{ request()->routeIs('search.lecturer') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Dozenten</a>
|
||||
<a href="{{ route('search.venue', ['country' => $c]) }}"
|
||||
<a href="{{ route('search.venue', ['country' => $c, '#table']) }}"
|
||||
class="{{ request()->routeIs('search.venue') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Veranstaltungs-Orte</a>
|
||||
<a href="{{ route('search.course', ['country' => $c]) }}"
|
||||
<a href="{{ route('search.course', ['country' => $c, '#table']) }}"
|
||||
class="{{ request()->routeIs('search.course') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Kurse</a>
|
||||
<a href="{{ route('search.event', ['country' => $c]) }}"
|
||||
<a href="{{ route('search.event', ['country' => $c, '#table']) }}"
|
||||
class="{{ request()->routeIs('search.event') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Termine</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
52
resources/views/livewire/frontend/search-by-tag.blade.php
Normal file
52
resources/views/livewire/frontend/search-by-tag.blade.php
Normal file
@@ -0,0 +1,52 @@
|
||||
<div
|
||||
class="flex overflow-auto relative flex-wrap gap-x-5 gap-y-6 justify-center p-0 mx-auto mt-8 mb-3 w-full font-normal leading-6 text-white align-baseline border-0 border-solid md:mx-auto md:mb-0 md:max-w-screen-md"
|
||||
style="max-width: 1350px; font-size: 128%; background-position: 0px center; max-height: 500px; list-style: outside;"
|
||||
>
|
||||
@foreach($tags->sortBy('name') as $tag)
|
||||
<div
|
||||
class="flex flex-1 justify-center p-0 m-0 leading-6 text-center align-baseline border-0 border-solid"
|
||||
style="font-size: 128%; background-position: 0px center; list-style: outside;"
|
||||
>
|
||||
<a
|
||||
class="flex relative flex-col flex-shrink-0 justify-between py-1 px-3 w-full h-20 text-white hover:text-amber-500 bg-blue-50 border-0 border-solid duration-300 ease-in-out cursor-pointer bg-opacity-[0.07]"
|
||||
href="{{ route('search.course', ['country' => $country, 'table' => ['filters' => ['tag' => [$tag->name]]], '#table']) }}"
|
||||
>
|
||||
<div
|
||||
class="flex flex-1 items-center p-0 m-0 text-center align-baseline border-0 border-solid"
|
||||
>
|
||||
<div
|
||||
class="flex flex-shrink-0 justify-center p-0 my-0 mr-4 ml-0 align-baseline border-0 border-solid"
|
||||
>
|
||||
<i class="fa fa-thin fa-{{ $tag->icon }} text-4xl"></i>
|
||||
</div>
|
||||
<div
|
||||
class="flex justify-between p-0 m-0 w-full align-baseline border-0 border-solid md:block lg:w-auto"
|
||||
>
|
||||
<h2
|
||||
class="p-0 m-0 font-sans text-base font-semibold tracking-wide leading-tight text-left align-baseline border-0 border-solid"
|
||||
style="background-position: 0px center; list-style: outside;"
|
||||
>
|
||||
{{ $tag->name }}
|
||||
</h2>
|
||||
<div
|
||||
class="hidden p-0 m-0 text-sm leading-3 text-left text-blue-100 align-baseline border-0 border-solid md:block md:text-blue-100 whitespace-nowrap"
|
||||
>
|
||||
@php
|
||||
$lecturerCount = $tag->courses->pluck('lecturer.name')->unique()->count();
|
||||
@endphp
|
||||
{{ $lecturerCount > 0 ? $lecturerCount : 'kein' }}
|
||||
Dozent{{ $lecturerCount > 1 ? 'en' : '' }}
|
||||
<span
|
||||
class="inline-block relative top-px py-0 px-1 m-0 text-xs leading-4 align-baseline border-0 border-solid"
|
||||
>
|
||||
•
|
||||
</span>
|
||||
{{ $tag->courses_count }} Kurs{{ $tag->courses_count > 1 ? 'e' : '' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a
|
||||
>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@@ -4,6 +4,7 @@
|
||||
{{-- MAIN --}}
|
||||
<section class="w-full mb-12">
|
||||
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10" id="table">
|
||||
<livewire:frontend.search-by-tag :country="$country->code"/>
|
||||
<livewire:frontend.search-tabs :country="$country->code"/>
|
||||
<livewire:tables.city-table :country="$country->code"/>
|
||||
</div>
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
{{-- MAIN --}}
|
||||
<section class="w-full mb-12">
|
||||
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10" id="table">
|
||||
<livewire:frontend.search-by-tag :country="$country->code"/>
|
||||
<livewire:frontend.search-tabs :country="$country->code"/>
|
||||
<livewire:tables.course-table :country="$country->code"/>
|
||||
</div>
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
{{-- MAIN --}}
|
||||
<section class="w-full mb-12">
|
||||
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10" id="table">
|
||||
<livewire:frontend.search-by-tag :country="$country->code"/>
|
||||
<livewire:frontend.search-tabs :country="$country->code"/>
|
||||
<livewire:tables.event-table :country="$country->code"/>
|
||||
</div>
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
{{-- MAIN --}}
|
||||
<section class="w-full mb-12">
|
||||
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10" id="table">
|
||||
<livewire:frontend.search-by-tag :country="$country->code"/>
|
||||
<livewire:frontend.search-tabs :country="$country->code"/>
|
||||
<livewire:tables.lecturer-table :country="$country->code"/>
|
||||
</div>
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
{{-- MAIN --}}
|
||||
<section class="w-full mb-12">
|
||||
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10" id="table">
|
||||
<livewire:frontend.search-by-tag :country="$country->code"/>
|
||||
<livewire:frontend.search-tabs :country="$country->code"/>
|
||||
<livewire:tables.venue-table :country="$country->code"/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user