From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <kiizuha@gnuweeb.org>
X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on
	server-vie001.gnuweeb.org
X-Spam-Level: 
X-Spam-Status: No, score=-1.2 required=5.0 tests=ALL_TRUSTED,DKIM_SIGNED,
	DKIM_VALID,DKIM_VALID_AU,DKIM_VALID_EF,URIBL_DBL_BLOCKED_OPENDNS,
	URIBL_ZEN_BLOCKED_OPENDNS autolearn=ham autolearn_force=no
	version=3.4.6
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/simple; d=gnuweeb.org;
	s=default; t=1737247211;
	bh=Jjb1FuknEszK5MM5Iiy7m5L/XZCOtejWGdXcRjWnuF0=;
	h=From:To:Cc:Subject:Date:Message-ID:In-Reply-To:References:
	 MIME-Version:Content-Transfer-Encoding:Message-ID:Date:From:
	 Reply-To:Subject:To:Cc:In-Reply-To:References:Resent-Date:
	 Resent-From:Resent-To:Resent-Cc:User-Agent:Content-Type:
	 Content-Transfer-Encoding;
	b=ZfRkkq8pZ+kCwZNx9jPYs6nmmWgwai3G+2Xv1F8Cyccwfl5nhv/Ooxk3LI9SOfeCw
	 vnukqKHS5Ax27DimSmJn++JOKgpseJqbft0yLMjYa4uRm8tE0xWiQkGGCqJMuF6o7K
	 ILqYhADoq2a/7N8JBxt3gaIgosX6jaUCH66tKQZCEnnbcb7FlE37Aj3bzxl4NHmNR2
	 klj7YHpUIijfFnJjEWsFvb9ALZsnI1xt4a848bvrHJJSGK7C3OKDo3/WxnMlq/3wrv
	 VY+Rftl3RWs/EvB2K9pOiCSOdQocoNRyCoJfoeRPeUL8uIL3mlk5br1IC7+7U4zIYr
	 lBUtFSXxpkIwg==
Received: from localhost.localdomain (unknown [101.128.125.239])
	by server-vie001.gnuweeb.org (Postfix) with ESMTPSA id A68292061C2A;
	Sun, 19 Jan 2025 00:40:09 +0000 (UTC)
From: Muhammad Rizki <kiizuha@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Kiizuha Kanazawa <kiizuha@gnuweeb.org>,
	Alviro Iskandar Setiawan <alviro.iskandar@gnuweeb.org>,
	Dwiky Rizky Ananditya <kyzsuki@gnuweeb.org>,
	GNU/Weeb Mailing List <gwml@vger.gnuweeb.org>
Subject: [PATCH v1 12/16] feat(routes): add home page
Date: Sun, 19 Jan 2025 07:39:05 +0700
Message-ID: <20250119003911.1183-13-kiizuha@gnuweeb.org>
X-Mailer: git-send-email 2.45.2.windows.1
In-Reply-To: <20250119003911.1183-1-kiizuha@gnuweeb.org>
References: <20250119003911.1183-1-kiizuha@gnuweeb.org>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
List-Id: <gwml.vger.gnuweeb.org>

From: Kiizuha Kanazawa <kiizuha@gnuweeb.org>

home page will display for the common features, for now, it's only
display the mail config UI.

Signed-off-by: Kiizuha Kanazawa <kiizuha@gnuweeb.org>
---
 src/routes/(protected)/home/+page.svelte | 70 ++++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 src/routes/(protected)/home/+page.svelte

diff --git a/src/routes/(protected)/home/+page.svelte b/src/routes/(protected)/home/+page.svelte
new file mode 100644
index 0000000..ef2be4b
--- /dev/null
+++ b/src/routes/(protected)/home/+page.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+  import Button from "$components/ui/button/button.svelte";
+  import * as Card from "$components/ui/card";
+  import Separator from "$components/ui/separator/separator.svelte";
+  import { mailConfig } from "$constants";
+  import { toast } from "svelte-sonner";
+  import { copyText } from "svelte-copy";
+
+  const copy = async (text: string) => {
+    try {
+      await copyText(text);
+      toast.info(`${text} has been copied to clipboard!`);
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      const error = new Error(msg, { cause: e });
+      toast.error(error.message);
+    }
+  };
+</script>
+
+<div class="flex h-full w-full justify-center">
+  <Card.Root>
+    <Card.Header class="py-5">
+      <Card.Title>Mail Client Config</Card.Title>
+      <Card.Description>Configure your email client using this config</Card.Description>
+    </Card.Header>
+
+    <Separator />
+
+    <Card.Content>
+      <div class="font-mono">
+        <div class="space-y-5">
+          <div>
+            <div class="select-none">[Incoming]</div>
+            {#each mailConfig.incoming as conf}
+              <div class="flex items-center">
+                <div class="w-1/3 text-left">{conf.label}</div>
+                <div class="w-4 select-none">:</div>
+                <Button
+                  onclick={() => copy(conf.value)}
+                  variant="ghost"
+                  class="inline h-fit w-7/12 py-px text-left"
+                >
+                  {conf.value}
+                </Button>
+              </div>
+            {/each}
+          </div>
+
+          <div>
+            <div class="select-none">[Outgoing]</div>
+            {#each mailConfig.outgoing as conf}
+              <div class="flex items-center">
+                <div class="w-1/3 text-left">{conf.label}</div>
+                <div class="w-4 select-none">:</div>
+                <Button
+                  onclick={() => copy(conf.value)}
+                  variant="ghost"
+                  class="inline h-fit w-7/12 py-px text-left"
+                >
+                  {conf.value}
+                </Button>
+              </div>
+            {/each}
+          </div>
+        </div>
+      </div>
+    </Card.Content>
+  </Card.Root>
+</div>
-- 
Muhammad Rizki