view.html 4.29 KB
{% extends 'subjects/view.html' %}

{% load static i18n pagination permissions_tags subject_counter %}
{% load django_bootstrap_breadcrumbs %}

{% block javascript%}
    {{ block.super }}
{% endblock%}

{% block breadcrumbs %}
    {{ block.super }}
    {% breadcrumb topic 'subjects:topic_view' subject.slug topic.slug %}
    {% breadcrumb bulletin 'bulletin:view' bulletin.slug %}
{% endblock %}

{% block content %}
    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-{{ message.tags }} alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <p>{{ message }}</p>
            </div>
        {% endfor %}
    {% endif %}

    {% resource_permissions request.user bulletin as has_resource_permissions %}

    {% if bulletin.visible %}
		<div class="panel panel-info topic-panel">
        	<div class="panel-heading">
	{% elif has_resource_permissions %}
		<div class="panel panel-info topic-panel-invisible">
        	<div class="panel-heading panel-invisible">
    {% endif %}
        		<div class="row">
                    <div class="col-md-12 category-header">
                        <h4 class="panel-title" style="margin-top: 10px; margin-bottom: 8px">
                            <span>{{ bulletin }}</span>
                        </h4>

                        <div class="col-md-5 pull-right category-card-items">
                            <a href="{% url 'mural:resource_view' bulletin.slug %}" class="pull-right action_icon">
                                <i class="fa fa-list" aria-hidden="true"></i>
                                {% resource_mural_number bulletin request.user %}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content">
                {% autoescape off %}
            	   {{ bulletin.content }}
                {% endautoescape %}

                <hr />

                <div class="row">
                    <div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 alert-warning bulletin-warning">
                        <div class="col-md-2 col-sm-2">
                            <img src="{% static 'img/warning.png' %}" class="img-responsive" />
                        </div>
                        <div class="col-md-10 col-sm-10">
                            <h4>{% trans 'There are obstructions to your activities?' %}</h4>
                            <p><a data-toggle="modal" data-target="#bulletin-difficulties-modal" href="">{% trans 'Click here' %}</a> {% trans 'to communicate the difficulties that may decrease your performance.' %}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" tabindex="-1" role="dialog" id="bulletin-difficulties-modal">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">{% trans 'Inform difficulties' %}</h4>
                    </div>
                    <div class="modal-body">
                        <form id="bulletin-difficulties" action="" method="POST" enctype="multipart/form-data">
                            {% csrf_token %}

                            <textarea class="form-control" id="dificulties" name="difficulties" placeholder="{% trans 'Type here the dificulties that may harm your performance' %}"></textarea>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default btn-raised" data-dismiss="modal">{% trans "Close" %}</button>
                        <button type="submit" class="btn btn-success btn-raised erase-button" form="bulletin-difficulties">{% trans "Send" %}</button>
                    </div>
                </div>
            </div>
        </div>
{% endblock %}