Files
einundzwanzig-verein/resources/views/pages/association/election/index.blade.php
fsociety 241cc9659f feat: add permission checks for election views
- Add permission checks to the election index and election year views.
- Show election views only to users with a certain association status.
- Update nostrApp.js to entangle the 'isAllowed' state.
2024-09-30 17:09:25 +02:00

66 lines
2.0 KiB
PHP

<?php
use Livewire\Volt\Component;
use function Livewire\Volt\computed;
use function Livewire\Volt\mount;
use function Livewire\Volt\state;
use function Livewire\Volt\with;
use function Livewire\Volt\updated;
use function Laravel\Folio\{middleware};
use function Laravel\Folio\name;
use function Livewire\Volt\{on};
name('association.elections');
state(['isAllowed' => false]);
state(['currentPubkey' => null]);
state(['elections' => []]);
mount(function () {
$this->elections = \App\Models\Election::query()
->get()
->toArray();
});
on([
'nostrLoggedIn' => function ($pubkey) {
$this->currentPubkey = $pubkey;
$this->currentPleb = \App\Models\EinundzwanzigPleb::query()
->where('pubkey', $pubkey)->first();
if($this->currentPleb->association_status->value < 3) {
return redirect()->route('association.profile');
}
$this->isAllowed = true;
},
]);
$saveElection = function ($index) {
$election = $this->elections[$index];
$electionModel = \App\Models\Election::find($election['id']);
$electionModel->candidates = $election['candidates'];
$electionModel->save();
};
?>
<x-layouts.app title="{{ __('Wahlen') }}">
@volt
<div x-cloak class="relative flex h-full" x-show="isAllowed" x-data="{isAllowed: $wire.entangle('isAllowed').live}">
@foreach($elections as $election)
<div class="w-full sm:w-1/3 p-4">
<div class="shadow-lg rounded-lg overflow-hidden">
{{ $election['year'] }}
</div>
<div class="shadow-lg rounded-lg overflow-hidden">
<x-textarea wire:model="elections.{{ $loop->index }}.candidates" rows="25" label="candidates" placeholder="" />
</div>
<div class="py-2">
<x-button label="Speichern" wire:click="saveElection({{ $loop->index }})"/>
</div>
</div>
@endforeach
</div>
@endvolt
</x-layouts.app>