Add Locale URL

src/routes/applications/[id]/secrets/_Secret.svelte

@@ -1,150 +0,0 @@
-<script>
-	export let name = '';
-	export let value = '';
-	export let isBuildSecret = false;
-	export let isNewSecret = false;
-	export let isPRMRSecret = false;
-	export let PRMRSecret = {};
-
-	if (isPRMRSecret) value = PRMRSecret.value;
-
-	import { page } from '$app/stores';
-	import { del, post } from '$lib/api';
-	import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
-	import { errorNotification } from '$lib/form';
-	import { toast } from '@zerodevx/svelte-toast';
-	import { createEventDispatcher } from 'svelte';
-
-	const dispatch = createEventDispatcher();
-	const { id } = $page.params;
-	async function removeSecret() {
-		try {
-			await del(`/applications/${id}/secrets.json`, { name });
-			dispatch('refresh');
-			if (isNewSecret) {
-				name = '';
-				value = '';
-				isBuildSecret = false;
-			}
-		} catch ({ error }) {
-			return errorNotification(error);
-		}
-	}
-	async function saveSecret(isNew = false) {
-		if (!name) return errorNotification('Name is required.');
-		if (!value) return errorNotification('Value is required.');
-		try {
-			await post(`/applications/${id}/secrets.json`, {
-				name,
-				value,
-				isBuildSecret,
-				isPRMRSecret,
-				isNew
-			});
-			dispatch('refresh');
-			if (isNewSecret) {
-				name = '';
-				value = '';
-				isBuildSecret = false;
-			}
-			toast.push('Secret saved.');
-		} catch ({ error }) {
-			return errorNotification(error);
-		}
-	}
-	function setSecretValue() {
-		if (isNewSecret) {
-			isBuildSecret = !isBuildSecret;
-		}
-	}
-</script>
-
-<td>
-	<input
-		id={isNewSecret ? 'secretName' : 'secretNameNew'}
-		bind:value={name}
-		required
-		placeholder="EXAMPLE_VARIABLE"
-		class=" border border-dashed border-coolgray-300"
-		readonly={!isNewSecret}
-		class:bg-transparent={!isNewSecret}
-		class:cursor-not-allowed={!isNewSecret}
-	/>
-</td>
-<td>
-	<CopyPasswordField
-		id={isNewSecret ? 'secretValue' : 'secretValueNew'}
-		name={isNewSecret ? 'secretValue' : 'secretValueNew'}
-		isPasswordField={true}
-		bind:value
-		required
-		placeholder="J$#@UIO%HO#$U%H"
-	/>
-</td>
-<td class="text-center">
-	<div
-		type="button"
-		on:click={setSecretValue}
-		aria-pressed="false"
-		class="relative inline-flex h-6 w-11 flex-shrink-0 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out"
-		class:bg-green-600={isBuildSecret}
-		class:bg-stone-700={!isBuildSecret}
-		class:opacity-50={!isNewSecret}
-		class:cursor-not-allowed={!isNewSecret}
-		class:cursor-pointer={isNewSecret}
-	>
-		<span class="sr-only">Use isBuildSecret</span>
-		<span
-			class="pointer-events-none relative inline-block h-5 w-5 transform rounded-full bg-white shadow transition duration-200 ease-in-out"
-			class:translate-x-5={isBuildSecret}
-			class:translate-x-0={!isBuildSecret}
-		>
-			<span
-				class=" absolute inset-0 flex h-full w-full items-center justify-center transition-opacity duration-200 ease-in"
-				class:opacity-0={isBuildSecret}
-				class:opacity-100={!isBuildSecret}
-				aria-hidden="true"
-			>
-				<svg class="h-3 w-3 bg-white text-red-600" fill="none" viewBox="0 0 12 12">
-					<path
-						d="M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-					/>
-				</svg>
-			</span>
-			<span
-				class="absolute inset-0 flex h-full w-full items-center justify-center transition-opacity duration-100 ease-out"
-				aria-hidden="true"
-				class:opacity-100={isBuildSecret}
-				class:opacity-0={!isBuildSecret}
-			>
-				<svg class="h-3 w-3 bg-white text-green-600" fill="currentColor" viewBox="0 0 12 12">
-					<path
-						d="M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z"
-					/>
-				</svg>
-			</span>
-		</span>
-	</div>
-</td>
-<td>
-	{#if isNewSecret}
-		<div class="flex items-center justify-center">
-			<button class="bg-green-600 hover:bg-green-500" on:click={() => saveSecret(true)}>Add</button>
-		</div>
-	{:else}
-		<div class="flex flex-row justify-center space-x-2">
-			<div class="flex items-center justify-center">
-				<button class="" on:click={() => saveSecret(false)}>Set</button>
-			</div>
-			{#if !isPRMRSecret}
-				<div class="flex justify-center items-end">
-					<button class="bg-red-600 hover:bg-red-500" on:click={removeSecret}>Remove</button>
-				</div>
-			{/if}
-		</div>
-	{/if}
-</td>