Initial Commit

templates/books/edit.html

@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+{% import "components/typography.html" as typography %}
+
+{% block main %}
+{{ typography::heading("Editer La petite derniere") }}
+
+<form>
+  <div class="mb-3">
+    <label class="form-label">Name</label>
+    <input type="text" class="form-control" value="La petite derniere">
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Author(s)</label>
+    <input type="text" class="form-control" value="Fatima Daas">
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Owner</label>
+    <select class="form-control">
+      <option selected>Jean</option>
+      <option>Simon</option>
+    </select>
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Current Holder</label>
+    <select class="form-control">
+      <option></option>
+      <option>Jean</option>
+      <option selected>Simon</option>
+    </select>
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Description</label>
+    <textarea class="form-control">dsjfskdljf</textarea>
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Comment</label>
+    <textarea class="form-control">sdsfjsdkfjsdklfj</textarea>
+  </div>
+
+  <div class="mt-4 text-center">
+    <input type="submit" value="Create book" class="btn btn-success">
+  </div>
+</form>
+{% endblock %}

templates/books/new.html

@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+{% import "components/typography.html" as typography %}
+
+{% block main %}
+{{ typography::heading("New book") }}
+
+<form>
+  <div class="mb-3">
+    <label class="form-label">Name</label>
+    <input type="text" class="form-control">
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Author(s)</label>
+    <input type="text" class="form-control">
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Owner</label>
+    <select class="form-control">
+      <option>Jean</option>
+      <option>Simon</option>
+    </select>
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Current Holder</label>
+    <select class="form-control">
+      <option></option>
+      <option>Jean</option>
+      <option>Simon</option>
+    </select>
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Description</label>
+    <textarea class="form-control"></textarea>
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Comment</label>
+    <textarea class="form-control"></textarea>
+  </div>
+
+  <div class="mt-4 text-center">
+    <input type="submit" value="Create book" class="btn btn-success">
+  </div>
+</form>
+{% endblock %}

templates/books/show.html

@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% import "components/typography.html" as typography %}
+{% import "components/dropdown.html" as dropdown %}
+{% import "components/fields.html" as fields %}
+
+{% block main %}
+{% call typography::heading("La petite derniere") %}
+{{ dropdown::dropdown_button("Actions", [("Edit", "/books/1/edit"), ("Delete", "/books/1")]) }}
+{% endcall %}
+
+<div class="mt-4">
+  <h5 class="mt-4 fw-bold">Book details</h5>
+  {{ fields::field("Name", "La petite derniere") }}
+  {{ fields::field("Authors", "Fatima Daas") }}
+  {{ fields::field("Authors", "Je m’appelle Fatima Daas. Je suis la mazoziya, la petite dernière. Celle à laquelle on ne
+  s’est pas préparé. Française d’origine algérienne. Musulmane pratiquante. Clichoise qui passe plus de trois heures par
+  jour dans les transports. Une touriste. Une banlieusarde qui observe les comportements parisiens. Je suis une
+  menteuse, une pécheresse. Adolescente, je suis une élève instable. Adulte, je suis hyper-inadaptée. J’écris des
+  histoires pour éviter de vivre la mienne. J’ai fait quatre ans de thérapie. C’est ma plus longue relation. L’amour,
+  c’était tabou à la maison, les marques de tendresse, la sexualité aussi. Je me croyais polyamoureuse. Lorsque Nina a
+  débarqué dans ma vie, je ne savais plus du tout ce dont j’avais besoin et ce qu’il me manquait. Je m’appelle Fatima
+  Daas. Je ne sais pas si je porte bien mon prénom.") }}
+
+  <h5 class="mt-50px fw-bold">User Details</h5>
+  {{ fields::field("Owner", "Jean") }}
+  {{ fields::field("Current Holder", "Pierre") }}
+
+  <h5 class="mt-50px fw-bold">More Informations</h5>
+  {{ fields::field("Comment", "J'adore ce livre ca parle de plein de choses !") }}
+</div>
+{% endblock %}