feat: error pages (#74)

faria-s · joaodiaslobo · MarioRodrigues10 · web-flow · commit 39a59b1530f4 · 2024-09-23T18:49:25.000+01:00
* feat: add error page 404 * feat: cesium.link 2.0 (#71) * ops: production environment (#72) * feat: add 404 error page * fix: revert config debug_errors * fix: capital letters * fix: fixing tests --------- Co-authored-by: João Lobo <30907944+joaodiaslobo@users.noreply.github.com> Co-authored-by: Mário Rodrigues <mjsrodrigues4@gmail.com>
diff --git a/lib/cesium_link_web/controllers/error_html.ex b/lib/cesium_link_web/controllers/error_html.ex
@@ -13,7 +13,7 @@ defmodule CesiumLinkWeb.ErrorHTML do
   #   * lib/cesium_link_web/controllers/error_html/404.html.heex
   #   * lib/cesium_link_web/controllers/error_html/500.html.heex
   #
-  # embed_templates "error_html/*"
+  embed_templates "error_html/*"
 
   # The default is to render a plain text page based on
   # the template name. For example, "404.html" becomes
diff --git a/lib/cesium_link_web/controllers/error_html/404.html.heex b/lib/cesium_link_web/controllers/error_html/404.html.heex
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>404</title>
+    <link rel="stylesheet" href="/assets/app.css" />
+    <script defer type="text/javascript" src="/assets/app.js">
+    </script>
+  </head>
+  <body>
+    <main class="my-60 flex-auto">
+      <section class="flex w-full flex-col items-center justify-center">
+        <a href="/" class="items-center justify-center">
+          <img class="my-5 w-40" src="/images/cesium.svg" alt="cesium-logo" />
+        </a>
+        <p class="text-center text-5xl font-medium">
+          404 Page Not Found
+        </p>
+        <p class="my-3 text-center text-2xl">Oops! Looks like you are lost.</p>
+        <p class="my-5 text-center text-lg">Click on the logo to return home</p>
+      </section>
+    </main>
+  </body>
+</html>
diff --git a/test/cesium_link_web/controllers/error_html_test.exs b/test/cesium_link_web/controllers/error_html_test.exs
@@ -5,7 +5,7 @@ defmodule CesiumLinkWeb.ErrorHTMLTest do
   import Phoenix.Template
 
   test "renders 404.html" do
-    assert render_to_string(CesiumLinkWeb.ErrorHTML, "404", "html", []) == "Not Found"
+    assert render_to_string(CesiumLinkWeb.ErrorHTML, "404", "html", []) =~ "404 Page Not Found"
   end
 
   test "renders 500.html" do

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ defmodule CesiumLinkWeb.ErrorHTML do`
`13`	`13`	`# * lib/cesium_link_web/controllers/error_html/404.html.heex`
`14`	`14`	`# * lib/cesium_link_web/controllers/error_html/500.html.heex`
`15`	`15`	`#`
`16`		`- # embed_templates "error_html/*"`
	`16`	`+ embed_templates "error_html/*"`
`17`	`17`
`18`	`18`	`# The default is to render a plain text page based on`
`19`	`19`	`# the template name. For example, "404.html" becomes`