welco/welco/sources/mail/templates/welco/mail_summary.html

{% load i18n %}
{% if object.post_date %}
<p class="post-date">{% trans "Post Date:" %} {{object.post_date}}</p>
{% endif %}

{% if object.registered_mail_number %}
<p class="registered-mail-number">{% trans "Registered Mail Number:" %} {{object.registered_mail_number}}</p>
{% endif %}

{% if object.subject %}
<p class="subject">{% trans "Subject:" %} {{object.subject}}</p>
{% endif %}

<p class="thumbnail">
 <a href="{{ site_base }}{{ object.content.url }}" target="_blank">
 <img src="{{ site_base }}{{ object.content.url }}.png" alt=""/>
 </a>
</p>

{% if object.note %}
<p class="postit">
{{object.html_note|safe}}
</p>
{% endif %}

{% if object.associations.all|length > 1 %}
<strong>{% trans 'Mail with multiple formdata:' %}</strong>
<ul>
{% for association in object.associations.all %}
  <li><a href="{{association.formdata_url}}">{{association.formdef_name}}</a></li>
{% endfor %}
</ul>
{% endif %}

{% if object.get_mandatory_avis|length %}
<div class="bo-block
     {% for avis in object.get_mandatory_avis %}{% if not avis.comments %} important {% endif %}{% endfor %}">
<strong>{% trans "Mandatory Avis" %}</strong>
<ul>
  {% for avis in object.get_mandatory_avis %}
  <li>{{avis.role_name}}:
          {% if avis.comments %}{{ avis.comments }}{% else %}{% trans 'Waiting for avis.' %}{% endif %}</li>
  {% endfor %}
</ul>
</div>
{% endif %}

{% if object.get_avis|length %}
<div class="bo-block">
<strong>{% trans "Avis" %}</strong>
<ul>
  {% for avis in object.get_avis %}
  <li>{{avis.role_name}}:
          {% if avis.comments %}{{ avis.comments }}{% else %}{% trans 'Waiting for avis.' %}{% endif %}</li>
  {% endfor %}
</ul>
</div>
{% endif %}

{% if object.get_info_roles|length %}
<div class="bo-block visas">
<strong>{% trans "Visas" %}</strong>
<ul>
  {% for info in object.get_info_roles %}
  <li>{{info.role_name}} {% if not info.done %}{% trans "(not yet seen)" %}{% endif %}</li>
  {% endfor %}
</ul>
</div>
{% endif %}

<style>
p.postit {
	background: rgba(241,231,103,1);
	transform: rotate(2deg);
	box-shadow: 3px 3px 3px #aaa;
	padding: 1ex;
	width: 90%;
}
div.visas ul {
	margin-bottom: 0;
}
</style>