<article class="mb-3 p-1 bg-light">
    <div class="row">
        <div class="col-md-12">
            <header>
                <h3 class="mb-3">
                    <a href="">Demande de permis de construire</a>
                </h3>
                <dl class="small row">
                    <dt class="col-4">Type</dt>
                    <dd class="col-8">Demande</dd>
                    <dt class="col-4">Référence</dt>
                    <dd class="col-8"><samp>HOX0AI-AJQ7K1</samp></dd>
                    <dt class="col-4">Date</dt>
                    <dd class="col-8">17.02.2017</dd>
                    <dt class="col-4">Statut</dt>
                    <dd class="col-8">En cours</dd>
                    <dt class="col-4">Bénéficiaire</dt>
                    <dd class="col-8">Jean Villars Gilles</dd>
                </dl>
            </header>

            <h4 class="mb-3">Tâches à traiter</h4>
            <ul>
                <li><a href="#">Valider l&#39;autorisation de construire sur un terrain inexploiter.</a> <small class="d-block">Reçu le 17.02.2017</small></li>
            </ul>
            <h4 class="mb-3">Messages à traiter</h4>
            <ul>
                <li><a href="#">Bonjour, un nouveau processus lié à la demande de permis.</a> <small class="d-block">Reçu le 17.02.2017</small></li>
            </ul>
            <footer>
                <h4 class="sr-only">Actions sur la demande</h4>
                <ul class="list-inline">
                    <li><a href="#">Démarrer une prestation sur ce modèle</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": "Demande de permis de construire",
  "href": "#",
  "meta": {
    "type": "Demande",
    "reference": "HOX0AI-AJQ7K1",
    "date": "17.02.2017",
    "status": "En cours",
    "recipient": "Jean Villars Gilles"
  },
  "actions": {
    "title": "Actions sur la demande",
    "actions": [
      {
        "title": "Démarrer une prestation sur ce modèle",
        "url": "#"
      }
    ]
  },
  "messages": [
    {
      "title": "Bonjour, un nouveau processus lié à la demande de permis.",
      "url": "#",
      "date": "17.02.2017"
    }
  ],
  "tasks": [
    {
      "title": "Valider l'autorisation de construire sur un terrain inexploiter.",
      "url": "#",
      "date": "17.02.2017"
    }
  ]
}

No notes defined.