src/ApplicationBundle/Resources/views/modals/input_forms/generic_ai_report_modal.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="GenericAiReportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index:9999;">
  2.     <div class="modal-dialog" role="document">
  3.         <div class="modal-content">
  4.             <div class="modal-header">
  5.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  6.                 <h4 class="modal-title" id="GenericAiReportModalLabel">Report</h4>
  7.                 <div class="pull-right" style="margin-top:-4px;">
  8.                     <button type="button" class="btn btn-xs btn-default" onclick="aiReportExportCsv()" title="Export CSV">
  9.                         <i class="fa fa-file-text-o"></i> CSV
  10.                     </button>
  11.                     <button type="button" class="btn btn-xs btn-default" onclick="aiReportPrint()" title="Print / Save as PDF">
  12.                         <i class="fa fa-print"></i> Print / PDF
  13.                     </button>
  14.                 </div>
  15.             </div>
  16.             <div class="modal-body">
  21.                 <div class="row clearfix">
  22.                     <div class="col-md-12 " id="GenericAiReportModalBody">
  24.                     </div>
  26.                     <div class="col-md-12 " id="GenericAiReportChartBody">
  27.                         <canvas id="genericAiChart_bar"></canvas>
  28.                         <canvas id="genericAiChart_pi"></canvas>
  29.                         <canvas id="genericAiChart_line"></canvas>
  31.                     </div>
  38.                 </div>
  40. {#                <div class="row clearfix">#}
  42. {#                    <div class="col-md-12">#}
  45. {#                        <div class="btn-toolbar pull-right">#}
  47. {#                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>#}
  48. {#                        </div>#}
  51. {#                    </div>#}
  52. {#                </div>#}
  58.                 {#</form>#}
  60.             </div>
  62.         </div>
  63.         {#<div class="modal-footer">#}
  64.         {#<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>#}
  65.         {#</div>#}
  66.     </div>
  67. </div>
  68. </div>
  70. <style type="text/css">
  72.     #GenericAiReportModal .modal-dialog { width: 80% !important; max-width: 1100px; }
  73.     #GenericAiReportModal .modal-header { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
  74.     #GenericAiReportModal .modal-header h4 { flex: 1; margin: 0; }
  75.     #GenericAiReportModal .modal-body { max-height: 70vh; overflow-y: auto; }
  76.     #GenericAiReportModalBody table { width: 100%; font-size: 12px; }
  77. </style>
  79. <script>
  80.     var genericAiChart ={
  81.         bar : null,
  82.         line : null,
  83.         pi : null,
  84.     }
  86.     // ── Report export helpers ─────────────────────────────────────────────────
  88.     function aiReportExportCsv() {
  89.         var $table = $('#GenericAiReportModalBody table');
  90.         if (!$table.length) { alert('No table data to export.'); return; }
  91.         var rows = [];
  92.         $table.find('tr').each(function () {
  93.             var row = [];
  94.             $(this).find('th, td').each(function () {
  95.                 var cell = $(this).text().trim().replace(/"/g, '""');
  96.                 row.push('"' + cell + '"');
  97.             });
  98.             if (row.length) rows.push(row.join(','));
  99.         });
  100.         var title = $('#GenericAiReportModalLabel').text().trim() || 'report';
  101.         var blob = new Blob([rows.join('\n')], {type: 'text/csv;charset=utf-8;'});
  102.         var url = URL.createObjectURL(blob);
  103.         var a = document.createElement('a');
  104.         a.href = url;
  105.         a.download = title.replace(/[^a-z0-9]/gi, '_').toLowerCase() + '.csv';
  106.         document.body.appendChild(a);
  107.         a.click();
  108.         document.body.removeChild(a);
  109.         URL.revokeObjectURL(url);
  110.     }
  112.     function aiReportPrint() {
  113.         var title = $('#GenericAiReportModalLabel').text().trim() || 'Report';
  114.         var bodyHtml = $('#GenericAiReportModalBody').html();
  115.         var win = window.open('', '_blank', 'width=960,height=720');
  116.         win.document.write('<!DOCTYPE html><html><head><meta charset="utf-8"><title>' + title + '</title><style>'
  117.             + 'body{font-family:Arial,sans-serif;font-size:12px;padding:24px;color:#222;}'
  118.             + 'h2{margin:0 0 14px;font-size:16px;}'
  119.             + 'table{border-collapse:collapse;width:100%;}'
  120.             + 'th,td{border:1px solid #ccc;padding:6px 10px;text-align:left;vertical-align:top;}'
  121.             + 'th{background:#f0f4f7;font-weight:bold;}'
  122.             + 'tr:nth-child(even){background:#fafafa;}'
  123.             + 'pre{white-space:pre-wrap;word-break:break-word;}'
  124.             + '@media print{body{padding:0;}@page{margin:15mm;}}'
  125.             + '</style></head><body>'
  126.             + '<h2>' + title + '</h2>'
  127.             + bodyHtml
  128.             + '<script>window.onload=function(){window.print();}<\/script>'
  129.             + '</body></html>');
  130.         win.document.close();
  131.     }
  133.     // ─────────────────────────────────────────────────────────────────────────
  135.     function generateGenericAiChart(data,type) {
  137.         type=type || 'bar';
  138.         data=data || {
  139.             labels : [],
  140.             x_title : "",
  141.             y_title : "",
  142.             datasets : [],
  143.         };
  144.         var ctx = document.getElementById('genericAiChart_'+type).getContext('2d');
  145.         var labels = data.labels||[];
  147.         if (genericAiChart[type]) {
  148.             genericAiChart[type].destroy();
  149.         }
  151.         genericAiChart[type] = new Chart(ctx, {
  152.             type: type,
  153.             data: {
  154.                 labels: labels,
  155.                 datasets: data.datasets
  156.             },
  157.             options: {
  158.                 responsive: true,
  159.                 maintainAspectRatio: false,
  160.                 scales: {
  161.                     x: {
  162.                         stacked: true,
  163.                         grid: {
  164.                             display: false
  165.                         },
  166.                         title: {
  167.                             display: true,
  168.                             text: data.x_title,
  169.                             font: {
  170.                                 weight: 'bold'
  171.                             }
  172.                         }
  173.                     },
  176.                     y: {
  177.                         beginAtZero: true,
  178.                         grid: {
  179.                             display: true
  180.                         },
  181.                         title: {
  182.                             display: true,
  183.                             text: data.y_title,
  184.                             font: {
  185.                                 weight: 'bold'
  186.                             }
  187.                         }
  189.                     },
  192.                 },
  193.                 plugins: {
  194.                     legend: {
  195.                         position: 'top',
  196.                         labels: {
  197.                             usePointStyle: false,
  198.                             boxWidth: 10
  199.                         }
  200.                     },
  201.                 }
  202.             }
  203.         });
  204.     }
  205. </script>