🎨 refactor: update x-show to x-if for conditionally rendering elements in Blade templates.

This commit is contained in:
fsociety
2024-10-25 11:34:25 +02:00
parent e7fbcb8c11
commit 77c4f0158e
7 changed files with 9 additions and 9 deletions

View File

@@ -160,7 +160,7 @@ $signEvent = function ($event) {
<x-layouts.app title="{{ __('Wahl') }}">
@volt
<div x-cloak x-show="isAllowed" class="relative flex h-full" x-data="nostrApp(@this)"
<div x-cloak x-if="isAllowed" class="relative flex h-full" x-data="nostrApp(@this)"
wire:poll.600000ms="checkElection">
@php
@@ -556,7 +556,7 @@ $signEvent = function ($event) {
</div>
<!-- Log events -->
<div x-cloak x-show="showLog" class="mt-6 hidden sm:block">
<div x-cloak x-if="showLog" class="mt-6 hidden sm:block">
<div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl mb-8">
<header class="px-5 py-4">
<h2 class="font-semibold text-gray-800 dark:text-gray-100">Präsidium Log <span
@@ -623,7 +623,7 @@ $signEvent = function ($event) {
</div>
</div>
</div>
<div x-cloak x-show="showLog" class="mt-6 hidden sm:block">
<div x-cloak x-if="showLog" class="mt-6 hidden sm:block">
<div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl mb-8">
<header class="px-5 py-4">
<h2 class="font-semibold text-gray-800 dark:text-gray-100">Board Log <span

View File

@@ -54,7 +54,7 @@ $saveElection = function ($index) {
<x-layouts.app title="{{ __('Wahlen') }}">
@volt
<div x-cloak class="relative flex h-full" x-show="isAllowed" x-data="{isAllowed: $wire.entangle('isAllowed').live}">
<div x-cloak class="relative flex h-full" x-if="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">

View File

@@ -48,7 +48,7 @@ on([
<x-layouts.app title="{{ __('Mitglieder') }}">
@volt
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto" x-show="isAllowed" x-data="{isAllowed: $wire.entangle('isAllowed').live}" x-cloak>
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto" x-if="isAllowed" x-data="{isAllowed: $wire.entangle('isAllowed').live}" x-cloak>
<livewire:einundzwanzig-pleb-table/>
</div>
@endvolt

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-show="isAllowed">
x-if="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

@@ -70,7 +70,7 @@ $save = function () {
<x-layouts.app title="{{ $projectProposal->name }}">
@volt
<div x-cloak x-show="isAllowed" class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto"
<div x-cloak x-if="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-show="isAllowed" class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto"
<div x-cloak x-if="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

@@ -72,7 +72,7 @@ $delete = function ($id) {
<x-layouts.app title="Projekt Unterstützungen">
@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-show="isAllowed">
x-if="isAllowed">
<!-- Page header -->
<div class="sm:flex sm:justify-between sm:items-center mb-5">