🆕 feat(pages): change x-if to x-show for conditional rendering in admin and project support views

This commit is contained in:
fsociety
2024-10-25 13:06:44 +02:00
parent ceefbe41ba
commit c7c744d626
7 changed files with 20 additions and 16 deletions

View File

@@ -115,7 +115,7 @@ $handleNotApprove = function () {
<x-layouts.app :seo="new SEOData(title: 'Unterstützung für: ' . $projectProposal->name,description: str($projectProposal->description)->limit(100, '...', true), image: $projectProposal->getFirstMediaUrl('main'))">
@volt
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full" x-data="nostrDefault(@this)" x-cloak
x-if="isAllowed">
x-show="isAllowed">
<!-- Page content -->
<div class="max-w-5xl mx-auto flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">

View File

@@ -72,7 +72,7 @@ $save = function () {
<x-layouts.app title="{{ $projectProposal->name }}">
@volt
<div x-cloak x-if="isAllowed" class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto"
<div x-cloak x-show="isAllowed" class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto"
x-data="nostrDefault(@this)">
<form class="space-y-8 divide-y divide-gray-700 pb-24">
<div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">

View File

@@ -64,7 +64,7 @@ $save = function () {
<x-layouts.app title="Neuer Vorschlag für eine Unterstützung">
@volt
<div x-cloak x-if="isAllowed" class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto"
<div x-cloak x-show="isAllowed" class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto"
x-data="nostrDefault(@this)">
<form class="space-y-8 divide-y divide-gray-700 pb-24">
<div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">

View File

@@ -74,7 +74,7 @@ $delete = function ($id) {
>
@volt
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto" x-data="nostrDefault(@this)" x-cloak
x-if="isAllowed">
x-show="show">
<!-- Page header -->
<div class="sm:flex sm:justify-between sm:items-center mb-5">
@@ -96,8 +96,10 @@ $delete = function ($id) {
</form>
<!-- Add meetup button -->
<x-button :href="route('association.projectSupport.create')" icon="plus"
label="Projekt einreichen"/>
@if($currentPleb && $currentPleb->status > 2)
<x-button :href="route('association.projectSupport.create')" icon="plus"
label="Projekt einreichen"/>
@endif
</div>
</div>
@@ -197,11 +199,13 @@ $delete = function ($id) {
:href="route('association.projectSupport.edit', ['projectProposal' => $project])"
label="Editieren"/>
@endif
<x-button
icon="folder-open"
xs
:href="route('association.projectSupport.item', ['projectProposal' => $project])"
label="Öffnen"/>
@if($currentPleb && $currentPleb->status > 2)
<x-button
icon="folder-open"
xs
:href="route('association.projectSupport.item', ['projectProposal' => $project])"
label="Öffnen"/>
@endif
</div>
</div>
</article>