feat: custom previewseparator

apps/ui/src/routes/settings/coolify.svelte

@@ -37,6 +37,7 @@
 	let proxyDefaultRedirect = settings.proxyDefaultRedirect;
 	let doNotTrack = settings.doNotTrack;
 	let numberOfDockerImagesKeptLocally = settings.numberOfDockerImagesKeptLocally;
+	let previewSeparator = settings.previewSeparator;
 
 	let forceSave = false;
 	let fqdn = settings.fqdn;
@@ -169,6 +170,9 @@
 			if (numberOfDockerImagesKeptLocally !== settings.numberOfDockerImagesKeptLocally) {
 				await post(`/settings`, { numberOfDockerImagesKeptLocally });
 			}
+			if (previewSeparator !== settings.previewSeparator) {
+				await post(`/settings`, { previewSeparator });
+			}
 			if (minPort !== settings.minPort || maxPort !== settings.maxPort) {
 				await post(`/settings`, { minPort, maxPort });
 				settings.minPort = minPort;
@@ -376,7 +380,7 @@
 
 				<div class="grid grid-cols-4 items-center">
 					<div class="col-span-2">
-						Rollback to a specific version
+						Rollback Coolify to a specific version
 						<Explainer
 							position="dropdown-bottom"
 							explanation="You can rollback to a specific version of Coolify. This will not affect your current running resources.<br><br><a href='https://github.com/coollabsio/coolify/releases' target='_blank'>See available versions</a>"
@@ -416,6 +420,24 @@
 						placeholder="default: 3"
 					/>
 				</div>
+				<div class="grid grid-cols-2 items-center">
+					<div>
+						Preview Domain Seprator
+						<Explainer
+							position="dropdown-bottom"
+							explanation="The separator used in the PR/MR previews.<br><br>For example if you set it to: <span class='text-yellow-400 font-bold'>-</span><br> the preview domain will be like this: <br><br><span class='text-yellow-400 font-bold'>PRMRNumber-yourdomain.com</span><br><br>The default is: <span class='text-yellow-400 font-bold'>.</span><br>so the preview domain will be like this: <br><br><span class='text-yellow-400 font-bold'>PRMRNumber.yourdomain.com</span>"
+						/>
+					</div>
+					<input
+						class="w-full"
+						bind:value={previewSeparator}
+						readonly={!$appSession.isAdmin}
+						disabled={!$appSession.isAdmin}
+						name="previewSeparator"
+						id="previewSeparator"
+						placeholder="default: ."
+					/>
+				</div>
 				<div class="grid grid-cols-2 items-center">
 					<div>
 						{$t('forms.public_port_range')}