feat: Database and services logs

src/routes/applications/[id]/__layout.svelte

@@ -394,7 +394,7 @@
 		>
 		<div class="border border-coolgray-500 h-8" />
 		<a
-			href={!$disabledButton ? `/applications/${id}/logs` : null}
+			href={!$disabledButton && isRunning ? `/applications/${id}/logs` : null}
 			sveltekit:prefetch
 			class="hover:text-sky-500 rounded"
 			class:text-sky-500={$page.url.pathname === `/applications/${id}/logs`}
@@ -402,7 +402,7 @@
 		>
 			<button
 				title={$t('application.logs')}
-				disabled={$disabledButton}
+				disabled={$disabledButton || !isRunning}
 				class="icons bg-transparent tooltip-bottom text-sm"
 				data-tooltip={$t('application.logs')}
 			>

src/routes/applications/[id]/configuration/_GithubRepositories.svelte

@@ -185,7 +185,7 @@
 							? $t('application.configuration.loading_repositories')
 							: $t('application.configuration.select_a_repository')}
 						id="repository"
-						showIndicator={true}
+						showIndicator={!loading.repositories}
 						isWaiting={loading.repositories}
 						on:select={loadBranches}
 						items={reposSelectOptions}
@@ -202,7 +202,7 @@
 							? $t('application.configuration.select_a_repository_first')
 							: $t('application.configuration.select_a_branch')}
 						isWaiting={loading.branches}
-						showIndicator={selected.repository}
+						showIndicator={selected.repository && !loading.branches}
 						id="branches"
 						on:select={isBranchAlreadyUsed}
 						items={branchSelectOptions}

src/routes/applications/[id]/index.svelte

@@ -345,6 +345,7 @@
 					<label for="baseBuildImage" class="text-base font-bold text-stone-100"
 						>{$t('application.base_build_image')}</label
 					>
+
 					<div class="custom-select-wrapper">
 						<Select
 							isDisabled={!$session.isAdmin || isRunning}
@@ -357,6 +358,9 @@
 							isClearable={false}
 						/>
 					</div>
+					{#if application.buildPack === 'laravel'}
+						<Explainer text="For building frontend assets with webpack." />
+					{/if}
 				</div>
 			{/if}
 		</div>

src/routes/applications/[id]/logs/index.svelte

@@ -98,12 +98,12 @@
 	}
 </script>
 
-<div class="flex items-center space-x-2 p-5 px-6 font-bold">
+<div class="flex items-center space-x-2 p-6 text-2xl font-bold">
 	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
 			Application Logs
 		</div>
-		<span class="text-xs">{application.name} </span>
+		<span class="text-xs">{application.name}</span>
 	</div>
 
 	{#if application.fqdn}