fix: be able to change database + service versions

src/routes/databases/[id]/_Databases/_Databases.svelte

@@ -152,9 +152,19 @@
 			</div>
 
 			<div class="grid grid-cols-2 items-center">
-				<label for="version" class="text-base font-bold text-stone-100">{$t('forms.version')}</label
+				<label for="version" class="text-base font-bold text-stone-100">Version / Tag</label>
+				<a
+					href={$session.isAdmin && !isRunning
+						? `/databases/${id}/configuration/version?from=/databases/${id}`
+						: ''}
+					class="no-underline"
+				>
+					<input
+						value={database.version}
+						disabled={isRunning}
+						class:cursor-pointer={!isRunning}
+					/></a
 				>
-				<input value={database.version} readonly disabled class="bg-transparent " />
 			</div>
 		</div>
 

src/routes/databases/[id]/configuration/version.svelte

@@ -50,7 +50,14 @@
 <div class="flex space-x-1 p-6 font-bold">
 	<div class="mr-4 text-2xl tracking-tight">{$t('database.select_database_version')}</div>
 </div>
-
+{#if from}
+	<div class="pb-10 text-center">
+		Warning: you are about to change the version of this database.<br />This could cause problem
+		after you restart the database,
+		<span class="font-bold text-pink-600">like losing your data, incompatibility issues, etc</span
+		>.<br />Only do if you know what you are doing!
+	</div>
+{/if}
 <div class="flex flex-wrap justify-center">
 	{#each versions as version}
 		<div class="p-2">

src/routes/services/[id]/_Services/_Services.svelte

@@ -140,7 +140,7 @@
 			<div class="grid grid-cols-2 items-center px-10">
 				<label for="version" class="text-base font-bold text-stone-100">Version / Tag</label>
 				<a
-					href={$session.isAdmin
+					href={$session.isAdmin && !isRunning
 						? `/services/${id}/configuration/version?from=/services/${id}`
 						: ''}
 					class="no-underline"
@@ -148,8 +148,8 @@
 					<input
 						value={service.version}
 						id="service"
-						disabled
-						class="cursor-pointer hover:bg-coolgray-500"
+						disabled={isRunning}
+						class:cursor-pointer={!isRunning}
 					/></a
 				>
 			</div>