app/Plugin/SalesReport42/Resource/template/admin/term.twig line 1

Open in your IDE?
  1. {#
  2.  This file is part of the Sales Report plugin
  4. Copyright (C) EC-CUBE CO.,LTD. All Rights Reserved.
  6.  For the full copyright and license information, please view the LICENSE
  7.  file that was distributed with this source code.
  8. #}
  10. {% extends 'SalesReport42/Resource/template/admin/index.twig' %}
  11. {% block sub_title %}{{ 'sales_report.admin.sub.title.term'|trans }}{% endblock %}
  13. {% set report_title = 'sales_report.admin.term.report_title'|trans %}
  14. {% set action = url('sales_report_admin_term') %}
  15. {% set menus = ['SalesReport42', 'sales_report_admin_term'] %}
  17. {% block stylesheet %}
  18.     <link rel="stylesheet" href="{{ asset('assets/css/tempusdominus-bootstrap-4.min.css', 'admin') }}">
  19.     <style type="text/css">
  20.         .datepicker-days th.dow:first-child,
  21.         .datepicker-days td:first-child {
  22.             color: #f00;
  23.         }
  25.         .datepicker-days th.dow:last-child,
  26.         .datepicker-days td:last-child {
  27.             color: #00f;
  28.         }
  29.         #sales_report_unit > div {
  30.             float: left;
  31.             padding-right: 15px
  32.         }
  33.     </style>
  34. {% endblock stylesheet %}
  36. {% block chart %}
  37.     <script>
  38.         var graphData = {{ graphData|raw }};
  40.         window.onload = function () {
  41.             //create line chart
  42.             if (graphData != null) {
  43.                 var dataSet = graphData.datasets;
  44.                 graphData.datasets = [dataSet];
  45.                 {% if options.unit is defined and (options.unit == 'byWeekDay' or options.unit == 'byHour') %}
  46.                 var config = {
  47.                     type: 'bar',
  48.                     data: graphData,
  49.                     options: {
  50.                         responsive: true,
  51.                         tooltips: {
  52.                             callbacks: {
  53.                                 label: function tooltipsRender(tooltipItem, graphData) {
  54.                                     var index = tooltipItem.index;
  55.                                     var tooltipData = graphData.datasets[0].data[index];
  56.                                     var tooltipLabel = graphData.labels[index];
  57.                                     return '{{ 'sales_report.admin.money'|trans }}' + moneyFormat(tooltipData);
  58.                                 }
  59.                             }
  60.                         },
  61.                         scales: {
  62.                             yAxes: [{
  63.                                 ticks: {
  64.                                     callback: function (value) {
  65.                                         return Math.round(value).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1,');
  66.                                     }
  67.                                 }
  68.                             }]
  69.                         }
  70.                     }
  71.                 };
  72.                 {% else %}
  73.                 var config = {
  74.                     type: 'line',
  75.                     data: graphData,
  76.                     options: {
  77.                         responsive: true,
  78.                         tooltips: {
  79.                             callbacks: {
  80.                                 label: function tooltipsRender(tooltipItem, graphData) {
  81.                                     var index = tooltipItem.index;
  82.                                     var tooltipData = graphData.datasets[0].data[index];
  83.                                     var tooltipLabel = graphData.labels[index];
  84.                                     return '{{ 'sales_report.admin.money'|trans }}' + moneyFormat(tooltipData);
  85.                                 }
  86.                             }
  87.                         },
  88.                         scales: {
  89.                             yAxes: [{
  90.                                 ticks: {
  91.                                     callback: function (value) {
  92.                                         return Math.round(value).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1,');
  93.                                     }
  94.                                 }
  95.                             }]
  96.                         }
  97.                     }
  98.                 };
  99.                 {% endif %}
  100.                 var ctx = document.getElementById("chart").getContext("2d");
  101.                 new Chart(ctx, config);
  102.             }
  103.             //export csv
  104.             $('#export-csv').click(function () {
  105.                 var form = document.createElement("form");
  106.                 form.setAttribute("method", 'POST');
  107.                 form.setAttribute("action", "{{ url('sales_report_admin_export', { type : 'term' }) }}");
  108.                 document.body.appendChild(form);
  109.                 form.submit();
  110.                 document.body.removeChild(form);
  111.             });
  112.         };
  113.     </script>
  114. {% endblock %}
  116. {% block option %}
  117.     <div class="row">
  118.         <div class="col-3"><span>{{ 'sales_report.admin.term.001'|trans }}</span></div>
  119.         <div class="col mb-2">
  120.             {{ form_widget(form.unit) }}
  121.             {{ form_errors(form.unit) }}
  122.         </div>
  123.     </div>
  124. {% endblock %}
  126. {% block table %}
  127.     {% if app.request.method == 'POST' %}
  128.         <div class="card-body">
  129.             <div class="row">
  130.                 {% if rawData is not null %}
  131.                     <div class="col-12 text-end mb-2">
  132.                         <div class="d-inline-block">
  133.                             <div class="btn-group d-inline-block" role="group">
  134.                                 <button type="button" class="btn btn-ec-regular" id="export-csv"><i
  135.                                             class="fa fa-cloud-download mr-1 text-secondary"></i> {{ 'sales_report.admin.csv.download'|trans }}
  136.                                 </button>
  137.                             </div>
  138.                         </div>
  139.                     </div>
  141.                     <table class="table table-striped" id="term-table">
  142.                         <thead>
  143.                         <tr>
  144.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.001'|trans }}</th>
  145.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.002'|trans }}</th>
  146.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.003'|trans }}</th>
  147.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.004'|trans }}</th>
  148.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.005'|trans }}</th>
  149.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.006'|trans }}</th>
  150.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.007'|trans }}</th>
  151.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.008'|trans }}</th>
  152.                             <th class="border-top-0 py-2 text-center">{{ 'sales_report.admin.list.label.009'|trans }}</th>
  153.                             <th class="border-top-0 py-2 text-end">{{ 'sales_report.admin.list.label.010'|trans }}</th>
  154.                             <th class="border-top-0 py-2 text-end">{{ 'sales_report.admin.list.label.011'|trans }}</th>
  155.                         </tr>
  156.                         </thead>
  157.                         <tbody>
  158.                         {% for date, row in rawData %}
  159.                             <tr>
  160.                                 <td class="align-middle text-center ps-3">{{ date }}</td>
  161.                                 <td class="align-middle text-center ps-3">{{ row is empty ? '' : row.time|number_format }}</td>
  163.                                 <td class="align-middle text-center ps-3">{{ row is empty ? '' : row.male|number_format }}</td>
  164.                                 <td class="align-middle text-center ps-3">{{ row is empty ? '' : row.female|number_format }}</td>
  165.                                 <td class="align-middle text-center ps-3">{{ row is empty ? '' : row.other|number_format }}</td>
  166.                                 <td class="align-middle text-center ps-3">{{ row is empty ? '' : row.member_male|number_format }}</td>
  167.                                 <td class="align-middle text-center ps-3">{{ row is empty ? '' : row.nonmember_male|number_format }}</td>
  168.                                 <td class="align-middle text-center ps-3">{{ row is empty ? '' : row.member_female|number_format }}</td>
  169.                                 <td class="align-middle text-center ps-3">{{ row is empty ? '' : row.nonmember_female|number_format }}</td>
  171.                                 <td class="price-format text-end">
  172.                                     {{ row is empty ? '' : row.price|price }}
  173.                                     <span class="d-none">{{ row is empty ? '' : row.price }}</span>
  174.                                 </td>
  175.                                 <td class="price-format text-end">
  176.                                     {% if row is not empty and row.time > 0 %}
  177.                                         {{ (row.price / row.time)|round(2, 'floor')|price }}
  178.                                     {% else %}
  179.                                         {{ 0|price }}
  180.                                     {% endif %}
  181.                                     <span class="d-none">
  182.                                                     {% if row.time > 0 %}
  183.                                                         {{ (row.price / row.time)|round(2, 'floor') }}
  184.                                                     {% else %}
  185.                                                         0
  186.                                                     {% endif %}
  187.                                                 </span>
  188.                                 </td>
  189.                             </tr>
  190.                         {% endfor %}
  191.                         </tbody>
  192.                     </table>
  193.                 {% else %}
  194.                     <div class="col-12">
  195.                         <p class="mb-0">{{ 'sales_report.admin.list.nodata'|trans }}</p>
  196.                     </div>
  197.                 {% endif %}
  198.             </div>
  199.         </div>
  200.     {% endif %}
  201. {% endblock %}