Conditional Form Input and Table Column

I want to create two types of data: 'image' or 'text.' That's why I've structured my code this way. Is there a more optimal approach? Additionally, I'd prefer to hide the 'Status' field on the Create form and reveal it in the Edit form. Please provide me with ideas on how to display input values in a table, where the value type can be either text or an image.

Section::make()->schema([
    TextInput::make('name'),
    Select::make('value_type')
        ->editOptionAction(null)
        ->options([
            'text' => 'Text',
            'image' => 'Image'
        ])->live(),

    TextInput::make('value')
        ->visible(fn (Get $get): string => $get('value_type') === 'text'),
    FileUpload::make('value')
        ->visible(fn (Get $get): string => $get('value_type') == 'image'),
    Select::make('Status')
])

Section::make()->schema([
    TextInput::make('name'),
    Select::make('value_type')
        ->editOptionAction(null)
        ->options([
            'text' => 'Text',
            'image' => 'Image'
        ])->live(),

    TextInput::make('value')
        ->visible(fn (Get $get): string => $get('value_type') === 'text'),
    FileUpload::make('value')
        ->visible(fn (Get $get): string => $get('value_type') == 'image'),
    Select::make('Status')
])

Solution

This code solved my problem.

<div>
    @if ($getRecord()->value_type === 'text')
        {{ $getState() }}
    @else
        <img class='h-6' src='{{ Storage::url($getState()) }}' />
    @endif
</div>

<div>
    @if ($getRecord()->value_type === 'text')
        {{ $getState() }}
    @else
        <img class='h-6' src='{{ Storage::url($getState()) }}' />
    @endif
</div>

Jump to solution

Conditional Form Input and Table Column

Section::make()->schema([
    TextInput::make('name'),
    Select::make('value_type')
        ->editOptionAction(null)
        ->options([
            'text' => 'Text',
            'image' => 'Image'
        ])->live(),

    TextInput::make('value')
        ->visible(fn (Get $get): string => $get('value_type') === 'text'),
    FileUpload::make('value')
        ->visible(fn (Get $get): string => $get('value_type') == 'image'),
    Select::make('Status')
])

Section::make()->schema([
    TextInput::make('name'),
    Select::make('value_type')
        ->editOptionAction(null)
        ->options([
            'text' => 'Text',
            'image' => 'Image'
        ])->live(),

    TextInput::make('value')
        ->visible(fn (Get $get): string => $get('value_type') === 'text'),
    FileUpload::make('value')
        ->visible(fn (Get $get): string => $get('value_type') == 'image'),
    Select::make('Status')
])

Solution

This code solved my problem.

<div>
    @if ($getRecord()->value_type === 'text')
        {{ $getState() }}
    @else
        <img class='h-6' src='{{ Storage::url($getState()) }}' />
    @endif
</div>

<div>
    @if ($getRecord()->value_type === 'text')
        {{ $getState() }}
    @else
        <img class='h-6' src='{{ Storage::url($getState()) }}' />
    @endif
</div>

Jump to solution

Conditional Form Input and Table Column

Conditional Form Input and Table Column

Similar Threads

Similar Threads

Similar Threads