switch countries

This commit is contained in:
Benjamin Takats
2022-12-02 17:14:29 +01:00
parent 6371689ad8
commit 1fa7ad1bea
8 changed files with 47 additions and 22 deletions

View File

@@ -6,6 +6,8 @@ use Livewire\Component;
class SearchTabs extends Component class SearchTabs extends Component
{ {
public string $country;
public function render() public function render()
{ {
return view('livewire.frontend.search-tabs'); return view('livewire.frontend.search-tabs');

View File

@@ -3,8 +3,8 @@
<livewire:frontend.header :country="$country"/> <livewire:frontend.header :country="$country"/>
{{-- MAIN --}} {{-- MAIN --}}
<section class="w-full mb-12"> <section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-10"> <div class="max-w-screen-2xl mx-auto px-10" id="table">
<livewire:frontend.search-tabs/> <livewire:frontend.search-tabs :country="$country->code"/>
<livewire:tables.city-table :country="$country->code"/> <livewire:tables.city-table :country="$country->code"/>
</div> </div>
</section> </section>

View File

@@ -3,8 +3,8 @@
<livewire:frontend.header :country="$country"/> <livewire:frontend.header :country="$country"/>
{{-- MAIN --}} {{-- MAIN --}}
<section class="w-full mb-12"> <section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-10"> <div class="max-w-screen-2xl mx-auto px-10" id="table">
<livewire:frontend.search-tabs/> <livewire:frontend.search-tabs :country="$country->code"/>
<livewire:tables.course-table :country="$country->code"/> <livewire:tables.course-table :country="$country->code"/>
</div> </div>
</section> </section>

View File

@@ -3,8 +3,8 @@
<livewire:frontend.header :country="$country"/> <livewire:frontend.header :country="$country"/>
{{-- MAIN --}} {{-- MAIN --}}
<section class="w-full mb-12"> <section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-10"> <div class="max-w-screen-2xl mx-auto px-10" id="table">
<livewire:frontend.search-tabs/> <livewire:frontend.search-tabs :country="$country->code"/>
<livewire:tables.event-table :country="$country->code"/> <livewire:tables.event-table :country="$country->code"/>
</div> </div>
</section> </section>

View File

@@ -3,8 +3,8 @@
<livewire:frontend.header :country="$country"/> <livewire:frontend.header :country="$country"/>
{{-- MAIN --}} {{-- MAIN --}}
<section class="w-full mb-12"> <section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-10"> <div class="max-w-screen-2xl mx-auto px-10" id="table">
<livewire:frontend.search-tabs/> <livewire:frontend.search-tabs :country="$country->code"/>
<livewire:tables.lecturer-table/> <livewire:tables.lecturer-table/>
</div> </div>
</section> </section>

View File

@@ -7,11 +7,11 @@
<label for="current-tab" class="sr-only">Select a tab</label> <label for="current-tab" class="sr-only">Select a tab</label>
<select id="current-tab" name="current-tab" <select id="current-tab" name="current-tab"
class="block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"> class="block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm">
<option {{ route('search.city', ['country' => 'de']) ? 'selected' : '' }}>Städte</option> <option {{ route('search.city', ['country' => $country]) ? 'selected' : '' }}>Städte</option>
<option {{ route('search.lecturer', ['country' => 'de']) ? 'selected' : '' }}>Dozenten</option> <option {{ route('search.lecturer', ['country' => $country]) ? 'selected' : '' }}>Dozenten</option>
<option {{ route('search.venue', ['country' => 'de']) ? 'selected' : '' }}>Veranstalungs-Orte <option {{ route('search.venue', ['country' => $country]) ? 'selected' : '' }}>Veranstalungs-Orte
</option> </option>
<option {{ route('search.course', ['country' => 'de']) ? 'selected' : '' }}>Kurse</option> <option {{ route('search.course', ['country' => $country]) ? 'selected' : '' }}>Kurse</option>
</select> </select>
</div> </div>
<!-- Tabs at small breakpoint and up --> <!-- Tabs at small breakpoint and up -->
@@ -21,19 +21,19 @@
$currentTab = 'border-amber-500 text-amber-600'; $currentTab = 'border-amber-500 text-amber-600';
$notCurrentTab = 'border-transparent text-gray-200 hover:text-gray-400 hover:border-gray-300'; $notCurrentTab = 'border-transparent text-gray-200 hover:text-gray-400 hover:border-gray-300';
@endphp @endphp
<a href="{{ route('search.city', ['country' => 'de']) }}" <a href="{{ route('search.city', ['country' => $country]).'#table' }}"
class="{{ request()->routeIs('search.city') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Städte</a> class="{{ request()->routeIs('search.city') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Städte</a>
<a href="{{ route('search.lecturer', ['country' => 'de']) }}" <a href="{{ route('search.lecturer', ['country' => $country]).'#table' }}"
class="{{ request()->routeIs('search.lecturer') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Dozenten</a> class="{{ request()->routeIs('search.lecturer') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Dozenten</a>
<a href="{{ route('search.venue', ['country' => 'de']) }}" <a href="{{ route('search.venue', ['country' => $country]).'#table' }}"
class="{{ request()->routeIs('search.venue') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Veranstaltungs-Orte</a> class="{{ request()->routeIs('search.venue') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Veranstaltungs-Orte</a>
<a href="{{ route('search.course', ['country' => 'de']) }}" <a href="{{ route('search.course', ['country' => $country]).'#table' }}"
class="{{ request()->routeIs('search.course') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Kurse</a> class="{{ request()->routeIs('search.course') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Kurse</a>
<a href="{{ route('search.event', ['country' => 'de']) }}" <a href="{{ route('search.event', ['country' => $country]).'#table' }}"
class="{{ request()->routeIs('search.event') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Termine</a> class="{{ request()->routeIs('search.event') ? $currentTab : $notCurrentTab }} whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Termine</a>
</nav> </nav>

View File

@@ -3,8 +3,8 @@
<livewire:frontend.header :country="$country"/> <livewire:frontend.header :country="$country"/>
{{-- MAIN --}} {{-- MAIN --}}
<section class="w-full mb-12"> <section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-10"> <div class="max-w-screen-2xl mx-auto px-10" id="table">
<livewire:frontend.search-tabs/> <livewire:frontend.search-tabs :country="$country->code"/>
<livewire:tables.venue-table :country="$country->code"/> <livewire:tables.venue-table :country="$country->code"/>
</div> </div>
</section> </section>

View File

@@ -42,13 +42,36 @@ module.exports = {
'300': '#FABE75', '300': '#FABE75',
'400': '#F9A949', '400': '#F9A949',
'500': '#F7931A', '500': '#F7931A',
'600': '#D47807', '600': '#F7931A',
'700': '#9E5906', '700': '#F7931A',
'800': '#673B04',
'900': '#361F02'
},
'yellow': {
'50': '#FEF3E6',
'100': '#FDEAD3',
'200': '#FCD3A1',
'300': '#FABE75',
'400': '#F9A949',
'500': '#F7931A',
'600': '#F7931A',
'700': '#F7931A',
'800': '#673B04', '800': '#673B04',
'900': '#361F02' '900': '#361F02'
}, },
primary: colors.amber, primary: colors.amber,
secondary: colors.slate, secondary: {
'50': '#f7f7f7',
'100': '#e3e3e3',
'200': '#c8c8c8',
'300': '#a4a4a4',
'400': '#818181',
'500': '#666666',
'600': '#515151',
'700': '#434343',
'800': '#383838',
'900': '#151515',
},
positive: colors.emerald, positive: colors.emerald,
negative: colors.red, negative: colors.red,
warning: colors.amber, warning: colors.amber,