einundzwanzig/einundzwanzig-portal
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git synced 2025-12-11 06:46:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

NeedMeetupMiddleware added

Browse Source
This commit is contained in:
Benjamin Takats
2023-01-17 18:59:10 +01:00
parent 3a32d1ebe5
commit 8e0d23a296
26 changed files with 524 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
resources/views/livewire/profile/meetups.blade.php Normal file
View File

@@ -0,0 +1,109 @@
<div class="flex flex-col">
<section class="">
<div class="px-10 pt-6 mx-auto max-w-7xl">
<div class="w-full mx-auto text-left md:text-center">
<h1 class="mb-6 text-5xl font-extrabold leading-none max-w-5xl mx-auto tracking-normal text-gray-900 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight">
<span
class="w-full text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-amber-500 to-amber-500 lg:inline">{{ __('Meetup') }}</span>
<br class="lg:block hidden"> {{ __('choice') }}
</h1>
<p class="px-0 mb-6 text-lg text-gray-200 md:text-xl lg:px-24">
{{ __('Select one or more meetup groups so that you can get access to these groups in the backend.') }}
</p>
</div>
</div>
</section>
<section x-data="{ open: @entangle('hasMeetups') }"
x-show="open"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 scale-90"
x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-90"
>
<div class="px-10 pt-6 mx-auto max-w-7xl">
<div class="w-full mx-auto text-left md:text-center">
<p class="px-0 mb-6 text-lg text-gray-200 md:text-xl lg:px-24">
<x-button href="/" primary lg>
{{ __('Thanks, continue here') }}
</x-button>
</p>
</div>
</div>
</section>
<div class="grid grid-cols-2">
<div class="">
<div class="px-10 pt-6 mx-auto max-w-7xl">
<div class="bg-21gray p-6 rounded">
<div>
<x-input wire:model="search" placeholder="{{ __('Search') }}"
hint="{{ __('please limit your search here') }}"/>
</div>
<div class="mt-6 flow-root">
<ul role="list" class="-my-5 divide-y divide-gray-200">
@foreach($meetups as $meetup)
@php
$activeClass = in_array($meetup->id, $myMeetups, true) ? 'font-bold text-amber-500' : 'text-gray-200';
@endphp
<li class="py-4" wire:key="meetup_id_{{ $meetup->id }}">
<div class="flex items-center space-x-4">
<div class="flex-shrink-0">
<img class="h-12 w-12 rounded object-cover"
src="{{ $meetup->getFirstMediaUrl('logo') }}"
alt="{{ $meetup->name }}">
</div>
<div class="min-w-0 flex-1">
<p class="truncate text-sm font-medium {{ $activeClass }}">{{ $meetup->name }}</p>
<p class="truncate text-sm {{ $activeClass }}">{{ $meetup->city->name }}</p>
</div>
<div>
@if(in_array($meetup->id, $myMeetups, true))
<x-button
primary
wire:click="signUpForMeetup({{ $meetup->id }})"
>
<i class="fa-thin fa-xmark"></i>
{{ __('Deselect') }}
</x-button>
@else
<x-button
black
wire:click="signUpForMeetup({{ $meetup->id }})"
>
<i class="fa-thin fa-check"></i>
{{ __('Select') }}
</x-button>
@endif
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
<div class="p-4">
<p class="px-0 mb-6 text-lg text-gray-200 md:text-xl">
{{ __('Your current Meetup groups') }}
</p>
<div class="grid grid-cols-4 gap-2">
@foreach($myMeetupNames as $id => $myMeetupName)
<x-badge class="cursor-pointer" wire:click="signUpForMeetup({{ $id }})" lg outline white
label="{{ $myMeetupName }}"/>
@endforeach
</div>
</div>
</div>
</div>