Added links to sandbox pages

Author: zonia3000

src/routes/+layout.svelte

@@ -75,7 +75,7 @@
 		if (pathname === '/') {
 			return 'home';
 		}
-		for (const section of ['projects', 'tasks', 'jobs', 'admin', 'auth']) {
+		for (const section of ['projects', 'tasks', 'jobs', 'admin', 'auth', 'sandbox']) {
 			if (pathname.startsWith(`/${section}`) || pathname.startsWith(`/${apiVersion}/${section}`)) {
 				return section;
 			}
@@ -118,6 +118,13 @@
 				<li class="nav-item">
 					<a href="/" class="nav-link" class:active={selectedSection === 'home'}> Home </a>
 				</li>
+				{#if import.meta.env.MODE === 'development' && selectedSection === 'sandbox'}
+					<li class="nav-item">
+						<a href="/sandbox" class="nav-link" class:active={selectedSection === 'sandbox'}>
+							Sandbox pages
+						</a>
+					</li>
+				{/if}
 				{#if userLoggedIn}
 					<li class="nav-item">
 						<a
@@ -215,7 +222,7 @@
 		<div class="admin-border" />
 	{/if}
 	<div class="container p-4">
-		{#if !server.alive}
+		{#if !server.alive && selectedSection !== 'sandbox'}
 			<div class="alert alert-danger">
 				Sorry, we are performing some maintenance on fractal-server. It will be back online soon.
 			</div>

src/routes/+page.svelte

@@ -27,6 +27,9 @@
 		<a href="/v2/projects" class="btn btn-primary">Projects</a>
 		<a href="/v2/tasks" class="btn btn-primary">Tasks</a>
 		<a href="/v2/jobs" class="btn btn-primary">Jobs</a>
+		{#if import.meta.env.MODE === 'development'}
+			<a href="/sandbox" class="btn btn-primary">Sandbox</a>
+		{/if}
 	</div>
 
 	<p>

src/routes/sandbox/+page.svelte

@@ -0,0 +1,15 @@
+<h1 class="fw-light">Sandbox pages</h1>
+
+<p>
+	These pages are visible only in development mode and can be used to simplify the development of
+	your custom task forms.
+</p>
+
+<ul>
+	<li>
+		<a href="/sandbox/jsonschema">Sandbox page for JSON Schema</a>
+	</li>
+	<li>
+		<a href="/sandbox/version">Sandbox page for task version update</a>
+	</li>
+</ul>