dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(ui): change order and fix ui on small screens

Browse Source
This commit is contained in:
peaklabs-dev
2025-09-18 19:14:34 +02:00
parent 429c43f9e5
commit c0ddf73b75
1 changed files with 84 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

171
resources/views/livewire/project/shared/environment-variable/show.blade.php
View File

@@ -55,117 +55,114 @@
</div> </div>
@endcan @endcan
@can('update', $this->env) @can('update', $this->env)
<div class="flex flex-col w-full gap-2 lg:flex-row"> <div class="flex flex-col w-full gap-3">
@if (!$is_redis_credential) <div class="flex w-full items-center gap-4 overflow-x-auto whitespace-nowrap">
@if ($type === 'service') @if (!$is_redis_credential)
<x-forms.checkbox instantSave id="is_runtime" @if ($type === 'service')
helper="Make this variable available in the running container at runtime." <x-forms.checkbox instantSave id="is_buildtime"
label="Available at Runtime" /> helper="Make this variable available during Docker build process. Useful for build secrets and dependencies."
<x-forms.checkbox instantSave id="is_buildtime" label="Available at Buildtime" />
helper="Make this variable available during Docker build process. Useful for build secrets and dependencies." <x-forms.checkbox instantSave id="is_runtime"
label="Available at Buildtime" /> helper="Make this variable available in the running container at runtime."
<x-forms.checkbox instantSave id="is_multiline" label="Is Multiline?" /> label="Available at Runtime" />
<x-forms.checkbox instantSave id="is_literal" <x-forms.checkbox instantSave id="is_multiline" label="Is Multiline?" />
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true."
label="Is Literal?" />
@else
@if ($is_shared)
<x-forms.checkbox instantSave id="is_literal" <x-forms.checkbox instantSave id="is_literal"
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true." helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true."
label="Is Literal?" /> label="Is Literal?" />
@else @else
@if ($isSharedVariable) @if ($is_shared)
<x-forms.checkbox instantSave id="is_multiline" label="Is Multiline?" /> <x-forms.checkbox instantSave id="is_literal"
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true."
label="Is Literal?" />
@else @else
@if (!$env->is_coolify) @if ($isSharedVariable)
<x-forms.checkbox instantSave id="is_runtime" <x-forms.checkbox instantSave id="is_multiline" label="Is Multiline?" />
helper="Make this variable available in the running container at runtime." @else
label="Available at Runtime" /> @if (!$env->is_coolify)
@if (!$env->is_nixpacks) @if (!$env->is_nixpacks)
<x-forms.checkbox instantSave id="is_buildtime" <x-forms.checkbox instantSave id="is_buildtime"
helper="Make this variable available during Docker build process. Useful for build secrets and dependencies." helper="Make this variable available during Docker build process. Useful for build secrets and dependencies."
label="Available at Buildtime" /> label="Available at Buildtime" />
<x-forms.checkbox instantSave id="is_multiline" label="Is Multiline?" /> <x-forms.checkbox instantSave id="is_multiline" label="Is Multiline?" />
@if ($is_multiline === false) @if ($is_multiline === false)
<x-forms.checkbox instantSave id="is_literal" <x-forms.checkbox instantSave id="is_literal"
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true." helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true."
label="Is Literal?" /> label="Is Literal?" />
@endif
@endif @endif
<x-forms.checkbox instantSave id="is_runtime"
helper="Make this variable available in the running container at runtime."
label="Available at Runtime" />
@endif @endif
@endif @endif
@endif @endif
@endif @endif
@endif @endif
@endif </div>
<div class="flex-1"></div> <div class="flex w-full justify-end gap-2">
@if ($isDisabled) @if ($isDisabled)
<x-forms.button disabled type="submit"> <x-forms.button disabled type="submit">Update</x-forms.button>
Update <x-forms.button wire:click='lock'>Lock</x-forms.button>
</x-forms.button> <x-modal-confirmation title="Confirm Environment Variable Deletion?" isErrorButton
<x-forms.button wire:click='lock'> buttonTitle="Delete" submitAction="delete" :actions="['The selected environment variable will be permanently deleted.']"
Lock confirmationText="{{ $key }}" buttonFullWidth="true"
</x-forms.button> confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
<x-modal-confirmation title="Confirm Environment Variable Deletion?" isErrorButton shortConfirmationLabel="Environment Variable Name" :confirmWithPassword="false"
buttonTitle="Delete" submitAction="delete" :actions="['The selected environment variable will be permanently deleted.']" step2ButtonText="Permanently Delete" />
confirmationText="{{ $key }}" buttonFullWidth="true" @else
confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below" <x-forms.button type="submit">Update</x-forms.button>
shortConfirmationLabel="Environment Variable Name" :confirmWithPassword="false" <x-forms.button wire:click='lock'>Lock</x-forms.button>
step2ButtonText="Permanently Delete" /> <x-modal-confirmation title="Confirm Environment Variable Deletion?" isErrorButton
@else buttonTitle="Delete" submitAction="delete" :actions="['The selected environment variable will be permanently deleted.']"
<x-forms.button type="submit"> confirmationText="{{ $key }}" buttonFullWidth="true"
Update confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
</x-forms.button> shortConfirmationLabel="Environment Variable Name" :confirmWithPassword="false"
<x-forms.button wire:click='lock'> step2ButtonText="Permanently Delete" />
Lock @endif
</x-forms.button> </div>
<x-modal-confirmation title="Confirm Environment Variable Deletion?" isErrorButton
buttonTitle="Delete" submitAction="delete" :actions="['The selected environment variable will be permanently deleted.']"
confirmationText="{{ $key }}" buttonFullWidth="true"
confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
shortConfirmationLabel="Environment Variable Name" :confirmWithPassword="false"
step2ButtonText="Permanently Delete" />
@endif
</div> </div>
@else @else
<div class="flex flex-col w-full gap-2 flex-wrap lg:flex-row"> <div class="flex flex-col w-full gap-3">
@if (!$is_redis_credential) <div class="flex w-full items-center gap-4 overflow-x-auto whitespace-nowrap">
@if ($type === 'service') @if (!$is_redis_credential)
<x-forms.checkbox disabled id="is_runtime" @if ($type === 'service')
helper="Make this variable available in the running container at runtime." <x-forms.checkbox disabled id="is_buildtime"
label="Available at Runtime" />
<x-forms.checkbox disabled id="is_buildtime"
helper="Make this variable available during Docker build process. Useful for build secrets and dependencies." helper="Make this variable available during Docker build process. Useful for build secrets and dependencies."
label="Available at Buildtime" /> label="Available at Buildtime" />
<x-forms.checkbox disabled id="is_multiline" label="Is Multiline?" /> <x-forms.checkbox disabled id="is_runtime"
<x-forms.checkbox disabled id="is_literal" helper="Make this variable available in the running container at runtime."
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true." label="Available at Runtime" />
label="Is Literal?" />
@else <x-forms.checkbox disabled id="is_multiline" label="Is Multiline?" />
@if ($is_shared)
<x-forms.checkbox disabled id="is_literal" <x-forms.checkbox disabled id="is_literal"
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true." helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true."
label="Is Literal?" /> label="Is Literal?" />
@else @else
@if ($isSharedVariable) @if ($is_shared)
<x-forms.checkbox disabled id="is_multiline" label="Is Multiline?" /> <x-forms.checkbox disabled id="is_literal"
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true."
label="Is Literal?" />
@else @else
<x-forms.checkbox disabled id="is_runtime" @if ($isSharedVariable)
helper="Make this variable available in the running container at runtime." <x-forms.checkbox disabled id="is_multiline" label="Is Multiline?" />
label="Available at Runtime" /> @else
<x-forms.checkbox disabled id="is_buildtime" <x-forms.checkbox disabled id="is_buildtime"
helper="Make this variable available during Docker build process. Useful for build secrets and dependencies." helper="Make this variable available during Docker build process. Useful for build secrets and dependencies."
label="Available at Buildtime" /> label="Available at Buildtime" />
<x-forms.checkbox disabled id="is_multiline" label="Is Multiline?" /> <x-forms.checkbox disabled id="is_runtime"
@if ($is_multiline === false) helper="Make this variable available in the running container at runtime."
<x-forms.checkbox disabled id="is_literal" label="Available at Runtime" />
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true." <x-forms.checkbox disabled id="is_multiline" label="Is Multiline?" />
label="Is Literal?" /> @if ($is_multiline === false)
<x-forms.checkbox disabled id="is_literal"
helper="This means that when you use $VARIABLES in a value, it should be interpreted as the actual characters '$VARIABLES' and not as the value of a variable named VARIABLE.<br><br>Useful if you have $ sign in your value and there are some characters after it, but you would not like to interpolate it from another value. In this case, you should set this to true."
label="Is Literal?" />
@endif
@endif @endif
@endif @endif
@endif @endif
@endif @endif
@endif </div>
<div class="flex-1"></div>
</div> </div>
@endcan @endcan
@endif @endif