0d8a95473a
Refine mobile layout for project resource pages by making breadcrumbs and status blocks responsive, improving dropdown and checkbox touch behavior, and adding support for custom modal triggers. Add feature tests covering breadcrumb visibility and responsive checkbox layout.
119 lines
8 KiB
PHP
119 lines
8 KiB
PHP
<div>
|
|
<div class="flex flex-col gap-4 p-4 bg-white border dark:bg-base dark:border-coolgray-300 border-neutral-200">
|
|
@if ($isReadOnly)
|
|
<div class="w-full p-2 text-sm rounded bg-warning/10 text-warning">
|
|
@if ($fileStorage->is_directory)
|
|
This directory is mounted as read-only and cannot be modified from the UI.
|
|
@else
|
|
This file is mounted as read-only and cannot be modified from the UI.
|
|
@endif
|
|
</div>
|
|
@endif
|
|
<div class="flex flex-col justify-center text-sm select-text">
|
|
<div class="flex gap-2 md:flex-row flex-col">
|
|
<x-forms.input label="Source Path" :value="$fileStorage->fs_path" readonly />
|
|
<x-forms.input label="Destination Path" :value="$fileStorage->mount_path" readonly />
|
|
</div>
|
|
</div>
|
|
@if ($resource instanceof \App\Models\Application)
|
|
@can('update', $resource)
|
|
<div class="w-full sm:w-96">
|
|
<x-forms.checkbox instantSave canGate="update" :canResource="$resource" label="Add suffix for PR deployments"
|
|
id="isPreviewSuffixEnabled"
|
|
helper="When enabled, a -pr-N suffix is added to this volume's path for preview deployments (e.g. ./scripts becomes ./scripts-pr-1). Disable this for volumes that contain shared config or scripts from your repository."></x-forms.checkbox>
|
|
</div>
|
|
@endcan
|
|
@endif
|
|
<form wire:submit='submit' class="flex flex-col gap-2">
|
|
@if (!$isReadOnly)
|
|
@can('update', $resource)
|
|
<div class="flex gap-2">
|
|
@if ($fileStorage->is_directory)
|
|
<x-modal-confirmation :ignoreWire="false" title="Confirm Directory Conversion to File?"
|
|
buttonTitle="Convert to file" submitAction="convertToFile" :actions="[
|
|
'All files in this directory will be permanently deleted and an empty file will be created in its place.',
|
|
]"
|
|
confirmationText="{{ $fs_path }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Filepath below"
|
|
shortConfirmationLabel="Filepath" :confirmWithPassword="false" step2ButtonText="Convert to file" />
|
|
<x-modal-confirmation :ignoreWire="false" title="Confirm Directory Deletion?" buttonTitle="Delete"
|
|
isErrorButton submitAction="delete" :checkboxes="$directoryDeletionCheckboxes" :actions="[
|
|
'The selected directory and all its contents will be permanently deleted from the container.',
|
|
]"
|
|
confirmationText="{{ $fs_path }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Filepath below"
|
|
shortConfirmationLabel="Filepath" />
|
|
@else
|
|
@if (!$fileStorage->is_binary)
|
|
<x-modal-confirmation :ignoreWire="false" title="Confirm File Conversion to Directory?"
|
|
buttonTitle="Convert to directory" submitAction="convertToDirectory" :actions="[
|
|
'The selected file will be permanently deleted and an empty directory will be created in its place.',
|
|
]"
|
|
confirmationText="{{ $fs_path }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Filepath below"
|
|
shortConfirmationLabel="Filepath" :confirmWithPassword="false"
|
|
step2ButtonText="Convert to directory" />
|
|
@endif
|
|
<x-forms.button type="button" wire:click="loadStorageOnServer">Load from
|
|
server</x-forms.button>
|
|
<x-modal-confirmation :ignoreWire="false" title="Confirm File Deletion?" buttonTitle="Delete"
|
|
isErrorButton submitAction="delete" :checkboxes="$fileDeletionCheckboxes" :actions="['The selected file will be permanently deleted from the container.']"
|
|
confirmationText="{{ $fs_path }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Filepath below"
|
|
shortConfirmationLabel="Filepath" />
|
|
@endif
|
|
</div>
|
|
@endcan
|
|
@if (!$fileStorage->is_directory)
|
|
@can('update', $resource)
|
|
@if (data_get($resource, 'settings.is_preserve_repository_enabled'))
|
|
<div class="w-full sm:w-96">
|
|
<x-forms.checkbox instantSave label="Is this based on the Git repository?"
|
|
id="isBasedOnGit"></x-forms.checkbox>
|
|
</div>
|
|
@endif
|
|
<x-forms.textarea
|
|
label="{{ $fileStorage->is_based_on_git ? 'Content (refreshed after a successful deployment)' : 'Content' }}"
|
|
helper="The content shown may be outdated. Click 'Load from server' to fetch the latest version."
|
|
rows="20" id="content"
|
|
readonly="{{ $fileStorage->is_based_on_git || $fileStorage->is_binary }}"></x-forms.textarea>
|
|
@if (!$fileStorage->is_based_on_git && !$fileStorage->is_binary)
|
|
<x-forms.button class="w-full" type="submit">Save</x-forms.button>
|
|
@endif
|
|
@else
|
|
@if (data_get($resource, 'settings.is_preserve_repository_enabled'))
|
|
<div class="w-full sm:w-96">
|
|
<x-forms.checkbox disabled label="Is this based on the Git repository?"
|
|
id="isBasedOnGit"></x-forms.checkbox>
|
|
</div>
|
|
@endif
|
|
<x-forms.textarea
|
|
label="{{ $fileStorage->is_based_on_git ? 'Content (refreshed after a successful deployment)' : 'Content' }}"
|
|
helper="The content shown may be outdated. Click 'Load from server' to fetch the latest version."
|
|
rows="20" id="content" disabled></x-forms.textarea>
|
|
@endcan
|
|
@endif
|
|
@else
|
|
{{-- Read-only view --}}
|
|
@if (!$fileStorage->is_directory)
|
|
@can('view', $resource)
|
|
<div class="flex gap-2">
|
|
<x-forms.button type="button" wire:click="loadStorageOnServer">Load from
|
|
server</x-forms.button>
|
|
</div>
|
|
@endcan
|
|
@if (data_get($resource, 'settings.is_preserve_repository_enabled'))
|
|
<div class="w-full sm:w-96">
|
|
<x-forms.checkbox disabled label="Is this based on the Git repository?"
|
|
id="isBasedOnGit"></x-forms.checkbox>
|
|
</div>
|
|
@endif
|
|
<x-forms.textarea
|
|
label="{{ $fileStorage->is_based_on_git ? 'Content (refreshed after a successful deployment)' : 'Content' }}"
|
|
helper="The content shown may be outdated. Click 'Load from server' to fetch the latest version."
|
|
rows="20" id="content" disabled></x-forms.textarea>
|
|
@endif
|
|
@endif
|
|
</form>
|
|
</div>
|
|
</div>
|