Chapter 12

app/__init__.py

@@ -7,6 +7,7 @@ from flask_sqlalchemy import SQLAlchemy
 from flask_migrate import Migrate
 from flask_login import LoginManager
 from flask_bootstrap import Bootstrap
+from flask_moment import Moment
 
 app = Flask(__name__)
 app.config.from_object(Config)
@@ -20,6 +21,7 @@ login = LoginManager(app)
 # sets de default login view
 login.login_view = "login"
 bootstrap = Bootstrap(app)
+moment = Moment(app)
 
 if not app.debug:
     if app.config["MAIL_SERVER"]:

app/templates/_post.html

@@ -6,12 +6,12 @@
           </a>
       </td>
       <td>
-          <a href="{{ url_for('user', username=post.author.username) }}">
-              {{ post.author.username }}
-          </a>
-          says:
-          <br>
-          {{ post.body }}
+        <a href="{{ url_for('user', username=post.author.username) }}">
+          {{ post.author.username }}
+        </a>
+        said {{ moment(post.timestamp).fromNow() }}:
+        <br>
+        {{ post.body }}
       </td>
   </tr>
 </table>

app/templates/base.html

@@ -47,4 +47,9 @@
         {# application content needs to be provided in the app_content block #}
         {% block app_content %}{% endblock %}
     </div>
+{% endblock %}
+
+{% block scripts %}
+    {{ super() }}
+    {{ moment.include_moment() }}
 {% endblock %}

app/templates/user.html

@@ -7,7 +7,9 @@
             <td>
                 <h1>User: {{ user.username }}</h1>
                 {% if user.about_me %}<p>{{ user.about_me }}</p>{% endif %}
-                {% if user.last_seen %}<p>Last seen on: {{ user.last_seen }}</p>{% endif %}
+                {% if user.last_seen %}
+                <p>Last seen on: {{ moment(user.last_seen).format('LLL') }}</p>
+                {% endif %}
                 <p>{{ user.followers.count() }} followers, {{ user.followed.count() }} following.</p>
                 {% if user == current_user %}
                 <p><a href="{{ url_for('edit_profile') }}">Edit your profile</a></p>