A focused Docker Compose management web application.
feat: add project name field
+6
-6
+6
-6
packages/panel/src/routes/(authenticated)/projects/[project]/+page.svelte
+6
-6
packages/panel/src/routes/(authenticated)/projects/[project]/+page.svelte
···
1
1
<script lang="ts">
2
-
import { faCircleInfo, faGears, faLayerGroup, faPencil } from "@fortawesome/free-solid-svg-icons";
2
+
import { faCircleInfo, faLayerGroup, faPencil } from "@fortawesome/free-solid-svg-icons";
3
3
import ComposeEditor from "$lib/component/ComposeEditor.svelte";
4
4
import LogTerminal from "$lib/component/LogTerminal.svelte";
5
5
import StatusIcon from "$lib/component/StatusIcon.svelte";
···
31
31
tabs={[
32
32
{ label: "status", icon: faCircleInfo, content: status },
33
33
{ label: "compose", icon: faPencil, content: compose },
34
-
{ label: "variables", icon: faGears, content: variables },
35
34
]}
36
35
/>
37
36
</div>
···
45
44
{/snippet}
46
45
47
46
{#snippet compose()}
47
+
<div>
48
+
<label for="name">Name</label>
49
+
<input required id="name" type="text" value={project.name} />
50
+
</div>
51
+
48
52
<h2>Compose</h2>
49
53
<ComposeEditor bind:content={data.compose} />
50
-
{/snippet}
51
-
52
-
{#snippet variables()}
53
-
<h2>Variables Tab</h2>
54
54
{/snippet}
55
55
56
56
<style lang="scss">