🎨 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') }}"> <x-layouts.app title="{{ __('Wahl') }}">
@volt @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"> wire:poll.600000ms="checkElection">
@php @php
@@ -556,7 +556,7 @@ $signEvent = function ($event) {
</div> </div>
<!-- Log events --> <!-- 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"> <div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl mb-8">
<header class="px-5 py-4"> <header class="px-5 py-4">
<h2 class="font-semibold text-gray-800 dark:text-gray-100">Präsidium Log <span <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>
</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"> <div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl mb-8">
<header class="px-5 py-4"> <header class="px-5 py-4">
<h2 class="font-semibold text-gray-800 dark:text-gray-100">Board Log <span <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') }}"> <x-layouts.app title="{{ __('Wahlen') }}">
@volt @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) @foreach($elections as $election)
<div class="w-full sm:w-1/3 p-4"> <div class="w-full sm:w-1/3 p-4">
<div class="shadow-lg rounded-lg overflow-hidden"> <div class="shadow-lg rounded-lg overflow-hidden">

View File

@@ -48,7 +48,7 @@ on([
<x-layouts.app title="{{ __('Mitglieder') }}"> <x-layouts.app title="{{ __('Mitglieder') }}">
@volt @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/> <livewire:einundzwanzig-pleb-table/>
</div> </div>
@endvolt @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'))"> <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 @volt
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full" x-data="nostrDefault(@this)" x-cloak <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 --> <!-- Page content -->
<div class="max-w-5xl mx-auto flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16"> <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 }}"> <x-layouts.app title="{{ $projectProposal->name }}">
@volt @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)"> x-data="nostrDefault(@this)">
<form class="space-y-8 divide-y divide-gray-700 pb-24"> <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"> <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"> <x-layouts.app title="Neuer Vorschlag für eine Unterstützung">
@volt @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)"> x-data="nostrDefault(@this)">
<form class="space-y-8 divide-y divide-gray-700 pb-24"> <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"> <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"> <x-layouts.app title="Projekt Unterstützungen">
@volt @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 <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 --> <!-- Page header -->
<div class="sm:flex sm:justify-between sm:items-center mb-5"> <div class="sm:flex sm:justify-between sm:items-center mb-5">