Skip to content
Snippets Groups Projects
Commit 8108e339 authored by Saravanan, Mukesh (PG/T - Comp Sci & Elec Eng)'s avatar Saravanan, Mukesh (PG/T - Comp Sci & Elec Eng)
Browse files

Replace index.html

parent ec468d93
No related branches found
No related tags found
1 merge request!32Final frontend
Hide whitespace changes
Inline Side-by-side
frontend/application/templates/forum/index.html
+ 58
− 46
View file @ 8108e339
...@@ -3,70 +3,82 @@ ...@@ -3,70 +3,82 @@
{% block pageContent%} {% block pageContent%}
<style>
body {
background-color: #f8f9fa;
color: #212529;
}
.card-header {
background-color: #c6e2ff;
color: white;
}
.nav-link.active {
background-color: #6c757d;
color: white;
}
</style>
<div> <div>
</div>
</div>
<div class="col-md-6 gedf-main"> <div class="col-md-6 gedf-main">
<div class="card gedf-card"> <div class="card gedf-card">
<div class="card-header"> <div class="card-header">
<ul class="nav nav-tabs card-header-tabs" id="myTab" role="tablist"> <ul class="nav nav-tabs card-header-tabs" id="myTab" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" id="posts-tab" data-toggle="tab" href="#posts" role="tab" aria-controls="posts" aria-selected="true">Start a discussion</a> <a class="nav-link active" id="posts-tab" data-toggle="tab" href="#posts" role="tab" aria-controls="posts" aria-selected="true">Start a discussion</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="tab-content" id="myTabContent"> <div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="posts" role="tabpanel" aria-labelledby="posts-tab"> <div class="tab-pane fade show active" id="posts" role="tabpanel" aria-labelledby="posts-tab">
<div class="form-group"> <div class="form-group">
<label class="sr-only" for="message">post</label> <label class="sr-only" for="message">post</label>
<a class="btn btn--link" href="{{ url_for('frontend.create_post') }}">New Post</a> <a class="btn btn--link" href="{{ url_for('frontend.create_post') }}">New Post</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% for post,image in data %} </div>
<div class="card gedf-card"> {% for post,image in data %}
<div class="card-header"> <div class="card gedf-card">
<div class="card-header">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div class="mr-2"> <div class="mr-2">
<img class="rounded-circle" width="45" src="images/users/{{ image }}"> <img class="rounded-circle" width="45" src="images/users/{{ image }}">
</div> </div>
<div class="ml-2"> <div class="ml-2">
<div class="h5 m-0"><a href="{{ url_for('frontend.display_user', user_id=post.user_id) }}">{{ post['user_name'] }}</a></div> <div class="h5 m-0"><a href="{{ url_for('frontend.display_user', user_id=post.user_id) }}">{{ post['user_name'] }}</a></div>
</div>
</div> </div>
</div> <div>
<div> <div class="dropdown">
<div class="dropdown"> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="text-muted h7 mb-2"> <i class="fa fa-clock-o"></i>{{ post['date_added']}}</div> <div class="text-muted h7 mb-2"> <i class="fa fa-clock-o"></i>{{ post['date_added']}}</div>
<a class="card-link" href="{{ url_for('frontend.display_post', post_id=post.id) }}"> <a class="card-link" href="{{ url_for('frontend.display_post', post_id=post.id) }}">
<h5 class="card-title">{{ post['title'] }}</h5> <h5 class="card-title">{{ post['title'] }}</h5>
</a> </a>
{% if post['image_url'] != '' %}
<img class="post-image" src="static/images/{{ post['image_url'] }}">
{% endif %}
<p class="card-text">{{ post.content | safe }}</p> <p class="card-text">{{ post.content | safe }}</p>
</div>
<div class="card-footer"> </div>
<div class="card-footer">
<a href="{{ url_for('frontend.display_post', post_id=post.id) }}" class="card-link"><i class="fa fa-comment"></i> Comment</a> <a href="{{ url_for('frontend.display_post', post_id=post.id) }}" class="card-link"><i class="fa fa-comment"></i> Comment</a>
</div>
</div> </div>
{% endfor %}
</div> </div>
{% endfor %}
</div>
{% endblock %} {% endblock %}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment