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>
          {% if perms.rp.can_change_status %}
          <a class="btn btn-outline-default" href="{% url 'api:article-unpublish' object.id %}">UnPublish</a>
          <a class="btn btn-outline-danger" href="{% url 'api:article-reject' object.id %}">Reject</a>
          {% endif %}
          {% else %}
          <a class="btn btn-outline-primary" href="{% url 'rp:article-edit' object.id %}">Edit</a>
          {% if perms.rp.can_change_status %}
          <a class="btn btn-outline-warning" href="{% url 'api:article-publish' object.id %}">Publish</a>
          <a class="btn btn-outline-danger" href="{% url 'api:article-reject' object.id %}">Reject</a>
          <a class="btn btn-outline-default" href="{% url 'api:article-recover' object.id %}">Recover</a>
          {% endif %}
          {% 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>
        {% if article.archive %}
        <span class="badge badge-info ml-1"><span class="glyphicon glyphicon-floppy-disk" aria-label="{{ _("Archived") }}"></span>
        {% endif %}
        {% if article.quote %}
        <span class="badge badge-info ml-1"><span class="glyphicon glyphicon-comment" aria-label="{{ _("Quotes us") }}"></span>
        {% endif %}
        {% if article.speak %}
        <span class="badge badge-info ml-1"><span class="glyphicon glyphicon-bullhorn" aria-label="{{ _("Speaks about us") }}"></span>
        {% endif %}

        <h4>{{ _("Article created by:") }}&nbsp;<em>{{ article.created_by }}</em></h4>
        <p>
        <a target="mailto:{{ article.created_by.user.email }}"><span class="glyphicon glyphicon-envelope" aria-label="{{ _("Contact this user by email")}}"></span>
        </p>
        <p>{{object.extracts |markdown}}</p>
        {% if perms.rp.can_vote %}
        <span>
            <a href="{% url 'api:article-upvote' object.id  %}" class="btn btn-outline-default">+1</a>
            <a href="{% url 'api:article-downvote' object.id  %}" class="btn btn-outline-default">-1</a>
        </span>
        {% endif %}
      </div>
    </div>

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