rosslh
0c9c3f611a
All checks were successful
Build MapleDeploy Coolify Image / build (push) Successful in 55s
- Change scrollbar thumb from Coolify red to MapleDeploy yellow - Hide FQDN field from settings UI (managed during provisioning)
106 lines
No EOL
7.3 KiB
PHP
106 lines
No EOL
7.3 KiB
PHP
<div>
|
|
<x-slot:title>
|
|
Settings | MapleDeploy
|
|
</x-slot>
|
|
<x-settings.navbar />
|
|
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }"
|
|
class="flex flex-col h-full gap-8 sm:flex-row">
|
|
<x-settings.sidebar activeMenu="general" />
|
|
<form wire:submit='submit' class="flex flex-col">
|
|
<div class="flex items-center gap-2">
|
|
<h2>General</h2>
|
|
<x-forms.button canGate="update" :canResource="$settings" type="submit">
|
|
Save
|
|
</x-forms.button>
|
|
</div>
|
|
<div class="pb-4">General configuration for your MapleDeploy instance.</div>
|
|
|
|
<div class="flex flex-col gap-2">
|
|
<div class="flex flex-wrap items-end gap-2">
|
|
<div class="flex gap-2 md:flex-row flex-col w-full">
|
|
{{-- MapleDeploy branding: FQDN is managed during provisioning, hide from customers --}}
|
|
<x-forms.input canGate="update" :canResource="$settings" id="instance_name" label="Name" placeholder="MapleDeploy"
|
|
helper="Custom name for your MapleDeploy instance, shown in the URL." />
|
|
<div class="w-full" x-data="{
|
|
open: false,
|
|
search: '{{ $settings->instance_timezone ?: '' }}',
|
|
timezones: @js($this->timezones),
|
|
placeholder: '{{ $settings->instance_timezone ? 'Search timezone...' : 'Select Server Timezone' }}',
|
|
init() {
|
|
this.$watch('search', value => {
|
|
if (value === '') {
|
|
this.open = true;
|
|
}
|
|
})
|
|
}
|
|
}">
|
|
<div class="flex items-center mb-1">
|
|
<label for="instance_timezone">Instance
|
|
Timezone</label>
|
|
<x-helper class="ml-2"
|
|
helper="Timezone for the MapleDeploy instance. This is used for the update check and automatic update frequency." />
|
|
</div>
|
|
<div class="relative">
|
|
<div class="inline-flex relative items-center w-full">
|
|
<input autocomplete="off"
|
|
wire:dirty.class.remove='dark:focus:ring-coolgray-300 dark:ring-coolgray-300'
|
|
wire:dirty.class="dark:focus:ring-warning dark:ring-warning"
|
|
x-model="search" @focus="open = true" @click.away="open = false"
|
|
@input="open = true" class="w-full input" :placeholder="placeholder"
|
|
wire:model="instance_timezone">
|
|
<svg class="absolute right-0 mr-2 w-4 h-4" xmlns="http://www.w3.org/2000/svg"
|
|
fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
|
@click="open = true">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" />
|
|
</svg>
|
|
</div>
|
|
<div x-show="open"
|
|
class="overflow-auto overflow-x-hidden absolute z-50 mt-1 w-full max-h-60 bg-white rounded-md border shadow-lg dark:bg-coolgray-100 dark:border-coolgray-200 scrollbar">
|
|
<template
|
|
x-for="timezone in timezones.filter(tz => tz.toLowerCase().includes(search.toLowerCase()))"
|
|
:key="timezone">
|
|
<div @click="search = timezone; open = false; $wire.set('instance_timezone', timezone); $wire.submit()"
|
|
class="px-4 py-2 text-gray-800 cursor-pointer hover:bg-gray-100 dark:hover:bg-coolgray-300 dark:text-gray-200"
|
|
x-text="timezone"></div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex gap-2 md:flex-row flex-col w-full">
|
|
<x-forms.input canGate="update" :canResource="$settings" id="public_ipv4" type="password" label="Instance's Public IPv4"
|
|
helper="Enter the IPv4 address of the instance.<br><br>It is useful if you have several IPv4 addresses and MapleDeploy could not detect the correct one."
|
|
placeholder="1.2.3.4" autocomplete="new-password" />
|
|
<x-forms.input canGate="update" :canResource="$settings" id="public_ipv6" type="password" label="Instance's Public IPv6"
|
|
helper="Enter the IPv6 address of the instance.<br><br>It is useful if you have several IPv6 addresses and MapleDeploy could not detect the correct one."
|
|
placeholder="2001:db8::1" autocomplete="new-password" />
|
|
</div>
|
|
|
|
@if($buildActivityId)
|
|
<div class="w-full mt-4">
|
|
<livewire:activity-monitor header="Building Helper Image" :activityId="$buildActivityId"
|
|
:fullHeight="false" />
|
|
</div>
|
|
@endif
|
|
@if(isDev())
|
|
<x-forms.input canGate="update" :canResource="$settings" id="dev_helper_version" label="Dev Helper Version (Development Only)"
|
|
helper="Override the default coolify-helper image version. Leave empty to use the default version from config ({{ config('constants.coolify.helper_version') }}). Examples: 1.0.11, latest, dev"
|
|
placeholder="{{ config('constants.coolify.helper_version') }}" />
|
|
@endif
|
|
</div>
|
|
</form>
|
|
|
|
<x-domain-conflict-modal :conflicts="$domainConflicts" :showModal="$showDomainConflictModal"
|
|
confirmAction="confirmDomainUsage">
|
|
<x-slot:consequences>
|
|
<ul class="mt-2 ml-4 list-disc">
|
|
<li>The MapleDeploy instance domain will conflict with existing resources</li>
|
|
<li>SSL certificates might not work correctly</li>
|
|
<li>Routing behavior will be unpredictable</li>
|
|
<li>You may not be able to access the MapleDeploy dashboard properly</li>
|
|
</ul>
|
|
</x-slot:consequences>
|
|
</x-domain-conflict-modal>
|
|
</div>
|
|
</div> |