From e77b9ebd9c6bc1edca7233042b531a9204d8fa6d Mon Sep 17 00:00:00 2001
From: Quentin Dufour <quentin@deuxfleurs.fr>
Date: Tue, 18 Apr 2023 22:09:56 +0200
Subject: all templates are ok

---
 templates/garage_website_new.html | 63 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 templates/garage_website_new.html

(limited to 'templates/garage_website_new.html')

diff --git a/templates/garage_website_new.html b/templates/garage_website_new.html
new file mode 100644
index 0000000..e806c51
--- /dev/null
+++ b/templates/garage_website_new.html
@@ -0,0 +1,63 @@
+{{define "title"}}Créer un site web |{{end}}
+
+{{define "body"}}
+<div class="d-flex">
+    <h4>Créer un site web</h4>
+    <a class="ml-auto btn btn-link" href="/garage/key">Mes identifiants</a>
+    <a class="ml-4 btn btn-info" href="/garage/website">Mes sites webs</a>
+</div>
+
+<ul class="nav nav-tabs" id="proto" role="tablist">
+    <li class="nav-item">
+        <a class="nav-link active" id="dnsint-tab" data-toggle="tab" href="#dnsint" role="tab" aria-controls="dnsint" aria-selected="true">Je n'ai pas de nom de domaine</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" id="dnsext-tab" data-toggle="tab" href="#dnsext" role="tab" aria-controls="dnsext" aria-selected="false">Utiliser mon propre nom de domaine</a>
+    </li>
+</ul>
+
+<div class="tab-content" id="protocols">
+    <div class="tab-pane fade show active" id="dnsint" role="tabpanel" aria-labelledby="dnsint-tab">
+        <form method="POST" class="mt-4" enctype="multipart/form-data">
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="bucket">Sous-domaine désiré :</label>
+                    <input type="text" id="bucket" name="bucket" placeholder="mon-site" class="form-control" value="" onkeyup="document.getElementById('url').value = `https://${document.getElementById('bucket').value}.web.deuxfleurs.fr`" />
+                </div>
+                <div class="form-group col-md-6">
+                    <label for="url">Votre site sera accessible à l'URL suivante :</label>
+                    <input type="text" id="url" disabled="true" name="url" class="form-control" value="https://mon-site.web.deuxfleurs.fr" />
+                </div>
+            </div>
+            <div class="mt-4">
+                <p>La première fois que vous chargerez votre site web, une erreur de certificat sera renvoyée. C'est normal, il faudra patienter quelques minutes le temps que le certificat se génère.</p>
+            </div>
+            <button type="submit" class="btn btn-primary">Créer un nouveau site web</button>
+        </form>
+    </div>
+    <div class="tab-pane fade show" id="dnsext" role="tabpanel" aria-labelledby="dnsext-tab">
+        <form method="POST" class="mt-4" enctype="multipart/form-data">
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="bucket2">Votre nom de domaine :</label>
+                    <input type="text" id="bucket2" name="bucket2" placeholder="example.com" class="form-control" value="" onkeyup="document.getElementById('url2').value = `https://${document.getElementById('bucket2').value}`" />
+                </div>
+                <div class="form-group col-md-6">
+                    <label for="url2">Votre site sera accessible à l'URL suivante :</label>
+                    <input type="text" id="url2" disabled="true" name="url2" class="form-control" value="https://example.com" />
+                </div>
+            </div>
+            <div>
+                <p>Vous devez éditer votre zone DNS, souvent gérée par votre bureau d'enregistrement, comme Gandi, pour la faire pointer vers Deuxfleurs. Si vous utilisez un sous domaine (eg. <code>site.example.com</code>), une entrée <code>CNAME</code> est appropriée :</p>
+                <pre>site   CNAME    3600    garage.deuxfleurs.fr.</pre>
+                <p>Si vous utilisez la racine de votre nom de domaine (eg. <code>example.com</code>, aussi appelée APEX), la solution dépend de votre fournisseur DNS, il vous faudra au choix une entrée <code>ALIAS</code> ou <code>CNAME</code> en fonction de ce que votre fournisseur supporte :</p>
+                <pre>@      ALIAS    3600    garage.deuxfleurs.fr.</pre>
+                <p>La première fois que vous chargerez votre site web, une erreur de certificat sera renvoyée. C'est normal, il faudra patienter quelques minutes le temps que le certificat se génère.</p>
+            </div>
+            <div class="mt-4">
+            <button type="submit" class="btn btn-primary">Créer un nouveau site web</button>
+        </form>
+
+    </div>
+</div>
+{{end}}
-- 
cgit v1.2.3


From 1f34547a4c5d9ae82b929b218c057277ea72b939 Mon Sep 17 00:00:00 2001
From: Quentin Dufour <quentin@deuxfleurs.fr>
Date: Wed, 19 Apr 2023 14:58:39 +0200
Subject: bind templates

---
 templates/garage_website_new.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'templates/garage_website_new.html')

diff --git a/templates/garage_website_new.html b/templates/garage_website_new.html
index e806c51..f1cd847 100644
--- a/templates/garage_website_new.html
+++ b/templates/garage_website_new.html
@@ -18,7 +18,7 @@
 
 <div class="tab-content" id="protocols">
     <div class="tab-pane fade show active" id="dnsint" role="tabpanel" aria-labelledby="dnsint-tab">
-        <form method="POST" class="mt-4" enctype="multipart/form-data">
+        <form method="POST" class="mt-4">
             <div class="form-row">
                 <div class="form-group col-md-6">
                     <label for="bucket">Sous-domaine désiré :</label>
@@ -36,7 +36,7 @@
         </form>
     </div>
     <div class="tab-pane fade show" id="dnsext" role="tabpanel" aria-labelledby="dnsext-tab">
-        <form method="POST" class="mt-4" enctype="multipart/form-data">
+        <form method="POST" class="mt-4">
             <div class="form-row">
                 <div class="form-group col-md-6">
                     <label for="bucket2">Votre nom de domaine :</label>
-- 
cgit v1.2.3