Better template structure

Scienta · Jan 3, 2025 · 7c0dd3e · 7c0dd3e
1 parent 1a34f83
commit 7c0dd3e
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 33 deletions.
diff --git a/backend/templates/_base.html b/backend/templates/_base.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="icon" href="data:;base64,," />
+    <link rel="stylesheet" href="/assets/reset-zone.regular.css">
+    <title>{% block title -%}{{ title }}{%- endblock %} - Skjera</title>
+    {% block head %}{% endblock %}
+</head>
+<body>
+<div id="content">
+    {% block content %}<p>Placeholder content</p>{% endblock %}
+</div>
+</body>
+</html>
diff --git a/backend/templates/employee.html b/backend/templates/employee.html
@@ -1,12 +1,8 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <link rel="icon" href="data:;base64,," />
-    <link rel="stylesheet" href="/assets/reset-zone.regular.css">
-    <title>Skjera - {{ employee.name }}</title>
-</head>
-<body>
+{% extends "_base.html" %}
+
+{% block title %}{{ employee.name }}{% endblock %}
+
+{% block content %}
 <h1>Skjera - {{ employee.name }}</h1>
 Date of birth: {{ Self::dob(self) }}
-</body>
-</html>
+{% endblock %}
diff --git a/backend/templates/hello.html b/backend/templates/hello.html
@@ -1,10 +1,8 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <link rel="icon" href="data:;base64,," />
-    <link rel="stylesheet" href="/assets/reset-zone.regular.css">
-</head>
-<body>
+{% extends "_base.html" %}
+
+{% block title %}Skjera?!{% endblock %}
+
+{% block content %}
 {% if let Some(user) = user %}
 <p>
     Hello {{ user.name }}!
@@ -39,5 +37,4 @@ <h2>Employees</h2>
     {% endfor %}
 </table>
 {% endif %}
-</body>
-</html>
+{% endblock %}
diff --git a/backend/templates/me.html b/backend/templates/me.html
@@ -1,15 +1,15 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <link rel="icon" href="data:;base64,," />
-    <link rel="stylesheet" href="/assets/reset-zone.regular.css">
-    <style>
-        tr th {
-            vertical-align: top;
-        }
-    </style>
-</head>
-<body>
+{% extends "_base.html" %}
+
+{% block title %}Edit Profile{% endblock %}
+{% block head %}
+<style>
+    tr th {
+        vertical-align: top;
+    }
+</style>
+{% endblock %}
+
+{% block content %}
 <h1>Edit profile</h1>
 <form action="/me" method="POST">
 <table>
@@ -125,5 +125,4 @@ <h3>Add SoMe Account</h3>
 </table>
 </form>
 
-</body>
-</html>
+{% endblock %}