templates/sonata/Block/notifications.html.twig line 1

Open in your IDE?
  1. <div class="dashboard-content-suivi">
  2.     {% set currentUser = app.user %}
  3.     {% if is_granted('ROLE_SUPERADMIN') %}
  4.         {% set selectedUserId = app.request.query.get('selectedUser', currentUser.id) %}
  5.         {% set selectedUser = currentUser.entreprise.utilisateurs|filter(user => user.id == selectedUserId)|first %}
  6.     {% else %}
  7.         {% set selectedUser = app.user %}
  8.     {% endif %}
  9.     {% set unreadCount = selectedUser.infosSuivis|filter(info => not info.lu)|length %}
  11.     <div class="head-suivi">
  12.         <h3 class="text-gold">
  13.             Notifications
  14.             {% if unreadCount > 0 %}
  15.                 <span class="notification-badge">{{ unreadCount }}</span>
  16.             {% endif %}
  17.         </h3>
  18.         {% if is_granted('ROLE_SUPERADMIN') %}
  19.             <form method="GET" action="{{ path(app.request.attributes.get('_route')) }}">
  20.                 <select name="selectedUser" onchange="this.form.submit()">
  21.                     {% for user in app.user.entreprise.utilisateurs %}
  22.                         {% set unreadCount = user.infosSuivis|filter(info => not info.lu)|length %}
  23.                         <option value="{{ user.id }}" {% if user.id == selectedUserId %}selected{% endif %}>
  24.                             {{ user.nom }} {{ user.prenom }}{% if unreadCount > 0 %} ({{ unreadCount }}){% endif %}
  25.                         </option>
  26.                     {% endfor %}
  27.                 </select>
  28.             </form>
  29.         {% endif %}
  30.     </div>
  31.     <div class="body-suivi">
  32.         {% if selectedUser %}
  33.             {% set unreadInfos = selectedUser.infosSuivis|filter(info => not info.lu)|sort((a, b) => a.date < b.date) %}
  34.             {% set readInfos = selectedUser.infosSuivis|filter(info => info.lu)|sort((a, b) => a.date < b.date) %}
  36.             {% for infoSuivi in unreadInfos %}
  37.                 {% set infoClass = 'info' %}
  38.                 {% if infoSuivi.type == 'visite' %}
  39.                     {% set infoClass = infoClass ~ ' info-visite' %}
  40.                 {% elseif infoSuivi.type == 'client' %}
  41.                     {% set infoClass = infoClass ~ ' info-client' %}
  42.                 {% elseif infoSuivi.type == 'rappel' %}
  43.                     {% set infoClass = infoClass ~ ' info-rappel' %}
  44.                 {% elseif infoSuivi.type == 'suppr' %}
  45.                     {% set infoClass = infoClass ~ ' info-suppr' %}
  46.                 {% endif %}
  47.                 <div class="info {{ infoClass }}">
  48.                     <div class="info-head">
  49.                         <div class="info-badges">
  50.                             {% if infoSuivi.type == 'visite' %}
  51.                                 <small><i class="fa fa-info-circle" aria-hidden="true"></i>{{ infoSuivi.type }}</small>
  52.                             {% elseif infoSuivi.type == 'client' %}
  53.                                 <small><i class="fa fa-user" aria-hidden="true"></i>{{ infoSuivi.type }}</small>
  54.                             {% elseif infoSuivi.type == 'rappel' %}
  55.                                 <small><i class="fa fa-bell" aria-hidden="true"></i>{{ infoSuivi.type }}</small>
  56.                             {% elseif infoSuivi.type == 'suppr' %}
  57.                                 <small><i class="fa fa-trash" aria-hidden="true"></i>suppression</small>
  58.                             {% endif %}
  59.                             <span class="info-time">{{ infoSuivi.date|date('H:i - d/m/Y') }}</span>
  60.                         </div>
  61.                         <div class="info-new"><i class="fa fa-bell" aria-hidden="true"></i></div>
  62.                     </div>
  63.                     <div class="info-body">
  64.                         <p>
  65.                             {% set prospectsString = '' %}
  66.                             {% for prospect in infoSuivi.prospects %}
  67.                                 {% set prospectsString = prospectsString ~ '<a class="info-user" href="' ~ absolute_url(path('admin_app_prospect_edit', {id: prospect.id})) ~ '">' ~ prospect ~ '</a>' ~ (loop.last ? '' : ', ') %}
  68.                             {% endfor %}
  69.                             {% if infoSuivi.historique %}
  70.                                 {% set userHistorique = '<a class="info-user" href="' ~ absolute_url(path('admin_app_historique_show', {id: infoSuivi.historique.id})) ~ '">visité</a>' %}
  71.                             {% else %}
  72.                                 {% set userHistorique = 'visité' %}
  73.                             {% endif %}
  74.                             {% if infoSuivi.auteur %}
  75.                                 {% set userLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_utilisateur_edit', {id: infoSuivi.auteur.id})) ~ '">' ~ infoSuivi.auteur.getNom() ~ ' ' ~ infoSuivi.auteur.getPrenom() ~ '</a>' %}
  76.                             {% else %}
  77.                                 {% set userLink = 'un utilisateur inconnu' %}
  78.                             {% endif %}
  79.                             {% if infoSuivi.connectedUser %}
  80.                                 {% set connectedUserLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_utilisateur_edit', {id: infoSuivi.connectedUser.id})) ~ '">' ~ infoSuivi.connectedUser.getNom() ~ ' ' ~ infoSuivi.connectedUser.getPrenom() ~ '</a>' %}
  81.                             {% else %}
  82.                                 {% set connectedUserLink = 'un utilisateur inconnu' %}
  83.                             {% endif %}
  85.                             {% set description = infoSuivi.description %}
  87.                             {# Remplacer les placeholders standards #}
  88.                             {% set description = description|replace({'[prospect]': prospectsString, '[user]': connectedUserLink, '[connectedUser]': connectedUserLink, '[visite]': userHistorique}) %}
  90.                             {# Gérer les placeholders spéciaux pour les demandes de suppression #}
  91.                             {% if infoSuivi.type == 'suppr' %}
  92.                                 {# Lien vers le listing des demandes de suppression #}
  93.                                 {% set demandeSuppressionLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_programme_suppresion_demande_list')) ~ '">demande de suppression</a>' %}
  94.                                 {% set description = description|replace({'[demande de suppression]': demandeSuppressionLink}) %}
  96.                                 {# Gérer le placeholder simple [programme] #}
  97.                                 {% if infoSuivi.programme %}
  98.                                     {% set programmeNom = infoSuivi.programme.nom ?: 'Programme sans nom' %}
  99.                                     {% set programmeLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_programme_edit', {id: infoSuivi.programme.id})) ~ '">' ~ programmeNom ~ '</a>' %}
  100.                                     {% set description = description|replace({'[programme]': programmeLink}) %}
  101.                                 {% endif %}
  103.                                 {# Parser et remplacer le placeholder du programme [programme:id:nom] (pour compatibilité) #}
  104.                                 {% if '[programme:' in description %}
  105.                                     {% set matches = description|split('[programme:') %}
  106.                                     {% if matches|length > 1 %}
  107.                                         {% set programmeInfo = matches[1]|split(']')[0] %}
  108.                                         {% set programmeInfoParts = programmeInfo|split(':') %}
  109.                                         {% if programmeInfoParts|length >= 2 %}
  110.                                             {% set programmeId = programmeInfoParts[0] %}
  111.                                             {% set programmeNom = programmeInfoParts[1] %}
  112.                                             {% set programmeLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_programme_edit', {id: programmeId})) ~ '">' ~ programmeNom ~ '</a>' %}
  113.                                             {% set description = description|replace({('[programme:' ~ programmeInfo ~ ']'): programmeLink}) %}
  114.                                         {% endif %}
  115.                                     {% endif %}
  116.                                 {% endif %}
  117.                             {% endif %}
  119.                             {{ description|raw }}
  120.                         </p>
  121.                         {% if selectedUser == app.user %}
  122.                             <span class="info-vu" data-id="{{ infoSuivi.id }}">
  123.                                 <i class="fa fa-check" aria-hidden="true"></i>
  124.                                 <i class="fa fa-spinner fa-spin" style="display:none;" aria-hidden="true"></i>
  125.                                 Marquer comme vu</span>
  126.                         {% endif %}
  127.                     </div>
  128.                 </div>
  129.             {% endfor %}
  131.             {% for infoSuivi in readInfos %}
  132.                 {% set infoClass = 'info' %}
  133.                 {% if infoSuivi.type == 'visite' %}
  134.                     {% set infoClass = infoClass ~ ' info-visite' %}
  135.                 {% elseif infoSuivi.type == 'client' %}
  136.                     {% set infoClass = infoClass ~ ' info-client' %}
  137.                 {% elseif infoSuivi.type == 'rappel' %}
  138.                     {% set infoClass = infoClass ~ ' info-rappel' %}
  139.                 {% elseif infoSuivi.type == 'suppr' %}
  140.                     {% set infoClass = infoClass ~ ' info-suppr' %}
  141.                 {% endif %}
  142.                 <div class="info {{ infoClass }} read">
  143.                     <div class="info-head">
  144.                         <div class="info-badges">
  145.                             {% if infoSuivi.type == 'visite' %}
  146.                                 <small><i class="fa fa-info-circle" aria-hidden="true"></i>{{ infoSuivi.type }}</small>
  147.                             {% elseif infoSuivi.type == 'client' %}
  148.                                 <small><i class="fa fa-user" aria-hidden="true"></i>{{ infoSuivi.type }}</small>
  149.                             {% elseif infoSuivi.type == 'rappel' %}
  150.                                 <small><i class="fa fa-bell" aria-hidden="true"></i>{{ infoSuivi.type }}</small>
  151.                             {% elseif infoSuivi.type == 'suppr' %}
  152.                                 <small><i class="fa fa-trash" aria-hidden="true"></i>suppression</small>
  153.                             {% endif %}
  154.                             <span class="info-time">{{ infoSuivi.date|date('H:i - d/m/Y') }}</span>
  155.                         </div>
  156.                         <div class="info-new"></div>
  157.                     </div>
  158.                     <div class="info-body">
  159.                         <p>
  160.                             {% set prospectsString = '' %}
  161.                             {% for prospect in infoSuivi.prospects %}
  162.                                 {% set prospectsString = prospectsString ~ '<a class="info-user" href="' ~ absolute_url(path('admin_app_prospect_edit', {id: prospect.id})) ~ '">' ~ prospect ~ '</a>' ~ (loop.last ? '' : ', ') %}
  163.                             {% endfor %}
  164.                             {% if infoSuivi.historique %}
  165.                                 {% set userHistorique = '<a class="info-user" href="' ~ absolute_url(path('admin_app_historique_show', {id: infoSuivi.historique.id})) ~ '">visité</a>' %}
  166.                             {% else %}
  167.                                 {% set userHistorique = 'visité' %}
  168.                             {% endif %}
  169.                             {% if infoSuivi.auteur %}
  170.                                 {% set userLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_utilisateur_edit', {id: infoSuivi.auteur.id})) ~ '">' ~ infoSuivi.auteur.getNom() ~ ' ' ~ infoSuivi.auteur.getPrenom() ~ '</a>' %}
  171.                             {% else %}
  172.                                 {% set userLink = 'un utilisateur inconnu' %}
  173.                             {% endif %}
  174.                             {% if infoSuivi.connectedUser %}
  175.                                 {% set connectedUserLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_utilisateur_edit', {id: infoSuivi.connectedUser.id})) ~ '">' ~ infoSuivi.connectedUser.getNom() ~ ' ' ~ infoSuivi.connectedUser.getPrenom() ~ '</a>' %}
  176.                             {% else %}
  177.                                 {% set connectedUserLink = 'un utilisateur inconnu' %}
  178.                             {% endif %}
  180.                             {% set description = infoSuivi.description %}
  182.                             {# Remplacer les placeholders standards #}
  183.                             {% set description = description|replace({'[prospect]': prospectsString, '[user]': connectedUserLink, '[connectedUser]': connectedUserLink, '[visite]': userHistorique}) %}
  185.                             {# Gérer les placeholders spéciaux pour les demandes de suppression #}
  186.                             {% if infoSuivi.type == 'suppr' %}
  187.                                 {# Lien vers le listing des demandes de suppression #}
  188.                                 {% set demandeSuppressionLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_programme_suppresion_demande_list')) ~ '">demande de suppression</a>' %}
  189.                                 {% set description = description|replace({'[demande de suppression]': demandeSuppressionLink}) %}
  191.                                 {# Parser et remplacer le placeholder du programme [programme:id:nom] #}
  192.                                 {% if '[programme:' in description %}
  193.                                     {% set matches = description|split('[programme:') %}
  194.                                     {% if matches|length > 1 %}
  195.                                         {% set programmeInfo = matches[1]|split(']')[0] %}
  196.                                         {% set programmeInfoParts = programmeInfo|split(':') %}
  197.                                         {% if programmeInfoParts|length >= 2 %}
  198.                                             {% set programmeId = programmeInfoParts[0] %}
  199.                                             {% set programmeNom = programmeInfoParts[1] %}
  200.                                             {% set programmeLink = '<a class="info-user" href="' ~ absolute_url(path('admin_app_programme_edit', {id: programmeId})) ~ '">' ~ programmeNom ~ '</a>' %}
  201.                                             {% set description = description|replace({('[programme:' ~ programmeInfo ~ ']'): programmeLink}) %}
  202.                                         {% endif %}
  203.                                     {% endif %}
  204.                                 {% endif %}
  205.                             {% endif %}
  207.                             {{ description|raw }}
  208.                         </p>
  209.                         {% if selectedUser == app.user %}
  210.                             <span class="info-vu" data-id="{{ infoSuivi.id }}">Marquer comme vu</span>
  211.                         {% endif %}
  212.                     </div>
  213.                 </div>
  214.             {% endfor %}
  215.         {% endif %}
  217.         {% if unreadInfos|length == 0 and readInfos|length == 0 %}
  218.             <div class="no-notification">
  219.                 <p>Aucune notification pour le moment.</p>
  220.             </div>
  221.         {% endif %}
  223.         <script>
  224.             $(document).ready(function() {
  225.                 $('.info-vu').click(function() {
  226.                     var $this = $(this);
  227.                     var $infoElement = $(this).closest('.info');
  228.                     var infoId = $(this).data('id');
  230.                     $this.find('.fa-check').hide();
  231.                     $this.find('.fa-spinner').show();
  233.                     $.ajax({
  234.                         url: '{{ path('ajax_info_suivi_lu', { 'id': '__id__' })|replace({'__id__': '__id__'}) }}'.replace('__id__', infoId),
  235.                         method: 'POST',
  236.                         success: function() {
  237.                             $this.find('.fa-spinner').hide();
  238.                             $this.find('.fa-check').show();
  240.                             $infoElement.addClass("read");
  241.                             $infoElement.find('.info-new').remove();
  242.                             $infoElement.detach();
  244.                             var inserted = false;
  245.                             $('.info.read').each(function() {
  246.                                 var $current = $(this);
  247.                                 if ($infoElement.find('.info-time').text() > $current.find('.info-time').text()) {
  248.                                     $infoElement.insertBefore($current);
  249.                                     inserted = true;
  250.                                     return false;
  251.                                 }
  252.                             });
  254.                             if (!inserted) {
  255.                                 $('.dashboard-content-suivi .body-suivi').append($infoElement);
  256.                             }
  258.                             var $badge = $('.notification-badge');
  259.                             var count = parseInt($badge.text()) - 1;
  260.                             if (count > 0) {
  261.                                 $badge.text(count);
  262.                             } else {
  263.                                 $badge.remove();
  264.                                 $('.notifs-chip').remove();
  265.                             }
  266.                         }
  267.                     });
  268.                 });
  269.             });
  270.         </script>
  272.     </div>
  273. </div>