mirror of
https://github.com/cupcakearmy/coolify.git
synced 2024-10-22 16:14:22 +02:00
UI for Instance timezone
This commit is contained in:
parent
e3b9884247
commit
1e711de52a
@ -17,6 +17,37 @@
|
|||||||
<h4 class="pt-6">Instance Settings</h4>
|
<h4 class="pt-6">Instance Settings</h4>
|
||||||
<x-forms.input id="settings.fqdn" label="Instance's Domain" placeholder="https://coolify.io" />
|
<x-forms.input id="settings.fqdn" label="Instance's Domain" placeholder="https://coolify.io" />
|
||||||
<x-forms.input id="settings.instance_name" label="Instance's Name" placeholder="Coolify" />
|
<x-forms.input id="settings.instance_name" label="Instance's Name" placeholder="Coolify" />
|
||||||
|
<div class="w-full" x-data="{
|
||||||
|
open: false,
|
||||||
|
search: '{{ $settings->instance_timezone }}',
|
||||||
|
timezones: @js($timezones),
|
||||||
|
placeholder: 'Select Instance Timezone'
|
||||||
|
}">
|
||||||
|
<label for="settings.instance_timezone" class="dark:text-white flex items-center">
|
||||||
|
Instance Timezone
|
||||||
|
<x-helper class="ml-2" helper="Timezone for the Coolify instance. This is used for update check and auto update frequency." />
|
||||||
|
</label>
|
||||||
|
<div class="relative">
|
||||||
|
<input
|
||||||
|
x-model="search"
|
||||||
|
@focus="open = true"
|
||||||
|
@click.away="open = false"
|
||||||
|
@input="open = true"
|
||||||
|
class="w-full input"
|
||||||
|
:placeholder="placeholder"
|
||||||
|
wire:model.debounce.300ms="settings.instance_timezone"
|
||||||
|
>
|
||||||
|
<div x-show="open" class="absolute z-50 w-full mt-1 bg-white dark:bg-coolgray-100 border border-gray-300 dark:border-white rounded-md shadow-lg max-h-60 overflow-auto">
|
||||||
|
<template x-for="timezone in timezones.filter(tz => tz.toLowerCase().includes(search.toLowerCase()))" :key="timezone">
|
||||||
|
<div
|
||||||
|
@click="search = timezone; open = false; $wire.set('settings.instance_timezone', timezone)"
|
||||||
|
class="px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-800 dark:text-gray-200"
|
||||||
|
x-text="timezone"
|
||||||
|
></div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<h4 class="w-full pt-6">DNS Validation</h4>
|
<h4 class="w-full pt-6">DNS Validation</h4>
|
||||||
<div class="md:w-96">
|
<div class="md:w-96">
|
||||||
<x-forms.checkbox instantSave id="is_dns_validation_enabled" label="Enabled" />
|
<x-forms.checkbox instantSave id="is_dns_validation_enabled" label="Enabled" />
|
||||||
@ -71,4 +102,4 @@
|
|||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
Loading…
Reference in New Issue
Block a user