templates/ordine_veloce/ordine_veloce.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'ordine_veloce' %}
  4. {% block head %}
  5.     <script type="text/javascript" src="https://unpkg.com/@zxing/library@latest"></script>
  6.     <script type="text/javascript" src="{{ asset('js/lettore_barcode.js') }}"></script>
  7. {% endblock %}
  9. {% block body %}
  10.     {{ traduzione.CaricaTraduzioniDaFamiglia("ordine_veloce", app.request.locale, false) }}
  11.     <h2 class="page-header">{{ traduzione.OttieniElementoDizionario("ordine_veloce_title", "ordine_veloce").valoreUscita }}</h2>
  13.     <div class="modal fade" tabindex="-1" role="dialog" id="aggiungi_da_excel_modal">
  14.         <div class="modal-dialog panel-warning" role="document">
  15.             <div class="modal-content panel-warning">
  16.                 <div class="modal-header">
  17.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  18.                     <h4 class="modal-title" id="modalTitle">{{ traduzione.OttieniElementoDizionario("ordine_veloce_excel_modal_title", "ordine_veloce").valoreUscita }}</h4>
  19.                 </div>
  20.                 <div id="modalImportazioneCarrelloBody" class="modal-body panel-warning">
  21.                     <div id="baseModalImportazioneCarrelloBody">
  22.                         <div class="loading" id="loadingExcel">Loading&#8230;</div>
  23.                         <p>{{ traduzione.OttieniElementoDizionario("ordine_veloce_excel_modal_testo", "ordine_veloce").valoreUscita }}</p>
  24.                         <textarea id="listaCodiciImportazioneCarrelloTextArea" class="form-control" cols="5" rows="10"></textarea>
  25.                         <p><b>{{ traduzione.OttieniElementoDizionario("ordine_veloce_excel_modal_testo_di_fondo", "ordine_veloce").valoreUscita }}</b></p>
  26.                     </div>
  27.                     <div id="esitoModalImportazioneCarrelloBody"></div>
  28.                     <span id="erroreImportazioneCarrello" style="color: red; font-weight: bold"></span>
  29.                 </div>
  30.                 <div class="modal-footer">
  31.                     <button type="button" id="importaCarrelloBtn" class="btn btn-success">{{ traduzione.OttieniElementoDizionario("ordine_veloce_excel_modal_esegui_btn", "ordine_veloce").valoreUscita }}</button>
  32.                     <button type="button" id="chiudiImportaCarrelloBtn" class="btn btn-danger" data-dismiss="modal">{{ traduzione.OttieniElementoDizionario("ordine_veloce_excel_modal_chiudi_btn", "ordine_veloce").valoreUscita }}</button>
  33.                 </div>
  34.             </div><!-- /.modal-content -->
  35.         </div><!-- /.modal-dialog -->
  36.     </div><!-- /.modal -->
  38.     <div class="modal fade" tabindex="-1" role="dialog" id="myModalShop">
  39.         <div class="modal-dialog panel-warning" role="document">
  40.             <div class="modal-content panel-warning">
  41.                 <div class="modal-header">
  42.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  43.                     <h4 class="modal-title" id="modalTitle">{{ traduzione.OttieniElementoDizionario("ordine_veloce_msg_attenzione", "ordine_veloce").valoreUscita }}</h4>
  44.                 </div>
  45.                 <div id="modalBodyAttenzione" class="modal-body panel-warning">
  46.                     <p></p>
  47.                 </div>
  48.                 <div class="modal-footer">
  49.                     <button type="button" class="btn btn-danger" data-dismiss="modal">{{ traduzione.OttieniElementoDizionario("ordine_veloce_btn_chiudi", "ordine_veloce").valoreUscita }}</button>
  50.                 </div>
  51.             </div><!-- /.modal-content -->
  52.         </div><!-- /.modal-dialog -->
  53.     </div><!-- /.modal -->
  55.     <div style="width: 50%;" class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  56.         <div class="panel panel-success">
  57.             <div class="panel-heading" role="tab" id="headingOne">
  58.                 <h4 class="panel-title">
  59.                     <a role="button" class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  60.                         <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>{{ traduzione.OttieniElementoDizionario("ordine_veloce_aiuto_title", "ordine_veloce").valoreUscita }}
  61.                     </a>
  62.                 </h4>
  63.             </div>
  64.             <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
  65.                 <div class="panel-body">
  66.                     {{ traduzione.OttieniElementoDizionario("ordine_veloce_aiuto_testo", "ordine_veloce").valoreUscita }}
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  72.     <div class="panel panel-default">
  73.         <div class="panel-body">
  74.             <div class="form-inline">
  75.                 <div class="form-group">
  76.                     <div class="input-group">
  77.                         <div class="input-group-addon">{{ traduzione.OttieniElementoDizionario("ordine_veloce_inserimento_codice_parte", "ordine_veloce").valoreUscita }}</div>
  78.                         <input type="text" class="form-control attiva-press" id="ordineVeloceCodiceParteTxt" autofocus="autofocus" placeholder="{{ traduzione.OttieniElementoDizionario("ordine_veloce_inserimento_codice_parte_placeholder", "ordine_veloce").valoreUscita }}">
  79.                     </div>
  80.                 </div>
  81.                 <div class="form-group">
  82.                     <div class="input-group">
  83.                         <div class="input-group-addon">{{ traduzione.OttieniElementoDizionario("ordine_veloce_inserimento_qta", "ordine_veloce").valoreUscita }}</div>
  84.                         <input type="number" class="form-control attiva-press" id="ordineVeloceQtaTxt" placeholder="{{ traduzione.OttieniElementoDizionario("ordine_veloce_inserimento_qta_placeholder", "ordine_veloce").valoreUscita }}">
  85.                     </div>
  86.                 </div>
  87.                 <div class="form-group">
  88.                     <div class="input-group">
  89.                         <button class="btn btn-success ordineVeloceAggiungiBtn">{{ traduzione.OttieniElementoDizionario("ordine_veloce_bottone_aggiungi", "ordine_veloce").valoreUscita }}</button>
  90.                     </div>
  91.                 </div>
  92.                 <div class="form-group" style="margin-left: 100px;">
  93.                     <div class="input-group">
  94.                         <div class="input-group-addon">{{ traduzione.OttieniElementoDizionario("ordine_veloce_inserimento_marca_opzionale", "ordine_veloce").valoreUscita }}</div>
  95.                         <input type="text" class="form-control attiva-press" id="ordineVeloceMarcaTxt" placeholder="{{ traduzione.OttieniElementoDizionario("ordine_veloce_inserimento_marca_opzionale_placeholder", "ordine_veloce").valoreUscita }}">
  96.                     </div>
  97.                 </div>
  99.                 <div class="form-group" style="float: right; margin-right: 20px;">
  100.                     <div class="input-group">
  101.                         <button type="button" onclick="AvviaLettoreBarcode();" class="btn btn-default">
  102.                             <span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>  {{ traduzione.OttieniElementoDizionario("ordine_veloce_aggiungi_da_barcode", "ordine_veloce").valoreUscita }}
  103.                         </button>
  104.                         <button style="margin-left: 20px;" id="importa_da_excel_btn" class="btn btn-large btn-success">{{ traduzione.OttieniElementoDizionario("ordine_veloce_aggiungi_da_excel_btn", "ordine_veloce").valoreUscita }}</button>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div>
  109.     </div>
  111.     <div class="col-md-12 col-xs-12" id="lettoreBarcodeDiv" style="display: none;">
  112.         <div class="col-md-3 col-xs-12">
  113.             <a class="btn btn-success" id="startButton">Start</a>
  114.             <a class="btn btn-danger" id="resetButton">Stop</a>
  115.             <div>
  116.                 <video id="video" width="250" height="200" style="border: 1px solid gray"></video>
  117.             </div>
  118.             <div id="sourceSelectPanel" style="display:none">
  119.                 <label for="sourceSelect">{{ traduzione.OttieniElementoDizionario("ordine_veloce_barcode_sorgente_video", "ordine_veloce").valoreUscita }}</label>
  120.                 <select id="sourceSelect" style="max-width:400px">
  121.                 </select>
  122.             </div>
  123.         </div>
  124.         <div class="col-md-3 col-xs-12" style="display: flex; flex-direction: row; align-content: stretch; align-items: center;">
  125.             <p id="datiSparata"></p>
  126.         </div>
  127.     </div>
  129.     <b style="color: red;">{{ traduzione.OttieniElementoDizionario("ordine_veloce_frase_di_attenzione", "ordine_veloce").valoreUscita }}</b>
  130.     <br>
  132.     <table class="table table-responsive table-striped lista-articoli-table">
  133.         <thead>
  134.         <tr>
  135.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_tp", "ordine_veloce").valoreUscita }}</th>
  136.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_codice", "ordine_veloce").valoreUscita }}</th>
  137.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_descrizione", "ordine_veloce").valoreUscita }}</th>
  138.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_marca", "ordine_veloce").valoreUscita }}</th>
  139.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_qta", "ordine_veloce").valoreUscita }}</th>
  140.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_nettocad", "ordine_veloce").valoreUscita }}</th>
  141.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_listino", "ordine_veloce").valoreUscita }}</th>
  142.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_disponibile", "ordine_veloce").valoreUscita }}</th>
  143.             <th>{{ traduzione.OttieniElementoDizionario("ordine_veloce_tab_inarrivo", "ordine_veloce").valoreUscita }}</th>
  144.         </tr>
  145.         </thead>
  146.         <tbody class="body-tabella-articoli">
  148.         </tbody>
  149.     </table>
  151.     <button class="btn btn-lg btn-primary aggiungi-tutto-carrello" style="float: left;">{{ traduzione.OttieniElementoDizionario("ordine_veloce_bottone_aggiungi_al_carrello", "ordine_veloce").valoreUscita }}</button>
  154. {% endblock %}
  156. {% block javascript %}
  158.     <script type="text/javascript">
  160.         $(document).ready(function () {
  162.             $("#myModalShop").modal({
  163.                 show: false
  164.             });
  166.             $("#aggiungi_da_excel_modal").modal({
  167.                 show: false
  168.             });
  170.             $('#importa_da_excel_btn').on("click", function () {
  171.                 $("#aggiungi_da_excel_modal").modal("toggle");
  172.             });
  174.             $(".lista-articoli-table").on("click", "a", function () {
  175.                 $(this).closest("tr").remove();
  176.             });
  178.             $(".attiva-press").keypress(function (e) {
  179.                 var keycode = event.keyCode || event.which;
  180.                 if (keycode == '13') {
  181.                     $(".ordineVeloceAggiungiBtn").click();
  182.                 }
  183.             });
  185.             $("#importaCarrelloBtn").on("click", function () {
  186.                 if($("#listaCodiciImportazioneCarrelloTextArea").val() != ''){
  187.                     $("#loadingExcel").css("display", "block");
  188.                     $.ajax({
  189.                         type: "POST",
  190.                         dataType: 'html',
  191.                         data: {
  192.                             "lista_da_importare": $("#listaCodiciImportazioneCarrelloTextArea").val()
  193.                         },
  194.                         url: Routing.generate('carrello_aggiungi_da_excel'),
  195.                         async: true
  196.                     })
  197.                     .done(function (response) {
  198.                         $("#loadingExcel").css("display", "none");
  199.                         try {
  200.                             let ritorno = JSON.parse(response);
  201.                             if (ritorno["errori"].length > 0) {
  202.                                 $('#modalBodyAttenzione').html(ritorno["errori"]);
  203.                             } else {
  204.                                 $('#modalBodyAttenzione').html('{{ traduzione.OttieniElementoDizionario("ordine_veloce_excel_modal_importazione_completata", "ordine_veloce").valoreUscita }}');
  205.                             }
  206.                         }catch{
  207.                             $('#modalBodyAttenzione').html("ERROR!");
  208.                         }
  209.                         $('#myModalShop').modal({
  210.                             show: false
  211.                         });
  212.                         $("#myModalShop").modal('show');
  213.                     })
  214.                     .fail(function (jqXHR, textStatus, errorThrown) {
  215.                         alert('Error : ' + errorThrown);
  216.                         $("#loadingMaster").css("display", "none");
  217.                     });
  218.                 }else{
  219.                     $('#modalBodyAttenzione').html("{{ traduzione.OttieniElementoDizionario("ordine_veloce_excel_modal_errore_inserisci_almeno_una_riga", "ordine_veloce").valoreUscita }}");
  220.                     $('#myModalShop').modal({
  221.                         show: false
  222.                     });
  223.                     $("#myModalShop").modal('show');
  224.                 }
  225.             });
  228.             $(".aggiungi-tutto-carrello").on("click", function () {
  230.                 var listaCodici = [];
  232.                 $(".body-tabella-articoli tr").each(function () {
  233.                     var idmappa = $(this).data('idmappa');
  234.                     var qta = $(this).find("td:nth-child(5)").text();
  235.                     listaCodici.push({
  236.                         'idMappaArticoli': idmappa,
  237.                         'idVariante': '',
  238.                         'idListaTipologiePreimpostate': '',
  239.                         'qta': qta
  240.                     });
  241.                 });
  243.                 if (listaCodici.length > 0) {
  245.                     $("#erroreImportazioneCarrello").html("");
  246.                     $("#importaCarrelloBtn").hide();
  248.                     $("#loadingMaster").css("display", "block");
  249.                     $.ajax({
  250.                         type: "POST",
  251.                         dataType: 'html',
  252.                         data: {
  253.                             "lista": listaCodici
  254.                         },
  255.                         url: Routing.generate('carrello_aggiungi'),
  256.                         async: true
  257.                     })
  258.                         .done(function (response) {
  259.                             $("#loadingMaster").css("display", "none");
  260.                             $("#baseModalImportazioneCarrelloBody").hide();
  261.                             CountArticoliCarrello();
  262.                             $(".body-tabella-articoli").html("");
  263.                             toastMessage("{{ traduzione.OttieniElementoDizionario("ordine_veloce_articoli_aggiunti_carrello", "ordine_veloce").valoreUscita }}");
  264.                         })
  265.                         .fail(function (jqXHR, textStatus, errorThrown) {
  266.                             alert('Error : ' + errorThrown);
  267.                             $("#loadingMaster").css("display", "none");
  268.                         });
  269.                 }else{
  270.                     $("#modalBodyAttenzione").html("<p>{{ traduzione.OttieniElementoDizionario("ordine_veloce_messaggio_testo", "ordine_veloce").valoreUscita }}</p>");
  271.                     $('#myModalShop').modal({
  272.                         show: false
  273.                     });
  274.                     $("#myModalShop").modal('show');
  275.                 }
  277.             });
  279.             $(".ordineVeloceAggiungiBtn").on("click", function () {
  280.                 var codiceParte = $("#ordineVeloceCodiceParteTxt").val();
  281.                 var marca = $("#ordineVeloceMarcaTxt").val();
  282.                 var qta = $("#ordineVeloceQtaTxt").val();
  285.                 if (codiceParte && codiceParte != "" && qta && qta != "")
  286.                 {
  287.                     $("#loadingMaster").css("display", "block");
  288.                     $.ajax({
  289.                         type: "POST",
  290.                         dataType: 'json',
  291.                         url: Routing.generate('ordine_veloce_cerca_mappa'),
  292.                         data: {
  293.                             "data": {
  294.                                 'codice' : codiceParte,
  295.                                 'marca' : marca
  296.                             }
  297.                         },
  298.                         async: true //you won't need that if nothing in your following code is dependend of the result
  299.                     })
  300.                         .done(function (response) {
  301.                             $("#loadingMaster").css("display", "none");
  303.                             if (response['descrizione']) {
  305.                                 var backgroundStyle = "";
  306.                                 if (Number(response['disponibile'].replace(",", ".")) < Number(qta)) {
  307.                                     if (Number(response['in_arrivo'].replace(",", ".")) > qta) {
  308.                                         backgroundStyle = " style='background-color: yellow;'";
  309.                                         parseFloat(qta).toFixed(response['numero_decimali']);
  310.                                         $("#modalBodyAttenzione").html("<p>{{ traduzione.OttieniElementoDizionario("ordine_veloce_messaggio_testo_non_disponibile_in_arrivo", "ordine_veloce").valoreUscita }}</p>");
  311.                                         $('#myModalShop').modal({
  312.                                             show: false
  313.                                         });
  314.                                         $("#myModalShop").modal('show');
  315.                                     }
  316.                                     else {
  317.                                         backgroundStyle = " style='background-color: red;'";
  318.                                         $("#modalBodyAttenzione").html("<p>{{ traduzione.OttieniElementoDizionario("ordine_veloce_messaggio_testo_non_disponibile", "ordine_veloce").valoreUscita }}</p>");
  319.                                         $('#myModalShop').modal({
  320.                                             show: false
  321.                                         });
  322.                                         $("#myModalShop").modal('show');
  323.                                     }
  324.                                 }
  326.                                 var tabRow = "<tr" + backgroundStyle + " data-idmappa='" + response['id_mappa'] + "'><td>" + response['tipo_parte'] + "</td><td id='codice'>" + codiceParte + "</td><td>" + response['descrizione'] + "</td><td id='marca'>" + response['marca'] + "</td><td id='qta'>" + parseFloat(qta).toFixed(response['numero_decimali']) + "</td><td>€ " + response['prezzo_netto']
  327.                                     + "</td><td>€ " + response['prezzo_listino'] + "</td><td>" + response['disponibile'] + "</td><td>" + response['in_arrivo'] + "</td><td><a class='btn btn-danger elimina-elemento' title='{{ traduzione.OttieniElementoDizionario("ordine_veloce_elimina_btn_title", "ordine_veloce").valoreUscita }}'><span class='glyphicon glyphicon-trash'></span></a></td></tr>";
  329.                                 $(".body-tabella-articoli").append(tabRow);
  330.                                 $("#codiceParteTxt").focus();
  331.                                 if(avviato){
  332.                                     pulisciTutto();
  333.                                     document.getElementById('startButton').click();
  334.                                 }
  335.                             }else{
  336.                                 $("#modalBodyAttenzione").html("<p>{{ traduzione.OttieniElementoDizionario("ordine_veloce_messaggio_testo_articolo_non_trovato", "ordine_veloce").valoreUscita }}</p>");
  337.                                 $('#myModalShop').modal({
  338.                                     show: false
  339.                                 });
  340.                                 $("#myModalShop").modal('show');
  341.                             }
  342.                         })
  343.                         .fail(function (jqXHR, textStatus, errorThrown) {
  344.                             alert('Error : ' + errorThrown);
  345.                             $("#loadingMaster").css("display", "none");
  346.                         });
  347.                 }
  348.                 else{
  349.                     $("#modalBodyAttenzione").html("<p>{{ traduzione.OttieniElementoDizionario("ordine_veloce_messaggio_testo_compila_dati", "ordine_veloce").valoreUscita }}</p>");
  350.                     $('#myModalShop').modal({
  351.                         show: false
  352.                     });
  353.                     $("#myModalShop").modal('show');
  354.                 }
  357.             });
  359.         });
  360.     </script>
  362. {% endblock %}