var/cache/dev/twig/cb/cbd8b7a89d81c1fd98d462db501ec9b3e6a07289ad209a8743f64ffa4923d461.php line 212

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* @SyliusAdmin/Vingeanne/files_list.html.twig */
  16. class __TwigTemplate_2de44eae96777535f476bc6fdd130784fd9141cbd489e0e776032a98204a91f4 extends \Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'content' => [$this, 'block_content'],
  29.             'javascripts' => [$this, 'block_javascripts'],
  30.         ];
  31.     }
  33.     protected function doGetParent(array $context)
  34.     {
  35.         // line 1
  36.         return "@SyliusAdmin/layout.html.twig";
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@SyliusAdmin/Vingeanne/files_list.html.twig"));
  45.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@SyliusAdmin/Vingeanne/files_list.html.twig"));
  48.         $this->parent = $this->loadTemplate("@SyliusAdmin/layout.html.twig", "@SyliusAdmin/Vingeanne/files_list.html.twig", 1);
  49.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  50.         
  51.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  53.         
  54.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  56.     }
  58.     // line 3
  59.     public function block_content($context, array $blocks = [])
  60.     {
  61.         $macros = $this->macros;
  62.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  63.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  65.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  66.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  68.         // line 4
  69.         echo "    <div class=\"ui stackable two column grid\">
  70.         <div class=\"ten wide column\">
  71.             <h1 class=\"ui header\">
  72.                 <i class=\"circular folder open outline icon\"></i>
  73.                 <div class=\"content\">
  74.                     Fichiers Archive Vingeanne
  75.                 </div>
  76.             </h1>
  77.             <div class=\"ui breadcrumb\">
  78.                 <a href=\"/admin/\" class=\"section\">Admin</a>
  79.                 <i class=\"right chevron icon divider\"></i>
  80.                 <a href=\"/admin/vingeanne\" class=\"section\">Vingeanne</a>
  81.                 <i class=\"right chevron icon divider\"></i>
  82.                 <div class=\"active section\">Fichiers Archive</div>
  83.             </div>
  84.         </div>
  85.         <div class=\"six wide right aligned column\">
  86.         </div>
  87.     </div>
  89.     ";
  90.         // line 25
  91.         echo "    <div class=\"ui segment\" style=\"margin-top: 20px;\">
  92.         <h3 class=\"ui dividing header\">
  93.             <i class=\"filter icon\"></i>
  94.             Filtres
  95.         </h3>
  96.         
  97.         <form id=\"filter-form\" class=\"ui form\">
  98.             <div class=\"four fields\">
  99.                 <div class=\"field\">
  100.                     <label>Type de fichier</label>
  101.                     <div class=\"ui dropdown\" id=\"filter-type\">
  102.                         <input type=\"hidden\" name=\"type\">
  103.                         <i class=\"dropdown icon\"></i>
  104.                         <div class=\"default text\">Tous les types</div>
  105.                         <div class=\"menu\">
  106.                             <div class=\"item active selected\" data-value=\"TOUS\">Tous les types</div>
  107.                             <div class=\"item\" data-value=\"REA\">REA (Réassort)</div>
  108.                             <div class=\"item\" data-value=\"OFF\">OFF (Office)</div>
  109.                             <div class=\"item\" data-value=\"INCONNU\">Inconnu</div>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.                 <div class=\"field\">
  114.                     <label>Nom du fichier</label>
  115.                     <input type=\"text\" id=\"filter-name\" placeholder=\"Rechercher...\" />
  116.                 </div>
  117.                 <div class=\"field\">
  118.                     <label>Date de</label>
  119.                     <input type=\"date\" id=\"filter-date-from\" />
  120.                 </div>
  121.                 <div class=\"field\">
  122.                     <label>Date à</label>
  123.                     <input type=\"date\" id=\"filter-date-to\" />
  124.                 </div>
  125.             </div>
  126.             <div class=\"field\">
  127.                 <button type=\"submit\" class=\"ui primary button\">
  128.                     <i class=\"search icon\"></i>
  129.                     Rechercher
  130.                 </button>
  131.                 <button type=\"button\" id=\"reset-filters\" class=\"ui button\">
  132.                     <i class=\"redo icon\"></i>
  133.                     Réinitialiser
  134.                 </button>
  135.             </div>
  136.         </form>
  137.     </div>
  139.     ";
  140.         // line 74
  141.         echo "    <div id=\"results-section\" style=\"margin-top: 20px;\">
  142.         <div class=\"ui segment\">
  143.             <h4 class=\"ui dividing header\">
  144.                 Résultats
  145.                 <span id=\"result-count\" class=\"ui label\"></span>
  146.             </h4>
  147.             
  148.             ";
  149.         // line 82
  150.         echo "            <div id=\"loading-indicator\" style=\"display: none;\">
  151.                 <div class=\"ui active centered inline loader\"></div>
  152.                 <p style=\"text-align: center; margin-top: 10px;\">Chargement des fichiers...</p>
  153.             </div>
  155.             ";
  156.         // line 88
  157.         echo "            <div class=\"ui segment spaceless sylius-grid-table-wrapper\" style=\"overflow-x: auto;\">
  158.                 <table id=\"files-table\" class=\"ui sortable stackable very basic celled table\">
  159.                     <thead>
  160.                         <tr>
  161.                             <th>Type</th>
  162.                             <th>Nom du fichier</th>
  163.                             <th>Date de création</th>
  164.                             <th>Taille</th>
  165.                             <th>Actions</th>
  166.                         </tr>
  167.                     </thead>
  168.                     <tbody id=\"files-table-body\">
  169.                         <tr>
  170.                             <td colspan=\"5\" class=\"center aligned\">
  171.                                 <div class=\"ui icon message\">
  172.                                     <i class=\"circle notched loading icon\"></i>
  173.                                     <div class=\"content\">
  174.                                         <div class=\"header\">
  175.                                             Chargement des données...
  176.                                         </div>
  177.                                     </div>
  178.                                 </div>
  179.                             </td>
  180.                         </tr>
  181.                     </tbody>
  182.                 </table>
  183.             </div>
  185.             ";
  186.         // line 117
  187.         echo "            <div id=\"pagination-container\" style=\"margin-top: 20px; text-align: center;\"></div>
  188.         </div>
  189.     </div>
  191. ";
  192.         
  193.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  195.         
  196.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  198.     }
  200.     // line 123
  201.     public function block_javascripts($context, array $blocks = [])
  202.     {
  203.         $macros = $this->macros;
  204.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  205.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  207.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  208.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  210.         // line 124
  211.         echo "    ";
  212.         $this->displayParentBlock("javascripts", $context, $blocks);
  213.         echo "
  214.     
  215.     <script>
  216.         (function() {
  217.             // Wait for jQuery to be available
  218.             function initVingeanneModule() {
  219.                 if (typeof jQuery === 'undefined') {
  220.                     console.error('jQuery is not loaded! Retrying in 100ms...');
  221.                     setTimeout(initVingeanneModule, 100);
  222.                     return;
  223.                 }
  225.                 jQuery(document).ready(function(\$) {
  226.                     console.log('Vingeanne Module initialized');
  227.                     let currentPage = 1;
  228.                     let currentFilters = {};
  230.                     // Initialize dropdowns
  231.                     \$('.ui.dropdown').dropdown();
  233.                     // Auto-load data on page load
  234.                     loadFiles(1);
  236.                     // Filter form submission
  237.                     \$('#filter-form').on('submit', function(e) {
  238.                         e.preventDefault();
  239.                         currentPage = 1;
  240.                         loadFiles(1);
  241.                     });
  243.                     // Reset filters
  244.                     \$('#reset-filters').on('click', function() {
  245.                         \$('#filter-form')[0].reset();
  246.                         \$('.ui.dropdown').dropdown('clear');
  247.                         currentPage = 1;
  248.                         currentFilters = {};
  249.                         loadFiles(1);
  250.                     });
  252.                     // Load files function
  253.                     function loadFiles(page) {
  254.                         console.log('Loading files for page:', page);
  255.                         currentPage = page;
  256.                         \$('#loading-indicator').show();
  257.                         
  258.                         currentFilters = {
  259.                             type: \$('#filter-type').dropdown('get value') || 'TOUS',
  260.                             name: \$('#filter-name').val(),
  261.                             dateFrom: \$('#filter-date-from').val(),
  262.                             dateTo: \$('#filter-date-to').val(),
  263.                             page: page,
  264.                             limit: 50
  265.                         };
  267.                         // Remove empty values
  268.                         Object.keys(currentFilters).forEach(function(key) {
  269.                             if (currentFilters[key] === '' || currentFilters[key] === null) {
  270.                                 delete currentFilters[key];
  271.                             }
  272.                         });
  274.                         console.log('Filters:', currentFilters);
  276.                         \$.ajax({
  277.                             url: '/admin/vingeanne/files/load',
  278.                             method: 'GET',
  279.                             data: currentFilters,
  280.                             dataType: 'json',
  281.                             success: function(response) {
  282.                                 console.log('Response received:', response);
  283.                                 \$('#loading-indicator').hide();
  284.                                 
  285.                                 if (response.success) {
  286.                                     renderTable(response.data);
  287.                                     renderPagination(response.pagination);
  288.                                     \$('#result-count').text(response.pagination.total + ' fichier(s)');
  289.                                 } else {
  290.                                     console.error('API error:', response.error);
  291.                                     alert('Erreur: ' + response.error);
  292.                                 }
  293.                             },
  294.                             error: function(xhr, status, error) {
  295.                                 console.error('AJAX error:', status, error, xhr.responseText);
  296.                                 \$('#loading-indicator').hide();
  297.                                 alert('Erreur lors du chargement des fichiers: ' + error);
  298.                             }
  299.                         });
  300.                     }
  302.                     // Render table function
  303.                     function renderTable(data) {
  304.                         console.log('Rendering table with', data.length, 'files');
  305.                         const tbody = \$('#files-table-body');
  306.                         tbody.empty();
  308.                         if (data.length === 0) {
  309.                             tbody.append(
  310.                                 '<tr>' +
  311.                                 '<td colspan=\"5\" class=\"center aligned\">' +
  312.                                 '<div class=\"ui icon message\">' +
  313.                                 '<i class=\"inbox icon\"></i>' +
  314.                                 '<div class=\"content\">' +
  315.                                 '<div class=\"header\">Aucun fichier trouvé</div>' +
  316.                                 '<p>Essayez de modifier vos critères de recherche</p>' +
  317.                                 '</div>' +
  318.                                 '</div>' +
  319.                                 '</td>' +
  320.                                 '</tr>'
  321.                             );
  322.                             return;
  323.                         }
  325.                         data.forEach(function(file) {
  326.                             let typeClass = '';
  327.                             let typeIcon = 'file icon';
  328.                             let typeLabel = file.type;
  329.                             
  330.                             if (file.type === 'REA') {
  331.                                 typeClass = 'green';
  332.                                 typeIcon = 'refresh icon';
  333.                             } else if (file.type === 'OFF') {
  334.                                 typeClass = 'blue';
  335.                                 typeIcon = 'file alternate icon';
  336.                             } else {
  337.                                 typeClass = 'grey';
  338.                                 typeIcon = 'question icon';
  339.                             }
  340.                             
  341.                             const row = 
  342.                                 '<tr>' +
  343.                                 '<td><span class=\"ui ' + typeClass + ' label\"><i class=\"' + typeIcon + '\"></i> ' + typeLabel + '</span></td>' +
  344.                                 '<td><strong>' + (file.name || '') + '</strong></td>' +
  345.                                 '<td>' + (file.createdAt || 'N/A') + '</td>' +
  346.                                 '<td>' + (file.size || 'N/A') + '</td>' +
  347.                                 '<td>' +
  348.                                 '<a href=\"/admin/vingeanne/files/download/' + encodeURIComponent(file.name) + '\" class=\"ui small primary labeled icon button\">' +
  349.                                 '<i class=\"download icon\"></i> Télécharger' +
  350.                                 '</a>' +
  351.                                 '</td>' +
  352.                                 '</tr>';
  353.                             tbody.append(row);
  354.                         });
  355.                         
  356.                         console.log('Table rendered successfully');
  357.                     }
  359.                     // Render pagination function
  360.                     function renderPagination(pagination) {
  361.                         console.log('Rendering pagination:', pagination);
  362.                         const paginationContainer = \$('#pagination-container');
  363.                         paginationContainer.empty();
  365.                         if (pagination.pages <= 1) {
  366.                             return;
  367.                         }
  369.                         let html = '<div class=\"ui pagination menu\">';
  371.                         if (pagination.page > 1) {
  372.                             html += '<a class=\"icon item\" data-page=\"' + (pagination.page - 1) + '\"><i class=\"left chevron icon\"></i></a>';
  373.                         } else {
  374.                             html += '<a class=\"icon item disabled\"><i class=\"left chevron icon\"></i></a>';
  375.                         }
  377.                         const maxPages = 10;
  378.                         let startPage = Math.max(1, pagination.page - Math.floor(maxPages / 2));
  379.                         let endPage = Math.min(pagination.pages, startPage + maxPages - 1);
  381.                         if (endPage - startPage < maxPages - 1) {
  382.                             startPage = Math.max(1, endPage - maxPages + 1);
  383.                         }
  385.                         for (let i = startPage; i <= endPage; i++) {
  386.                             if (i === pagination.page) {
  387.                                 html += '<a class=\"item active\">' + i + '</a>';
  388.                             } else {
  389.                                 html += '<a class=\"item\" data-page=\"' + i + '\">' + i + '</a>';
  390.                             }
  391.                         }
  393.                         if (pagination.page < pagination.pages) {
  394.                             html += '<a class=\"icon item\" data-page=\"' + (pagination.page + 1) + '\"><i class=\"right chevron icon\"></i></a>';
  395.                         } else {
  396.                             html += '<a class=\"icon item disabled\"><i class=\"right chevron icon\"></i></a>';
  397.                         }
  399.                         html += '</div>';
  400.                         paginationContainer.html(html);
  402.                         paginationContainer.find('a.item:not(.disabled):not(.active)').on('click', function() {
  403.                             const page = \$(this).data('page');
  404.                             if (page) {
  405.                                 loadFiles(page);
  406.                                 \$('html, body').animate({
  407.                                     scrollTop: \$('#results-section').offset().top - 100
  408.                                 }, 300);
  409.                             }
  410.                         });
  411.                     }
  412.                 });
  413.             }
  415.             // Start initialization
  416.             initVingeanneModule();
  417.         })();
  418.     </script>
  420.     <style>
  421.         #files-table {
  422.             font-size: 0.9em;
  423.         }
  424.         #files-table th {
  425.             white-space: nowrap;
  426.         }
  427.         #files-table td {
  428.             white-space: normal;
  429.         }
  430.     </style>
  431. ";
  432.         
  433.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  435.         
  436.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  438.     }
  440.     public function getTemplateName()
  441.     {
  442.         return "@SyliusAdmin/Vingeanne/files_list.html.twig";
  443.     }
  445.     public function isTraitable()
  446.     {
  447.         return false;
  448.     }
  450.     public function getDebugInfo()
  451.     {
  452.         return array (  211 => 124,  201 => 123,  187 => 117,  157 => 88,  150 => 82,  141 => 74,  91 => 25,  69 => 4,  59 => 3,  36 => 1,);
  453.     }
  455.     public function getSourceContext()
  456.     {
  457.         return new Source("{% extends '@SyliusAdmin/layout.html.twig' %}
  459. {% block content %}
  460.     <div class=\"ui stackable two column grid\">
  461.         <div class=\"ten wide column\">
  462.             <h1 class=\"ui header\">
  463.                 <i class=\"circular folder open outline icon\"></i>
  464.                 <div class=\"content\">
  465.                     Fichiers Archive Vingeanne
  466.                 </div>
  467.             </h1>
  468.             <div class=\"ui breadcrumb\">
  469.                 <a href=\"/admin/\" class=\"section\">Admin</a>
  470.                 <i class=\"right chevron icon divider\"></i>
  471.                 <a href=\"/admin/vingeanne\" class=\"section\">Vingeanne</a>
  472.                 <i class=\"right chevron icon divider\"></i>
  473.                 <div class=\"active section\">Fichiers Archive</div>
  474.             </div>
  475.         </div>
  476.         <div class=\"six wide right aligned column\">
  477.         </div>
  478.     </div>
  480.     {# Filters Section #}
  481.     <div class=\"ui segment\" style=\"margin-top: 20px;\">
  482.         <h3 class=\"ui dividing header\">
  483.             <i class=\"filter icon\"></i>
  484.             Filtres
  485.         </h3>
  486.         
  487.         <form id=\"filter-form\" class=\"ui form\">
  488.             <div class=\"four fields\">
  489.                 <div class=\"field\">
  490.                     <label>Type de fichier</label>
  491.                     <div class=\"ui dropdown\" id=\"filter-type\">
  492.                         <input type=\"hidden\" name=\"type\">
  493.                         <i class=\"dropdown icon\"></i>
  494.                         <div class=\"default text\">Tous les types</div>
  495.                         <div class=\"menu\">
  496.                             <div class=\"item active selected\" data-value=\"TOUS\">Tous les types</div>
  497.                             <div class=\"item\" data-value=\"REA\">REA (Réassort)</div>
  498.                             <div class=\"item\" data-value=\"OFF\">OFF (Office)</div>
  499.                             <div class=\"item\" data-value=\"INCONNU\">Inconnu</div>
  500.                         </div>
  501.                     </div>
  502.                 </div>
  503.                 <div class=\"field\">
  504.                     <label>Nom du fichier</label>
  505.                     <input type=\"text\" id=\"filter-name\" placeholder=\"Rechercher...\" />
  506.                 </div>
  507.                 <div class=\"field\">
  508.                     <label>Date de</label>
  509.                     <input type=\"date\" id=\"filter-date-from\" />
  510.                 </div>
  511.                 <div class=\"field\">
  512.                     <label>Date à</label>
  513.                     <input type=\"date\" id=\"filter-date-to\" />
  514.                 </div>
  515.             </div>
  516.             <div class=\"field\">
  517.                 <button type=\"submit\" class=\"ui primary button\">
  518.                     <i class=\"search icon\"></i>
  519.                     Rechercher
  520.                 </button>
  521.                 <button type=\"button\" id=\"reset-filters\" class=\"ui button\">
  522.                     <i class=\"redo icon\"></i>
  523.                     Réinitialiser
  524.                 </button>
  525.             </div>
  526.         </form>
  527.     </div>
  529.     {# Results Section #}
  530.     <div id=\"results-section\" style=\"margin-top: 20px;\">
  531.         <div class=\"ui segment\">
  532.             <h4 class=\"ui dividing header\">
  533.                 Résultats
  534.                 <span id=\"result-count\" class=\"ui label\"></span>
  535.             </h4>
  536.             
  537.             {# Loading Indicator #}
  538.             <div id=\"loading-indicator\" style=\"display: none;\">
  539.                 <div class=\"ui active centered inline loader\"></div>
  540.                 <p style=\"text-align: center; margin-top: 10px;\">Chargement des fichiers...</p>
  541.             </div>
  543.             {# Table #}
  544.             <div class=\"ui segment spaceless sylius-grid-table-wrapper\" style=\"overflow-x: auto;\">
  545.                 <table id=\"files-table\" class=\"ui sortable stackable very basic celled table\">
  546.                     <thead>
  547.                         <tr>
  548.                             <th>Type</th>
  549.                             <th>Nom du fichier</th>
  550.                             <th>Date de création</th>
  551.                             <th>Taille</th>
  552.                             <th>Actions</th>
  553.                         </tr>
  554.                     </thead>
  555.                     <tbody id=\"files-table-body\">
  556.                         <tr>
  557.                             <td colspan=\"5\" class=\"center aligned\">
  558.                                 <div class=\"ui icon message\">
  559.                                     <i class=\"circle notched loading icon\"></i>
  560.                                     <div class=\"content\">
  561.                                         <div class=\"header\">
  562.                                             Chargement des données...
  563.                                         </div>
  564.                                     </div>
  565.                                 </div>
  566.                             </td>
  567.                         </tr>
  568.                     </tbody>
  569.                 </table>
  570.             </div>
  572.             {# Pagination #}
  573.             <div id=\"pagination-container\" style=\"margin-top: 20px; text-align: center;\"></div>
  574.         </div>
  575.     </div>
  577. {% endblock %}
  579. {% block javascripts %}
  580.     {{ parent() }}
  581.     
  582.     <script>
  583.         (function() {
  584.             // Wait for jQuery to be available
  585.             function initVingeanneModule() {
  586.                 if (typeof jQuery === 'undefined') {
  587.                     console.error('jQuery is not loaded! Retrying in 100ms...');
  588.                     setTimeout(initVingeanneModule, 100);
  589.                     return;
  590.                 }
  592.                 jQuery(document).ready(function(\$) {
  593.                     console.log('Vingeanne Module initialized');
  594.                     let currentPage = 1;
  595.                     let currentFilters = {};
  597.                     // Initialize dropdowns
  598.                     \$('.ui.dropdown').dropdown();
  600.                     // Auto-load data on page load
  601.                     loadFiles(1);
  603.                     // Filter form submission
  604.                     \$('#filter-form').on('submit', function(e) {
  605.                         e.preventDefault();
  606.                         currentPage = 1;
  607.                         loadFiles(1);
  608.                     });
  610.                     // Reset filters
  611.                     \$('#reset-filters').on('click', function() {
  612.                         \$('#filter-form')[0].reset();
  613.                         \$('.ui.dropdown').dropdown('clear');
  614.                         currentPage = 1;
  615.                         currentFilters = {};
  616.                         loadFiles(1);
  617.                     });
  619.                     // Load files function
  620.                     function loadFiles(page) {
  621.                         console.log('Loading files for page:', page);
  622.                         currentPage = page;
  623.                         \$('#loading-indicator').show();
  624.                         
  625.                         currentFilters = {
  626.                             type: \$('#filter-type').dropdown('get value') || 'TOUS',
  627.                             name: \$('#filter-name').val(),
  628.                             dateFrom: \$('#filter-date-from').val(),
  629.                             dateTo: \$('#filter-date-to').val(),
  630.                             page: page,
  631.                             limit: 50
  632.                         };
  634.                         // Remove empty values
  635.                         Object.keys(currentFilters).forEach(function(key) {
  636.                             if (currentFilters[key] === '' || currentFilters[key] === null) {
  637.                                 delete currentFilters[key];
  638.                             }
  639.                         });
  641.                         console.log('Filters:', currentFilters);
  643.                         \$.ajax({
  644.                             url: '/admin/vingeanne/files/load',
  645.                             method: 'GET',
  646.                             data: currentFilters,
  647.                             dataType: 'json',
  648.                             success: function(response) {
  649.                                 console.log('Response received:', response);
  650.                                 \$('#loading-indicator').hide();
  651.                                 
  652.                                 if (response.success) {
  653.                                     renderTable(response.data);
  654.                                     renderPagination(response.pagination);
  655.                                     \$('#result-count').text(response.pagination.total + ' fichier(s)');
  656.                                 } else {
  657.                                     console.error('API error:', response.error);
  658.                                     alert('Erreur: ' + response.error);
  659.                                 }
  660.                             },
  661.                             error: function(xhr, status, error) {
  662.                                 console.error('AJAX error:', status, error, xhr.responseText);
  663.                                 \$('#loading-indicator').hide();
  664.                                 alert('Erreur lors du chargement des fichiers: ' + error);
  665.                             }
  666.                         });
  667.                     }
  669.                     // Render table function
  670.                     function renderTable(data) {
  671.                         console.log('Rendering table with', data.length, 'files');
  672.                         const tbody = \$('#files-table-body');
  673.                         tbody.empty();
  675.                         if (data.length === 0) {
  676.                             tbody.append(
  677.                                 '<tr>' +
  678.                                 '<td colspan=\"5\" class=\"center aligned\">' +
  679.                                 '<div class=\"ui icon message\">' +
  680.                                 '<i class=\"inbox icon\"></i>' +
  681.                                 '<div class=\"content\">' +
  682.                                 '<div class=\"header\">Aucun fichier trouvé</div>' +
  683.                                 '<p>Essayez de modifier vos critères de recherche</p>' +
  684.                                 '</div>' +
  685.                                 '</div>' +
  686.                                 '</td>' +
  687.                                 '</tr>'
  688.                             );
  689.                             return;
  690.                         }
  692.                         data.forEach(function(file) {
  693.                             let typeClass = '';
  694.                             let typeIcon = 'file icon';
  695.                             let typeLabel = file.type;
  696.                             
  697.                             if (file.type === 'REA') {
  698.                                 typeClass = 'green';
  699.                                 typeIcon = 'refresh icon';
  700.                             } else if (file.type === 'OFF') {
  701.                                 typeClass = 'blue';
  702.                                 typeIcon = 'file alternate icon';
  703.                             } else {
  704.                                 typeClass = 'grey';
  705.                                 typeIcon = 'question icon';
  706.                             }
  707.                             
  708.                             const row = 
  709.                                 '<tr>' +
  710.                                 '<td><span class=\"ui ' + typeClass + ' label\"><i class=\"' + typeIcon + '\"></i> ' + typeLabel + '</span></td>' +
  711.                                 '<td><strong>' + (file.name || '') + '</strong></td>' +
  712.                                 '<td>' + (file.createdAt || 'N/A') + '</td>' +
  713.                                 '<td>' + (file.size || 'N/A') + '</td>' +
  714.                                 '<td>' +
  715.                                 '<a href=\"/admin/vingeanne/files/download/' + encodeURIComponent(file.name) + '\" class=\"ui small primary labeled icon button\">' +
  716.                                 '<i class=\"download icon\"></i> Télécharger' +
  717.                                 '</a>' +
  718.                                 '</td>' +
  719.                                 '</tr>';
  720.                             tbody.append(row);
  721.                         });
  722.                         
  723.                         console.log('Table rendered successfully');
  724.                     }
  726.                     // Render pagination function
  727.                     function renderPagination(pagination) {
  728.                         console.log('Rendering pagination:', pagination);
  729.                         const paginationContainer = \$('#pagination-container');
  730.                         paginationContainer.empty();
  732.                         if (pagination.pages <= 1) {
  733.                             return;
  734.                         }
  736.                         let html = '<div class=\"ui pagination menu\">';
  738.                         if (pagination.page > 1) {
  739.                             html += '<a class=\"icon item\" data-page=\"' + (pagination.page - 1) + '\"><i class=\"left chevron icon\"></i></a>';
  740.                         } else {
  741.                             html += '<a class=\"icon item disabled\"><i class=\"left chevron icon\"></i></a>';
  742.                         }
  744.                         const maxPages = 10;
  745.                         let startPage = Math.max(1, pagination.page - Math.floor(maxPages / 2));
  746.                         let endPage = Math.min(pagination.pages, startPage + maxPages - 1);
  748.                         if (endPage - startPage < maxPages - 1) {
  749.                             startPage = Math.max(1, endPage - maxPages + 1);
  750.                         }
  752.                         for (let i = startPage; i <= endPage; i++) {
  753.                             if (i === pagination.page) {
  754.                                 html += '<a class=\"item active\">' + i + '</a>';
  755.                             } else {
  756.                                 html += '<a class=\"item\" data-page=\"' + i + '\">' + i + '</a>';
  757.                             }
  758.                         }
  760.                         if (pagination.page < pagination.pages) {
  761.                             html += '<a class=\"icon item\" data-page=\"' + (pagination.page + 1) + '\"><i class=\"right chevron icon\"></i></a>';
  762.                         } else {
  763.                             html += '<a class=\"icon item disabled\"><i class=\"right chevron icon\"></i></a>';
  764.                         }
  766.                         html += '</div>';
  767.                         paginationContainer.html(html);
  769.                         paginationContainer.find('a.item:not(.disabled):not(.active)').on('click', function() {
  770.                             const page = \$(this).data('page');
  771.                             if (page) {
  772.                                 loadFiles(page);
  773.                                 \$('html, body').animate({
  774.                                     scrollTop: \$('#results-section').offset().top - 100
  775.                                 }, 300);
  776.                             }
  777.                         });
  778.                     }
  779.                 });
  780.             }
  782.             // Start initialization
  783.             initVingeanneModule();
  784.         })();
  785.     </script>
  787.     <style>
  788.         #files-table {
  789.             font-size: 0.9em;
  790.         }
  791.         #files-table th {
  792.             white-space: nowrap;
  793.         }
  794.         #files-table td {
  795.             white-space: normal;
  796.         }
  797.     </style>
  798. {% endblock %}
  799. ", "@SyliusAdmin/Vingeanne/files_list.html.twig", "/var/www/erpdodcie/erpdodcie_api/templates/bundles/SyliusAdminBundle/Vingeanne/files_list.html.twig");
  800.     }
  801. }