Added events table.

Author: Michael Zhang

templates/users/profile.html

@@ -31,17 +31,41 @@ <h2 style="margin:0px;font-weight:bold;font-size:2em;">{{ user.name }}</h2>
         </div>
         <div class="col-sm-9 col-xs-12">
             <ul class="nav nav-tabs" role="tablist">
-                <li role="presentation" class="active"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
-                <li role="presentation"><a href="#activity" aria-controls="activity" role="tab" data-toggle="tab">Activity</a></li>
-                <a href="/settings" class="btn btn-primary" style="float:right;" ng-show="user['me']==true"><i class="fa fa-fw fa-pencil"></i> Edit Profile</a>
+                <li role="presentation" class="active">
+                    <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
+                <li role="presentation">
+                    <a href="#activity" aria-controls="activity" role="tab" data-toggle="tab">Activity</a>
+                </li>
+                <a href="/settings" class="btn btn-primary" style="float:right;" ng-show="user['me']==true"><i class="fa fa-fw fa-pencil"></i>
+                    Edit Profile</a>
             </ul>
             <div class="tab-content">
                 <div role="tabpanel" class="tab-pane active" id="profile">
                     <div class="page-header">
                         <h1>{{ user.username }}</h1>
                     </div>
-                    <div class="panel panel-default">
-                        <table class="table">
+                    <div class="page-header">
+                        <h3>{{ user.username }}'s Events</h3>
+
+                        <table class="table table-hover table-striped">
+                            <thead>
+                            <th>Name</th>
+                            <th>Description</th>
+                            <th>Date</th>
+                            <th>Duration</th>
+                            <th>Website</th>
+                            </thead>
+                            <tbody>
+                            {% for event in user.events %}
+                                <tr id="event_{{ event.id }}">
+                                    <td><a href="{{ url_for('events.events_detail', event_id=event.id) }}">{{ event.title }}</a></td>
+                                    <td>{{ event.description }}</td>
+                                    <td><span data-livestamp="{{ event.start_time }}"></span></td>
+                                    <td>{{ event.duration|duration('hour') }}</td>
+                                    <td><a href="{{ event.link }}" target="_blank">Website</a></td>
+                                </tr>
+                            {% endfor %}
+                            </tbody>
                         </table>
                     </div>
                 </div>