update add template

1 files changed, 46 insertions, 28 deletions

diff --git a/templates/news/add.html b/templates/news/add.html
index 11c21bb..d280200 100644
--- a/templates/news/add.html
+++ b/templates/news/add.html
@@ -1,33 +1,51 @@
 {% extends 'layout.html' %}
 
 {% block content %}
-<h2>{% if news %}Modifier{% else %}Ajouter{% endif %} une actualité</h2>
-<p class="info">
-  Vous pouvez consulter la <a href="http://aful.org/wikis/interop/ReStructuredText">page d'aide</a> pour obtenir de l'aide sur la syntaxe et les commandes de mise en forme disponibles.
-</p>
-{% if news %}
-<form class="news_add" action="{{ url_for('edit_news', news_id=news.id)}}" method="post">
-  <p>
-    <label for="title">Titre :</label>
-    <input id="title" type="text" name="title" size="64" value="{{news.title}}"/>
-  </p>
-  <label for="content">Contenu :</label>
-  <textarea rows="25" name="content">{{news.content}}</textarea>
-  <p class="submit">
-    <input type="submit" value="Modifier" />
-  </p>
-  {% else %}
-<form class="news_add" action="{{ url_for('add_news')}}" method="post">
-  <p>
-    <label for="title">Titre :</label>
-    <input id="title" type="text" name="title" size="64">
-  </p>
-  <label for="content">Contenu :</label>
-  <textarea rows="25" name="content"></textarea>
-  <p class="submit">
-    <input type="submit" name="Add" value="Ajouter"/>
-    <input type="submit" name="Preview" value="Aperçu"/>
-  </p>
+<div class="main row">
+  <div class="col-md-10">
+    <h2>{% if news %}Modifier{% else %}Ajouter{% endif %} une actualité</h2>
+    {% if news %}
+    <form class="news_add form-horizontal" role="form" action="{{ url_for('edit_news', news_id=news.id)}}" method="post">
+      <div class="form-group">
+        <label for="title" class="col-md-2">Titre :</label>
+        <div class="col-md-8">
+          <input id="title" type="text" name="title" class="form-control" value="{{news.title}}"/>
+        </div>
+      </div>
+      <div class="form-group">
+        <label for="content" class="col-md-2">Contenu :</label>
+        <div class="col-md-8">
+          <textarea rows="15" name="content" class="form-control">{{news.content}}</textarea>
+        </div>
+      </div>
+      <div class="col-md-offset-2">
+        <button type="submit" class="btn btn-primary"
+                name="Modifier">Modifier</button>
+      </div>
+    </form>
+    {% else %}
+    <p class="info">
+      Vous pouvez consulter la <a href="http://aful.org/wikis/interop/ReStructuredText">page d'aide</a> pour obtenir de l'aide sur la syntaxe et les commandes de mise en forme disponibles.
+    </p>
+    <form class="news_add form-horizontal" role="form" action="{{ url_for('add_news')}}" method="post">
+      <div class="form-group">
+        <label for="title" class="col-md-2">Titre :</label>
+        <div class="col-md-8">
+          <input id="title" type="text" name="title" class="form-control">
+        </div>
+      </div>
+      <div class="form-group">
+          <label for="content" class="col-md-2">Contenu :</label>
+          <div class="col-md-8">
+            <textarea rows="15" name="content" class="form-control"></textarea>
+          </div>
+      </div>
+      <div class="col-md-offset-2">
+        <button type="submit" class="btn btn-primary"
+                name="Add">Ajouter</button>
+        <button type="submit" class="btn btn-primary"
+                name="Preview">Aperçu</button>
+      </div>
+  </form>
   {% endif %}
-</form>
 {% endblock %}