templates/website/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Liste sites web{% endblock %}
  5. {% block body %}
  6. <div class="container-fluid listing-project">
  7.     <div class="row">
  8.         <div class="col-12 col-md-3">
  9.             <p><button class="btn bg-secondary text-white" data-bs-toggle="modal" data-bs-target="#confirmeAdd">Ajouter un site</button></p>
  10.         </div>
  11.         <div class="col-12 col-md-9">
  12.             <div class="filters d-flex justify-content-end">
  13.                 <!-- <button type="button" class="btn btn-default btn-sm check-stats" aria-label="Left Align">Vérif Stats <span class="glyphicon glyphicon-signal" aria-hidden="true"></span></button> -->
  14.                 <label for="filter-active-website" class="mx-2"><select id="filter-active-website" class="form-select" >
  15.                   <option value="-">Etat du site</option>
  16.                   <option value="actif">actif</option>
  17.                   <option value="inactif">inactif</option>
  18.                   <option value="en-cours">en cours</option>
  19.                   <option value="mail_only">mail only</option>
  20.                 </select></label>
  21.                 {# <label for="filter-stat_system" class="mx-2"><select id="filter-stat_system" class="form-select" >
  22.                   <option value="-">Système de stat</option>
  23.                   <option value="ficon-piwik_logo">Piwik</option>
  24.                   <option value="ficon-google_logo">Google analytics</option>
  25.                   <option value="ficon-myvisit_logo">phpMyVisites</option>
  26.                   <option value="glyphicon-remove">aucun</option>
  27.                 </select></label> #}
  28.                 <label for="filter-server" class="mx-2"><select id="filter-server" class="form-select" >
  29.                   <option value="-">Serveur</option>
  30.                   <option value="mutu01">Mutu01</option>
  31.                   <option value="mutu02">Mutu02</option>
  32.                   <option value="mutu03">Mutu03</option>
  33.                   <option value="mutu04">Mutu04</option>
  34.                   <option value="mutu05">Mutu05</option>
  35.                   <option value="mutu06">Mutu06</option>
  36.                   <option value="mutu07">Mutu07</option>
  37.                   <option value="mutu08">Mutu08</option>
  38.                   <option value="ovhicom06">ovhicom06</option>
  39.                   <option value="vm-icom.planetb">vm-icom.planetb</option>
  40.                   <option value="castral-roc.mh">castral-roc.mh</option>
  41.                   <option value="Wix">Wix</option>
  42.                 </select></label>
  43.                 <label for="filter-phpversion" class="mx-2"><select id="filter-phpversion" class="form-select" >
  44.                   <option value="-">PHP</option>
  45.                 </select></label>
  46.                 <label for="filter-type" class="mx-2"><select id="filter-type" class="form-select" >
  47.                   <option value="-">Type CMS</option>
  48.                   <option value="CMSMS">CMSMS</option>
  49.                   <option value="Contenu PLESK">Contenu PLESK</option>
  50.                   <option value="Other CMS">Other CMS</option>
  51.                   <option value="OwnCloud">OwnCloud</option>
  52.                   <option value="Prestashop">Prestashop</option>
  53.                   <option value="Symfony">Symfony</option>
  54.                   <option value="Wordpress">Wordpress</option>
  55.                   <option value="Shop">Woocommerce</option>
  56.                   <option value="Wordpress GENESIS">Wordpress GENESIS</option>
  57.                   <option value="Wordpress WPMS">Wordpress WPMS</option>
  58.                   <option value="Wordpress WebSity">Wordpress WebSity</option>
  59.                   <option value="Wordpress WebSity Shop">Wordpress WebSity Shop</option>
  60.                   <option value="Wordpress OnePage">Wordpress OnePage</option>
  61.                   <option value="Wix">Wix</option>
  62.                 </select></label>
  63.             </div>
  64.         </div>
  65.     </div>
  66.     <div class="row">
  67.         <div class="col-12">
  68.             {# {{ dump(websites) }} #}
  69.             <table id="table_listing_projects" class="table table-bordered table-hover tablesorter">
  70.                 <thead>
  71.                     <tr class="bg-secondary text-white">
  72.                         <th>Domaine {# ({{ websites|length }}) #}</th>
  73.                         {# <th class="header-stats">Stats</th> #}
  74.                         <th>Type</th>
  75.                         <th>Version</th>
  76.                         <th>Date de création</th>
  77.                         <th>Date MAJ tech</th>
  78.                         <th>Serveur</th>
  79.                         <th>HTTPS</th>
  80.                         <th>PHP</th>
  81.                         <th>RGPD</th>
  82.                         <th>Taille</th>
  83.                         <th>{# action #}</th>
  84.                     </tr>
  85.                 </thead>
  86.                 <tbody>
  87.                 {% set total_size = 0 %}
  88.                 {% for website in websites %}
  89.                     <tr data-index="{{ loop.index }}">
  90.                         {# <i class="bi bi-globe"></i> #}
  91.                         {# <i class="bi bi-exclamation-triangle-fill"></i> #}
  92.                         <td class="{{ website.getStatut() }}">
  93.                             {% if website.getStatut() == 'actif' %}
  94.                                 <span class="text-success">
  95.                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe" viewBox="0 0 16 16">
  96.                                   <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z"/>
  97.                                 </svg>
  98.                                 </span>
  99.                             {% elseif website.getStatut() == 'en-cours' %}
  100.                                 <span class="text-warning">
  101.                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock-fill" viewBox="0 0 16 16">
  102.                                   <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/>
  103.                                 </svg>
  104.                                 </span>
  105.                             {% elseif website.getStatut() == 'mail_only' %}
  106.                                 <span class="text-info">
  107.                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
  108.                                   <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
  109.                                 </svg>
  110.                                 </span>
  111.                             {% elseif website.getStatut() == 'archive' %}
  112.                                 <span class="text-secondary">
  113.                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-archive-fill" viewBox="0 0 16 16">
  114.                                   <path d="M12.643 15C13.979 15 15 13.845 15 12.5V5H1v7.5C1 13.845 2.021 15 3.357 15h9.286zM5.5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zM.8 1a.8.8 0 0 0-.8.8V3a.8.8 0 0 0 .8.8h14.4A.8.8 0 0 0 16 3V1.8a.8.8 0 0 0-.8-.8H.8z"/>
  115.                                 </svg>
  116.                                 </span>
  117.                             {% else %}
  118.                                 <span class="text-danger">
  119.                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-triangle-fill" viewBox="0 0 16 16">
  120.                                   <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
  121.                                 </svg>
  122.                                 </span>
  123.                             {% endif %}
  124.                             <a target="_blank" href="http://{{ website.getUrlPrincipal() }}" title="Voir le site">{{ website.getUrlPrincipal() }}</a>
  125.                         </td>
  126.                         {# <td class="have_stats">
  127.                             {% if website.getStatsArray() is defined %}
  129.                             {% endif %}
  130.                         </td> #}
  131.                         <td class="type_cms"><small>{{ website.getCmsType() }}</small></td>
  132.                         <td class="v_cms"><small>{{ website.getCmsVersion() }}</small></td>
  133.                         <td class="date_create"><small>{{ website.getDateCreation() | date('YC-m-d') }}</small></td>
  134.                         <td class="date_upd">
  135.                           <small>
  136.                             {% if website.getDateUpdate() %}
  137.                               {{ website.getDateUpdate() | date('Y-m-d H:i:s') }}
  138.                             {% else %}
  139.                               
  140.                             {% endif %}
  141.                           </small>
  142.                         </td>
  143.                         <td class="server">{{ website.getServeur() }}</td>
  144.                         <td class="https text-center">
  145.                             {% if website.isIsHttps() %}
  146.                                 <small><span class="badge bg-success">OUI</span></small>
  147.                             {% else %}
  148.                                 <small><span class="badge bg-danger">NON</span></small>
  149.                             {% endif %}
  150.                         </td>
  151.                         <td class="phpversion"><small>{{ website.getVersionPhp() }}</small></td>
  152.                         <td class="rgpd text-center">
  153.                             {% if website.isIsRgpd() %}
  154.                                 <small><span class="badge bg-success">OUI</span></small>
  155.                             {% else %}
  156.                                 <small><span class="badge bg-danger">NON</span></small>
  157.                             {% endif %}
  158.                         </td>
  159.                         <td class="size">
  160.                           <small>
  161.                             {% if website.getSize() is not null %}{% set total_size = total_size + website.getSize() %}{% endif %}
  162.                             {% if website.getSize() > 1100 %}
  163.                               {{ (website.getSize()/1024)|round(2, 'floor') }}Go
  164.                             {% elseif website.getSize() is not null %}
  165.                               {{ website.getSize() }}Mo
  166.                             {% else %}
  167.                               -
  168.                             {% endif %}
  169.                           </small>
  170.                         </td>
  171.                         <td class="btn_action">
  173.                             <a data-toggle="modal" data-bs-toggle="modal" data-bs-target="#updateInfos"  href="/update-website/{{ website.getUrlPrincipal() }}" data-update="{{ website.getUrlPrincipal() }}" class="btn btn-sm btn-xs btn-info py-0" title="Mettre à jour les données"><i class="fas fa-sync-alt"></i></a>
  174.                             &nbsp;&nbsp;|&nbsp;&nbsp;
  175.                             <a data-toggle="modal" data-bs-toggle="modal" data-bs-target="#formEdit" href="#" data-id="{{ website.getId() }}" data-edit="{{ website.getUrlPrincipal() }}" class="btn btn-sm btn-xs btn-primary py-0" title="Modifier"><i class="fas fa-pen"></i></a>
  176.                             <!-- &nbsp;&nbsp;|&nbsp;&nbsp;
  177.                             <a data-toggle="modal" data-bs-toggle="modal" data-bs-target="#confirmeDelete" href="#" data-delete="{{ website.getUrlPrincipal() }}" class="btn btn-sm btn-xs btn-danger py-0" title="Supprimer"><i class="fas fa-trash-alt"></i></a> -->
  179.                         </td>
  180.                     </tr>
  181.                 {% endfor %}
  182.                 </tbody>
  183.             </table>
  184.         </div>
  185.     </div>
  186. </div>
  187. <div>Total size : {{(total_size/1024)|round(2, 'floor') }}Go</div>
  188. <!-- Modal -->
  189. <div class="modal fade" id="updateInfos" tabindex="-1" aria-labelledby="Mise à jour" aria-hidden="true">
  190.   <div class="modal-dialog">
  191.     <div class="modal-content">
  192.       <div class="modal-header">
  193.         <h5 class="modal-title" id="updateInfos">Mise à jour des infos</h5>
  194.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  195.       </div>
  196.       <div class="modal-body loading">
  197.         <div class="spinner-border" role="status">
  198.           <span class="sr-only">Loading...</span>
  199.         </div>
  200.         <ul>
  201.           <li><b>Domaine :</b>&nbsp;<span data-info="domaine"></span></li>
  202.           <li><b>Type :</b>&nbsp;<span data-info="cms"></span></li>
  203.           <li><b>Version :</b>&nbsp;<span data-info="v_cms"></span></li>
  204.           <li><b>Date de création :</b>&nbsp;<span data-info="date_create"></span></li>
  205.           <li><b>Serveur :</b>&nbsp;<span data-info="serveur"></span></li>
  206.           <li><b>HTTPS :</b>&nbsp;<span data-info="is_https"></span></li>
  207.           <li><b>Version PHP :</b>&nbsp;<span data-info="v_php"></span></li>
  208.           <li><b>RGPD :</b>&nbsp;<span data-info="is_rgpd"></span></li>
  209.           <li><b>Taille :</b>&nbsp;<span data-info="size"></span></li>
  210.         </ul>
  211.       </div>
  212.       <div class="modal-footer">
  213.         <button type="button" data-bs-dismiss="modal" class="btn btn-secondary">OK</button>
  214.       </div>
  215.     </div>
  216.   </div>
  217. </div>
  218. <!-- Modal -->
  219. <div class="modal fade" id="formEdit" tabindex="-1" aria-labelledby="Modification" aria-hidden="true">
  220.   <div class="modal-dialog">
  221.     <div class="modal-content">
  222.       <div class="modal-header">
  223.         <h5 class="modal-title" id="exampleModalLabel">Modification de site</h5>
  224.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  225.       </div>
  226.       <div class="modal-body">
  227.         <input type="hidden" id="website-id">
  228.         <p>
  229.           <label for="urlPrincipal">
  230.             <span>Domaine</span>
  231.             <input type="text" readonly disable id="urlPrincipal" class="form-control" placeholder="domane.dtl">
  232.           </label>  
  233.           <label for="edit-statut">
  234.             <span>Statut</span>
  235.             <select name="edit-statut" id="edit-statut" class="form-control">
  236.               <option value="">-</option>
  237.               <option value="inactif">Inactif</option>
  238.               <option value="en-cours">En cours</option>
  239.               <option value="actif">Actif</option>
  240.               <option value="archive">Archivé</option>
  241.             </select>
  242.           </label>  
  243.         </p>
  244.         {# <label for="edit-dateUpdate">
  245.           <button type="button" class="btn btn-primary">Mise à jour techique effectuée</button>
  246.         </label>   #}
  247.       </div>
  248.       <div class="modal-footer">
  249.         <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
  250.         <a href="#" class="btn btn-success">Modifier</a>
  251.       </div>
  252.     </div>
  253.   </div>
  254. </div>
  255. <!-- Modal -->
  256. <div class="modal fade" id="confirmeAdd" tabindex="-1" aria-labelledby="confirmeAddLabel" aria-hidden="true">
  257.   <div class="modal-dialog">
  258.     <div class="modal-content">
  259.       <div class="modal-header">
  260.         <h5 class="modal-title" id="confirmeAddLabel">Ajout de site</h5>
  261.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  262.       </div>
  263.       <div class="modal-body">
  264.         <input type="text" id="append-website" class="form-control" placeholder="domane.dtl">
  265.       </div>
  266.       <div class="modal-footer">
  267.         <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
  268.         <button type="button" class="btn btn-success">Ajouter</button>
  269.       </div>
  270.     </div>
  271.   </div>
  272. </div>
  273. <!-- Modal -->
  274. <div class="modal fade" id="confirmeDelete" tabindex="-1" role="dialog" aria-labelledby="confirmeDeleteLabel" aria-hidden="true">
  275.   <div class="modal-dialog">
  276.     <div class="modal-content">
  277.       <div class="modal-header">
  278.         {# <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> #}
  279.         <h5 class="modal-title" id="exampleModalLabel">Suppression de site</h5>
  280.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  281.       </div>
  282.       <div class="modal-body">
  283.         <div class="spinner-border" role="status">
  284.           <span class="sr-only">Loading...</span>
  285.         </div>
  286.         <h4 class="modal-title" id="confirmeDeleteLabel">Êtes vous sûr de vouloir supprimer le site <b>'+domaine+'</b> du listing ?</h4>
  287.       </div>
  288.       <div class="modal-footer">
  289.         <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Non</button>
  290.         <a href="#" class="btn btn-success">Oui</a>
  291.       </div>
  292.     </div>
  293.   </div>
  294. </div>
  296. {% endblock %}