final

[flask-test.git] / app / templates / index.html

diff --git a/app/templates/index.html b/app/templates/index.html
index 80a6eb325789f3a668f2e1777eb2955a2de57a9d..de296940f428ff82bbc99b4d33366e602a4b86f7 100644 (file)
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -1,8 +1,41 @@
+<!-- extend base layout -->
 {% extends "base.html" %}
+
 {% block content %}
-    <h1>Hi, {{ user.nickname }}!</h1>
-    {% for post in posts %}
-    <div><p>{{ post.author.nickname }} says: <b>{{ post.body }}</b></p></div>
+    <h1>Hi, {{ g.user.nickname }}!</h1>
+    {% include 'flash.html' %}
+    <div class="well">
+        <form class="form-horizontal" action="" method="post" name="post">
+            {{ form.hidden_tag() }}
+            <div class="control-group{% if form.post.errors %} error{% endif %}">
+                <label class="control-label" for="post">Say something:</label>
+                <div class="controls">
+                    {{ form.post(size=30, maxlength=140) }}
+                    {% for error in form.errors.post %}
+                        <span class="help-inline">[{{ error }}]</span><br>
+                    {% endfor %}
+                </div>
+            </div>
+            <div class="control-group">
+                <div class="controls">
+                    <input class="btn btn-primary" type="submit" value="Post!">
+                </div>
+            </div>
+        </form>
+    </div>
+    {% for post in posts.items %}
+        {% include 'post.html' %}
     {% endfor %}
+    <ul class="pager">
+        {% if posts.has_prev %}
+        <li class="previous"><a href="{{ url_for('index', page=posts.prev_num) }}">Newer posts</a></li>
+        {% else %}
+        <li class="previous disabled"><a href="#">Newer posts</a></li>
+        {% endif %}
+        {% if posts.has_next %}
+        <li class="next"><a href="{{ url_for('index', page=posts.next_num) }}">Older posts</a></li>
+        {% else %}
+        <li class="next disabled"><a href="#">Older posts</a></li>
+        {% endif %}
+    </ul>
 {% endblock %}
-