feat: Add proper success page

controllers/GET.php

@@ -3,5 +3,9 @@
 return function (array &$context) {
     $data = [];
 
-    require(ROOT . "/templates/pages/homepage.php");
+    if (key_exists("formonly", $_GET)) {
+        require(ROOT . "/templates/pages/components/url-form.php");
+    } else {
+        require(ROOT . "/templates/pages/homepage.php");
+    }
 };

controllers/manage/POST.php

@@ -22,9 +22,10 @@ return function (array &$context) {
 
     if (!$url) {
         setStatusCode(400);
-        echo json_encode(
+        $data = [
-            errorResponse("URL missing", "Please provide a URL.")
+            "error" => "Something went wrong. Please try again later."
-        );
+        ];
+        require(ROOT . "/templates/pages/components/url-form.php");
         return;
     }
 
@@ -49,5 +50,9 @@ return function (array &$context) {
         $accessKey
     ));
 
-    echo json_encode($result);
+    $data = [
+        "url" => "https://drnk.me/$slug",
+        "accessKey" => $accessKey,
+    ];
+    require(ROOT . "/templates/pages/components/creation-successful.php");
 };

html/static/css/main.css

@@ -57,4 +57,8 @@ html {
     font-size: 3vw;
     width: 100%;
     margin-top: 1vw;
+}
+
+.result {
+    font-size: 2vw;
 }

templates/pages/components/creation-successful.php

@@ -0,0 +1,5 @@
+<div class="result">
+    <a href="<?php echo $data["url"] ?? ""; ?>" target="_blank"><?php echo $data["url"] ?? ""; ?></a>
+</div>
+<!-- <?php echo $data["accessKey"] ?? ""; ?> -->
+Click <a hx-get="/?formonly" hx-swap="innerHTML" hx-target=".center-panel" href="/">here</a> to create a new link.

templates/pages/components/url-form.php

@@ -0,0 +1,14 @@
+<?php
+    if ($data["error"] ?? false) {
+?>
+        <div class="error">
+            <?php echo $data["error"]; ?>
+        </div>
+<?php
+    }
+?>
+
+<form action="/manage" method="POST" hx-post="/manage" hx-swap="innerHTML" hx-target=".center-panel">
+    <input type="text" name="url" placeholder="<?php echo $data["url"] ?? "URL" ?>">
+    <input type="submit" value="Submit">
+</form>

templates/pages/homepage.php

@@ -10,10 +10,7 @@ require(__DIR__ . "/../layout/top.php");
 <img class="bottle" src="/static/img/bottle.png" alt="picture of a vile with a tag 'Drnk Me'" />
 
 <div class="center-panel">
-    <form action="/manage" method="POST">
+    <?php require(__DIR__ . "/components/url-form.php"); ?>
-        <input type="text" name="url" placeholder="<?php echo $data["url"] ?? "URL" ?>">
-        <input type="submit" value="Submit">
-    </form>
 </div>
 
 <?php