<article class="mb-3 p-1 bg-light">
    <div class="row">
        <div class="col-md-12">
            <header>
                <h3 class="mb-3">
                    <a href="">Message important !</a>
                </h3>
                <dl class="small row">
                    <dt class="col-4">Type</dt>
                    <dd class="col-8">Communication</dd>
                    <dt class="col-4">Reçu le</dt>
                    <dd class="col-8">17.02.2017</dd>
                    <dt class="col-4">Lu le</dt>
                    <dd class="col-8">18.01.2017</dd>

                </dl>
            </header>

            <p>En date du 01.01.2017, une nouvelle charte graphique a été dévelopée dans le but de satisfaire le plus grand nombre de personne et de faciliter l&#39;utilisation de l&#39;espace sécurisé. Merci de votre compréhension.</p>

            <footer>
                <h4 class="sr-only">Actions sur le message</h4>
                <ul class="list-inline">
                    <li><a href="#">Quittancer</a></li>
                </ul>
            </footer>
        </div>

    </div>
</article>
<article class="mb-3 p-1 bg-light">
  <div class="row">
    <div class="col-md-12">
      <header>
        <h3 class="mb-3">
            <a href="{{ url }}">{{ title }}</a>
        </h3>
        {%- if meta -%}
        <dl class="small row">
          {%- if meta.type -%}
          <dt class="col-4">Type</dt>
          <dd class="col-8">{{ meta.type }}</dd>
          {% endif -%}
          {%- if meta.reference -%}
          <dt class="col-4">Référence</dt>
          <dd class="col-8"><samp>{{ meta.reference }}</samp></dd>
          {% endif -%}
          {% if meta.date -%}
          <dt class="col-4">Date</dt>
          <dd class="col-8">{{ meta.date }}</dd>
          {% endif -%}
          {% if meta.receiveDate -%}
          <dt class="col-4">Reçu le</dt>
          <dd class="col-8">{{ meta.receiveDate }}</dd>
          {% endif -%}
          {% if meta.closeDate -%}
          <dt class="col-4">Clôturé le</dt>
          <dd class="col-8">{{ meta.closeDate }}</dd>
          {% endif -%}
          {% if meta.readDate -%}
          <dt class="col-4">Lu le</dt>
          <dd class="col-8">{{ meta.readDate }}</dd>
          {% endif -%}
          {% if meta.quittanceDate -%}
          <dt class="col-4">Quittancé le</dt>
          <dd class="col-8">{{ meta.quittanceDate }}</dd>
          {% endif -%}
          {% if meta.status -%}
          <dt class="col-4">Statut</dt>
          <dd class="col-8">{{ meta.status }}</dd>
          {% endif -%}
          {% if meta.recipient -%}
          <dt class="col-4">Bénéficiaire</dt>
          <dd class="col-8">{{ meta.recipient }}</dd>
          {%- endif %}
        </dl>
        {%- endif -%}
      </header>
      {% if text %}
      <p>{{ text }}</p>
      {% endif %}

      {% if note %}
      <p><small>{{ note }}</small></p>
      {% endif %}

      {%- if tasks -%}
      <h4 class="mb-3">Tâches à traiter</h4>
      <ul>
        {%- for task in tasks -%}
        <li><a href="{{ task.url }}">{{ task.title }}</a> <small class="d-block">Reçu le {{ task.date }}</small></li>      {% endfor %}
      </ul>
      {%- endif -%}
      {%- if messages -%}
      <h4 class="mb-3">Messages à traiter</h4>
      <ul>
        {%- for message in messages -%}
        <li><a href="{{ message.url }}">{{ message.title }}</a> <small class="d-block">Reçu le {{ message.date }}</small></li>
        {%- endfor -%}
      </ul>
      {%- endif -%}
      <footer>
      {% render '@actions', actions -%}
    </footer>
    </div>

  </div>
</article>
{
  "title": "Message important !",
  "href": "#",
  "meta": {
    "type": "Communication",
    "receiveDate": "17.02.2017",
    "readDate": "18.01.2017"
  },
  "actions": {
    "title": "Actions sur le message",
    "actions": [
      {
        "title": "Quittancer",
        "url": "#"
      }
    ]
  },
  "text": "En date du 01.01.2017, une nouvelle charte graphique a été dévelopée dans le but de satisfaire le plus grand nombre de personne et de faciliter l'utilisation de l'espace sécurisé. Merci de votre compréhension."
}

No notes defined.