diff options
| -rw-r--r-- | fossee_manim/templates/fossee_manim/video.html | 88 |
1 files changed, 39 insertions, 49 deletions
diff --git a/fossee_manim/templates/fossee_manim/video.html b/fossee_manim/templates/fossee_manim/video.html index 31867da..c0f8d29 100644 --- a/fossee_manim/templates/fossee_manim/video.html +++ b/fossee_manim/templates/fossee_manim/video.html @@ -10,11 +10,11 @@ <div class="col-md-12" > <br> <video width="100%" height="90%" controls> - <source src="{{video.0.video_path.url}}" type="video/mp4"> + <source src="{{video.0.video_path.url}}" type="video/mp4"> </video> <div class="row"> <div class="col-md-8"> - <p style="color:#26A669; font-size: 200%; float: left;"> {{ video.0.animation.title }} </p> + <p style="color:#26A669; font-size: 200%; float: left;"> {{ video.0.animation.title }} </p> </div> <div class="col-md-4"> <p style="font-size: 70%; float: right;"> {{ video.0.animation.subcategory }} </p> @@ -22,68 +22,58 @@ </div> <br> </div> - + </div> <div class="row"> <div class="col-md-10"> <hr> <br> - <p style="color:black; font-size: 100%; float: left;"> - {{ video.0.animation.outline }} + <p style="color:black; font-size: 100%; float: left;"> + {{ video.0.animation.outline|safe }} </p> <br> </div> </div> <hr> - <div class="row"> - <div class="col-md-4"> - <a href="{% url 'video' reco.0.id %}" > - <span class="fa fa-play fa-4x" id="play-btn"></span> - <img height="95%" width="95%" src="{{ reco.0.thumbnail.url }}"> - </a> - </div> + <div class="row"> + {% if reco %} + {% for item in reco %} <div class="col-md-4"> - <a href="{% url 'video' reco.1.id %}" > + <a href="{% url 'video' item.id %}" > <span class="fa fa-play fa-4x" id="play-btn"></span> - <img height="95%" width="95%" src="{{ reco.1.thumbnail.url }}"> - </a> - </div> - <div class="col-md-4"> - <a href="{% url 'video' reco.2.id %}" > - <span class="fa fa-play fa-4x" id="play-btn"></span> - <img height="95%" width="95%" src="{{ reco.2.thumbnail.url }}"> + <img height="95%" width="95%" src="{{ item.thumbnail.url }}"> </a> </div> + {% endfor %} + {% endif %} </div> <div> - <br> <br> - <h2>Comments</h2> - <div> - <form method="POST"> - <br> - {% csrf_token %} - {{ comment_form.as_p }} - <button type="submit" class="btn btn-success">Post</button> - </form> - - </div> - <hr style="background-color: #fff; - border-top: 5px double #8c8b8b;"> - <table> - {% for comment in comments %} - <tbody> - <tr> - <td> - <h5>{{ comment.commentor.profile.user.get_full_name }} | {{ comment.created_date | date }}</h5> - <h6 style="background-color: #ecf0f1; padding:10px;">{{ comment.comment }}</h6> - <hr style="border-top: 0.5px solid #8c8b8b;"> - </td> - </tr> - </tbody> - {% endfor %} - </table> - - <br> + <br><br> + <h2>Comments</h2> + <div> + <form method="POST"> + <br> + {% csrf_token %} + {{ comment_form.as_p }} + <button type="submit" class="btn btn-success">Post</button> + </form> + </div> + <hr style="background-color: #fff; + border-top: 5px double #8c8b8b;"> + <table> + {% for comment in comments %} + <tbody> + <tr> + <td> + <h5>{{ comment.commentor.profile.user.get_full_name }} | {{ comment.created_date | date }}</h5> + <h6 style="background-color: #ecf0f1; padding:10px;">{{ comment.comment }}</h6> + <hr style="border-top: 0.5px solid #8c8b8b;"> + </td> + </tr> + </tbody> + {% endfor %} + </table> + <br> </div> </div> -{% endblock %}
\ No newline at end of file +{% endblock %} |