tons of updates

apps/ui/src/lib/components/Services/MinIO.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+	import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
+	import { t } from '$lib/translations';
+
+	export let service: any;
+</script>
+
+<div class="flex flex-row border-b border-coolgray-500 my-6 space-x-2">
+	<div class="title font-bold pb-3">MinIO</div>
+</div>
+<div class="space-y-2 px-4">
+	<div class="grid grid-cols-2 items-center">
+		<label for="rootUser">{$t('forms.root_user')}</label>
+		<input
+			class="w-full"
+			name="rootUser"
+			id="rootUser"
+			placeholder={$t('forms.username')}
+			value={service.minio.rootUser}
+			disabled
+			readonly
+		/>
+	</div>
+	<div class="grid grid-cols-2 items-center">
+		<label for="rootUserPassword">{$t('forms.roots_password')}</label>
+		<CopyPasswordField
+			id="rootUserPassword"
+			isPasswordField
+			readonly
+			disabled
+			name="rootUserPassword"
+			value={service.minio.rootUserPassword}
+		/>
+	</div>
+	{#if !service.minio.apiFqdn}
+		<div class="grid grid-cols-2 items-center">
+			<label for="publicPort">{$t('forms.api_port')}</label>
+			<input
+				class="w-full"
+				name="publicPort"
+				id="publicPort"
+				value={service.minio.publicPort}
+				disabled
+				readonly
+				placeholder={$t('forms.generated_automatically_after_start')}
+			/>
+		</div>
+	{/if}
+</div>