Page crée et bien complétée (plus qu'a faire les alignements)

src/app/pages/admin/admin.component.html

@@ -20,6 +20,7 @@
 <h3>Votes</h3>
 <label for="vote-date">Les personnes sondées pourront voter jusqu'au</label>
 <input type="date" name="vote-date">
+<section class="row">
 <label for="alter-vote">Elles</label>
 <select name="alter-vote">
 <option value="yes" selected>auront</option>
@@ -30,8 +31,35 @@
 <option value="solo" selected>leur vote</option>
 <option value="all">tout les votes</option>
 </select>
-<label for="del">Pour repartir à zéro, je peux tous les supprimer :</label>
+</section>
-<input class="btn btn--alert btn--outline" type="submit" name="del" value="Supprimer tous les votes">
+<label for="del-vote">Pour repartir à zéro, je peux tous les supprimer :</label>
-
+<input class="btn btn--alert btn--outline" type="submit" name="del-vote" value="Supprimer tous les votes">
-
+<h3>Commentaires</h3>
+<label for="del-com">Si je le souhaite,je peux supprimer l'ensemble des commentaires</label>
+<input class="btn btn--alert btn--outline" type="submit" name="del-com" value="Supprimer tous les commentaires">
+<h3>Archivage</h3>
+<label for="arch">Ce sondage ne sera plus éditable à partir du</label>
+<input type="date" name="arch">
+<h3>Accés au sondage</h3>
+<label for="password">Je</label>
+<select name="password">
+<option value="yes" selected>n'ai pas besoin</option>
+<option value="no">vourdrais</option>
+</select>
+<label for="alter-vote">qu'il soit protégé par un mot de passe</label>
+<h3>Tout supprimer</h3>
+<label for="del">Dans le cas où vous voudriez tout supprimer, ce bouton est fait pour vous :</label>
+<input class="btn btn--alert" type="submit" name="del" value="Supprimer tout">
+<h2>Liens d'accès au sondage</h2>
+<h3>Coté administrateur·ice</h3>
+<label for="copy-link-admin">Pour accéder au sondage et à tous ses paramètres : https://framadate.org/urladmindusondage</label>
+<input class="btn btn--mini" type="submit" name="copy-link-admin" value="Copier le lien">
+<a href="#" class="next">Voir le sondage coté administrateur·ice</a>
+<h3>Côté sondé·es</h3>
+<label for="copy-link">Pour accéder au sondage et à tous ses paramètres : https://framadate.org/urladmindusondage</label>
+<input class="btn btn--mini" type="submit" name="copy-link" value="Copier le lien">
+<a href="#" class="next">Voir le sondage</a>
+<h3>Recevoir les liens par mail</h3>
+<label for="send-mail">Pour être sur de retrouver ces liens, nous pouvons vous les envoyer sur votre mail :</label>
+<input class="btn btn--mini" type="submit" name="send-mail" value="Copier le lien">
 </form>

src/app/pages/admin/admin.component.scss

@@ -4,3 +4,6 @@ form{
   width:340px;
 margin:auto;
 }
+.row{
+  flex-direction: row;
+}

src/assets/scss/atoms/_buttons.scss

@@ -43,5 +43,9 @@
         display: block;
         min-width: 100%;
     }
+    &--mini{
+      background-color: $mini-button-color;
 
-}
+    }
+
+}

src/assets/scss/atoms/_forms.scss

@@ -18,6 +18,7 @@ select {
 
 textarea {
   width: 100%;
+  border-left: 3px solid $primary_color;
 }
 
 select,

src/assets/scss/variables.scss

@@ -13,7 +13,7 @@ $red: #cd0000;
 $cool-grey: #aeafb1;
 $warm-grey:#807e7e;
 $wisteria:#bf83c2;
-
+$pale-purple:#d198d4;
 // interpretations in app
 $primary_color: $ugly-purple;
 $secondary_color: $lavender-pink;
@@ -23,7 +23,7 @@ $logo_color_2: $camo;
 $choice_select_border_color: $cool-grey;
 $hover-color:$warm-grey;
 $clicked-color:$wisteria;
-
+$mini-button-color:$pale-purple;
 // FONT
 $default_font : "pt_sans";
 $title_font: "proza_libre";