article_detail.html

{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load crispy_forms_field %}
{% load md2 %}


{% block content-banner %}
{% endblock %}

{% block content %}
<div class="row">
<div class="col-md-12 white-bg">
  <div class="well">

    <div class="d-flex justify-content-start align-items-baseline mb-4">
      <p class="lead">
        <a class="btn btn-outline-primary" href="{% url 'rp:article-list' filter_view='draft' %}">
          <i class="fa fa-chevron-left" aria-hidden="true"></i> Pending articles
        </a>
        {% if object.status == 'PUBLISHED' %}
        <span class="ml-2"><strong>Article ID #{{object.id}} published on {{ object.published_at|date:"DATETIME_FORMAT" }}</strong></span>
        {% else %}
        <span class="ml-2"><strong>Article ID #{{object.id}}</strong></span>
        {% endif %}
      </p>
      <div class="ml-auto">
        <span class="btn-group" role="group" aria-label="Actions">
          {% if object.status == 'PUBLISHED' %}
          <a class="btn btn-outline-danger" href="{% url 'rp:article-edit' object.id %}">Edit</a>
          {% else %}
          <a class="btn btn-outline-primary" href="{% url 'rp:article-edit' object.id %}">Edit</a>
          <a class="btn btn-outline-warning" href="#">Publish</a>
          {% endif %}
        </span>
      </div>
    </div>

    <div class="row">
      <div class="col-sm-4"=>
        {% if object.screenshot %}
        <img class="img-fluid mb-4"
             src="/media/{{ object.screenshot }}">
        {% endif %}
      </div>
      <div class="col-sm-8 lead">
        <h4><a target="_blank" href="{{object.url}}">{{object.title}}</a></h4>
        <p>{{article.created_at.date}}
        {% for t in article.tags.all %}
        <span class="badge badge-default ml-1">{{t}}</span>
        {% endfor %}
        </p>

        <p>{{object.extracts |markdown}}</p>
      </div>
    </div>

</div>
</div>
{% endblock %}