Added templates

wybiral · wybiral · commit 9abafeae5c02 · 2017-11-25T12:49:36.000-06:00
diff --git a/routes/__init__.py b/routes/__init__.py
@@ -1,4 +1,4 @@
-from flask import abort, redirect, request
+from flask import abort, redirect, request, render_template
 from app import app
 from db import db
 from models.article import Article
@@ -11,7 +11,7 @@ def index_get():
     query = query.filter(Article.unread == True)
     query = query.order_by(Article.date_added.desc())
     articles = query.all()
-    return str([article.title for article in articles])
+    return render_template('index.html', articles=articles)
 
 @app.route('/read/<int:article_id>', methods=['GET'])
 def read_article_get(article_id):
@@ -25,7 +25,7 @@ def sources_get():
     query = Source.query
     query = query.order_by(Source.title)
     sources = query.all()
-    return str([source.title for source in sources])
+    return render_template('sources.html', sources=sources)
 
 @app.route('/sources', methods=['POST'])
 def sources_post():
diff --git a/templates/index.html b/templates/index.html
@@ -0,0 +1,29 @@
+<html>
+    <head>
+        <title>Latest News</title>
+    </head>
+    <body>
+        <main>
+            <h1>Latest News</h1>
+            {% for article in articles %}
+            <article>
+                <h1>
+                    <a href="/read/{{ article.id }}">{{ article.title }}</a>
+                </h1>
+                <div class="source">
+                    From
+                    <a href="{{ article.source.link }}">
+                        {{ article.source.title }}
+                    </a>
+                </div>
+                <div class="added">
+                    {{ article.date_added }}
+                </div>
+                <div class="body">
+                    {{ article.body }}
+                </div>
+            </article>
+            {% endfor %}
+        </main>
+    </body>
+</html>
diff --git a/templates/sources.html b/templates/sources.html
@@ -0,0 +1,16 @@
+<html>
+    <head>
+        <title>Sources</title>
+    </head>
+    <body>
+        <form method="POST">
+            <input name="feed">
+            <button type="submit">Add feed</button>
+        </form>
+        {% for source in sources %}
+        <div>
+            <a href="{{ source.link }}">{{ source.title }}</a>
+        </div>
+        {% endfor %}
+    </body>
+</html>
