templates/base.html.twig line 1

  1. {% trans_default_domain "top_bar" %}
  3. <!DOCTYPE html>
  4. <html lang="{{ app.request.getLocale() }}">
  5. <head>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7.     <meta name="author" content="Fogazzi Mirko" />
  8.     <meta name="copyright" content="Fogazzi Mirko" />
  10.     {{ include('seo_metatag.html.twig') }}
  12.     {{ impostazioni.ritornaImpostazioneDaNome("HeaderGeneraleTuttePagine")|raw }}
  13.     {{ traduzione.CaricaTraduzioniDaFamiglie(["agenti_dialog_principale", "dialog_ricerca_cliente", "agenti_crea_offerta_da_carrello_dialog"], app.request.locale) }}
  15.     {{ include('ZZ_front_end/stili_base.html.twig') }}
  17.     <title>{% block title %}{{ impostazioni.ritornaImpostazioneDaNome("TitleGenerico")|raw }}{% endblock %}</title>
  19.     <link rel="stylesheet" href="{{ asset('css/sm-core-css.css') }}">
  20.     <link rel="stylesheet" href="{{ asset('css/simple-sidebar.css') }}">
  21.     <!-- Bootstrap core CSS -->
  22.     <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
  23.     <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
  24.     <link href="{{ asset('css/dropdown-css-style.css') }}" rel="stylesheet">
  26.     {#  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css">  #}
  28.     <link href="{{ asset('java_lib/jquery-ui-1.12.0/jquery-ui.min.css') }}" rel="stylesheet">
  30.     {% if is_granted('ROLE_ADMIN') or app.user or is_granted('ROLE_AGENTE') or is_granted('ROLE_COMMERCIALE') or is_granted("ROLE_FORNITORE") %}
  31.         {#<link href="https://unpkg.com/tabulator-tables@4.2.7/dist/css/tabulator.min.css" rel="stylesheet">#}
  32.         <link href="https://unpkg.com/tabulator-tables@5.2.3/dist/css/tabulator.min.css" rel="stylesheet">
  33.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.css" integrity="sha256-aa0xaJgmK/X74WM224KMQeNQC2xYKwlAt08oZqjeF0E=" crossorigin="anonymous" />
  34.     {% endif %}
  36.     <!-- FONT AWSOME -->
  38.     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  40.     <!-- SLICK CAROUSEL -->
  41.     <link rel="stylesheet" type="text/css" href="{{ asset('java_lib/slick-1.8.1/slick/slick.css') }}"/>
  42.     <link rel="stylesheet" type="text/css" href="{{ asset('java_lib/slick-1.8.1/slick/slick-theme.css') }}"/>
  43.     <!-- TINY SLIDER -->
  44.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/tiny-slider.css">
  46.     <!-- CORE NAV -->
  47.     <link rel="stylesheet" type="text/css" href="{{ asset('java_lib/custom_mf_sidebar/mf_sidebar.css') }}" />
  49.     <style type="text/css">
  50.         #modalZoomImg * {box-sizing: border-box;}
  52.         div#modalDettaglioCliente.modal.fade.in{
  53.             visibility: visible;
  54.         }
  56.         div#modalDettaglioCliente.modal.fade{
  57.             display: block;
  58.             visibility: hidden;
  59.         }
  61.         .tb-numeri-tranne-1 td:not(:first-child), .tb-numeri-tranne-1 th:not(:first-child){
  62.             text-align: right;
  63.         }
  65.         .tb-numeri-tranne-2 td:not(:first-child):not(:nth-child(2)), .tb-numeri-tranne-1 th:not(:first-child):not(:nth-child(2)){
  66.             text-align: right;
  67.         }
  69.         .bottone-risorse-articoli{
  70.             position: absolute;
  71.             border: solid 1px green;
  72.             border-radius: 10px;
  73.             padding: 5px;
  74.             float: right;
  75.             width: 40px;
  76.             z-index: 99;
  77.             cursor: pointer;
  78.             background: white;
  79.             top: 0px;
  80.             right: 0px;
  81.             height: 40px;
  82.         }
  84.         .bottone-risorse-articoli img{
  85.             height: 100%;
  86.             width: 100%;
  87.             /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  88.             background: transparent;
  89.         }
  91.         .img-zoom-container {
  92.             position: relative;
  93.         }
  95.         .centra-flex-tutto{
  96.             display: flex;
  97.             flex-direction: row;
  98.             align-content: center;
  99.             align-items: center;
  100.             justify-content: center;
  101.         }
  103.         .img-zoom-lens {
  104.             position: absolute;
  105.             border: 1px solid #d4d4d4;
  106.             /*set the size of the lens:*/
  107.             width: 250px;
  108.             height: 250px;
  109.         }
  111.         .img-zoom-result {
  112.             border: 1px solid #d4d4d4;
  113.             /*set the size of the result div:*/
  114.             width: 300px;
  115.             height: 300px;
  116.         }
  118.         {% if impostazioni.ritornaImpostazioneDaNome('NascondiFrecceSuGiuInInputNumber') == '1' %}
  119.         /* Chrome, Safari, Edge, Opera */
  120.         input::-webkit-outer-spin-button,
  121.         input::-webkit-inner-spin-button {
  122.             -webkit-appearance: none;
  123.             margin: 0;
  124.         }
  126.         /* Firefox */
  127.         input[type=number] {
  128.             -moz-appearance: textfield;
  129.         }
  130.         {% endif %}
  131.         /* The snackbar - position it at the bottom and in the middle of the screen */
  132.         #snackbar {
  133.             visibility: hidden; /* Hidden by default. Visible on click */
  134.             min-width: 350px; /* Set a default minimum width */
  135.             margin-left: -125px; /* Divide value of min-width by 2 */
  136.             background-color: #333; /* Black background color */
  137.             color: #fff; /* White text color */
  138.             text-align: center; /* Centered text */
  139.             border-radius: 2px; /* Rounded borders */
  140.             padding: 16px; /* Padding */
  141.             position: fixed; /* Sit on top of the screen */
  142.             z-index: 1; /* Add a z-index if needed */
  143.             left: 50%; /* Center the snackbar */
  144.             bottom: 80px; /* 30px from the bottom */
  145.             font-size: 15pt;
  146.         }
  148.         .attiva-tiny-slider{
  149.             display: none;
  150.         }
  151.         .attiva-slick{
  152.             display: none;
  153.         }
  155.         #bodyTabellaRicercaCliente tr:hover{
  156.             background-color: yellow;
  157.             cursor: pointer;
  158.         }
  160.         .cercaCliente:hover{
  161.             cursor: pointer;
  162.         }
  164.         .modal { overflow: auto !important; }
  166.         /* Show the snackbar when clicking on a button (class added with JavaScript) */
  167.         #snackbar.show {
  168.             visibility: visible; /* Show the snackbar */
  170.             /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  171.             However, delay the fade out process for 2.5 seconds */
  172.             -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  173.             animation: fadein 0.5s, fadeout 0.5s 2.5s;
  174.         }
  176.         /* Animations to fade the snackbar in and out */
  177.         @-webkit-keyframes fadein {
  178.             from {bottom: 0; opacity: 0;}
  179.             to {bottom: 80px; opacity: 1;}
  180.         }
  182.         @keyframes fadein {
  183.             from {bottom: 0; opacity: 0;}
  184.             to {bottom: 80px; opacity: 1;}
  185.         }
  187.         @-webkit-keyframes fadeout {
  188.             from {bottom: 80px; opacity: 1;}
  189.             to {bottom: 0; opacity: 0;}
  190.         }
  192.         @keyframes fadeout {
  193.             from {bottom: 80px; opacity: 1;}
  194.             to {bottom: 0; opacity: 0;}
  195.         }
  196.     </style>
  198.     {% block head %}{% endblock %}
  199.     {% block stylesheet %}{% endblock %}
  201.     {% block altri_nav %}{% endblock %}
  203.     <!-- jQuery Core -->
  204.     <script type="text/javascript" src="{{ asset('java_lib/jquery-2.2.4.min.js') }}"></script>
  205.     <script type="text/javascript" src="{{ asset('java_lib/jquery-ui-1.12.0/jquery-ui.min.js') }}"></script>
  206.     <script type="text/javascript" src="{{ asset('java_lib/bootstrap.min.js') }}"></script>
  207.     {#  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script> #}
  209. </head>
  211. <body>
  212. <div id="snackbar"></div>
  213. <div class="loading" id="loadingMaster">Loading&#8230;</div>
  215. {% if app.request.get("_route") == 'admin_pagine_e_componenti_editor' %}
  216.     {% set mostraTopBar = 0 %}
  217. {% endif %}
  219. {% if (mostraTopBar is defined and mostraTopBar == 1) or mostraTopBar is not defined %}
  220.     {{ include('ZZ_front_end/top_bar/top_bar.html.twig') }}
  221. {% endif %}
  223. {% if app.request.get("_route") == 'home_shop' %}
  224.     <div class="modal fade" role="dialog" tabindex="-1" style="z-index: 999999;" id="modal-cerca-filtro-avanzato-dialog">
  225.         <div class="modal-dialog" role="document">
  226.             <div class="modal-content">
  227.                 <div class="modal-header">
  228.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  229.                     <h4 class="modal-title">{{ traduzione.OttieniElementoDizionario("top_bar_filtro_avanzato_title", "top_bar").valoreUscita }}</h4>
  230.                 </div>
  231.                 <div class="modal-body">
  232.                     <form id="form-filtro-avanzato">
  233.                         <div class="form-group">
  234.                             <label for="filtro-avanzato-codice">{{ traduzione.OttieniElementoDizionario("top_bar_filtro_avanzato_codice_label", "top_bar").valoreUscita }}</label>
  235.                             <input type="text" class="form-control" name="articolo.codice" id="filtro-avanzato-codice">
  236.                         </div>
  237.                         <div class="form-group">
  238.                             <label for="filtro-avanzato-nome">{{ traduzione.OttieniElementoDizionario("top_bar_filtro_avanzato_descrizione_label", "top_bar").valoreUscita }}</label>
  239.                             <input type="text" class="form-control" name="articolo.nome" id="filtro-avanzato-nome">
  240.                         </div>
  241.                         <div class="form-group">
  242.                             <label for="filtro-avanzato-marca">{{ traduzione.OttieniElementoDizionario("top_bar_filtro_avanzato_marca_label", "top_bar").valoreUscita }}</label>
  243.                             <input type="text" class="form-control" name="mappa.marca" id="filtro-avanzato-marca">
  244.                         </div>
  245.                         <div class="checkbox">
  246.                             <label>
  247.                                 <input type="checkbox" name="filtro-avanzato-solo-disponibile"> {{ traduzione.OttieniElementoDizionario("top_bar_filtro_avanzato_mostra_solo_disponibili", "top_bar").valoreUscita }}
  248.                             </label>
  249.                         </div>
  250.                         <div class="checkbox">
  251.                             <label>
  252.                                 <input type="checkbox" name="filtro-avanzato-cerca-solo-in-categorie-selezionate"> {{ traduzione.OttieniElementoDizionario("top_bar_filtro_avanzato_cerca_solo_in_albero_categorie_corrente", "top_bar").valoreUscita }}
  253.                             </label>
  254.                         </div>
  255.                     </form>
  256.                 </div>
  257.                 <div class="modal-footer">
  258.                     <button type="button" onclick="ResetRicerca();" class="btn btn-danger" data-dismiss="modal">{{ traduzione.OttieniElementoDizionario("top_bar_filtro_avanzato_reset_btn", "top_bar").valoreUscita }}</button>
  259.                     <button type="button" onclick="$('#form-filtro-avanzato').submit();" class="btn btn-primary" data-dismiss="modal">{{ traduzione.OttieniElementoDizionario("top_bar_filtro_avanzato_applica_btn", "top_bar").valoreUscita }}</button>
  260.                 </div>
  261.             </div><!-- /.modal-content -->
  262.         </div><!-- /.modal-dialog -->
  263.     </div><!-- /.modal -->
  264. {% endif %}
  266. <div class="modal fade" tabindex="-1" role="dialog" id="modalZoomImg" style="z-index: 9999;">
  267.     <div class="modal-dialog panel-warning" role="document"  style="width: 80%;">
  268.         <div class="modal-content panel-warning">
  269.             <div class="modal-body" style="overflow-y: auto;">
  270.                 <div class="col-md-12 nascondiStampa">
  271.                     <div class="img-zoom-container">
  272.                         <div class="col-md-6 col-xs-12">
  273.                             <img id="zoomImgImg" src="" style="max-height: 90vh; width: auto;">
  274.                         </div>
  275.                         <div class="col-md-6 col-xs-12" style="max-height: 90vh;">
  276.                             <div id="zoomImgResult" class="img-zoom-result" style="width: 100%; height: 90vh;"></div>
  277.                         </div>
  278.                     </div>
  279.                 </div>
  280.             </div>
  281.             <div class="modal-footer">
  282.                 <button type="button" class="btn btn-danger" data-dismiss="modal">Chiudi</button>
  283.             </div>
  284.         </div><!-- /.modal-content -->
  285.     </div><!-- /.modal-dialog -->
  286. </div><!-- /.modal -->
  288. <div class="modal fade" tabindex="-1" role="dialog" id="risorseCatArtDialog" style="z-index: 99999;">
  289.     <div class="modal-dialog panel-warning" role="document"  style="width: 80%;">
  290.         <div class="modal-content panel-warning">
  291.             <div class="modal-header">
  292.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  293.                 <h4 class="modal-title">Risorse</h4>
  294.             </div>
  295.             <div class="modal-body" id="risorseCatArtDialog-body" style="overflow-y: auto;">
  297.             </div>
  298.             <div class="modal-footer">
  299.                 <button type="button" class="btn btn-danger" data-dismiss="modal">Chiudi</button>
  300.             </div>
  301.         </div><!-- /.modal-content -->
  302.     </div><!-- /.modal-dialog -->
  303. </div><!-- /.modal -->
  305. {% if not is_granted('ROLE_ADMIN') or is_granted('ROLE_AGENTE') or is_granted('ROLE_COMMERCIALE') %}
  306. <div class="modal fade" tabindex="-1" role="dialog" id="modalDettaglioClienteLoggato">
  307.     <div class="modal-dialog panel-warning" role="document"  style="width: 80%;">
  308.         <div class="modal-content panel-warning">
  309.             <div class="modal-header">
  310.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  311.                 <h4 class="modal-title" id="modalTitleDettaglioClienteLoggato">
  312.                     <button class="btn btn-danger" style="margin-right: 10px;" data-dismiss="modal" aria-label="Close">{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_indietro_btn", "agenti_dialog_principale").valoreUscita }}</button>
  313.                     {{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_dettaglio_cliente", "agenti_dialog_principale").valoreUscita }} <span id="modalDettaglioClienteLoggato-title2" style="color:red;"></span>
  314.                 </h4>
  315.             </div>
  316.             <div class="modal-body" id="modalDettaglioClienteLoggato-body" style="overflow-y: auto;">
  317.             </div>
  318.         </div>
  319.     </div>
  320. </div>
  321. {% endif %}
  324. {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_AGENTE') or is_granted('ROLE_COMMERCIALE') %}
  326. <div class="modal fade" tabindex="-1" role="dialog" id="modalDettaglioCliente">
  327.     <div class="modal-dialog panel-warning" role="document"  style="width: 80%;">
  328.         <div class="modal-content panel-warning">
  329.             <div class="modal-header">
  330.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  331.                 <h4 class="modal-title" id="modalTitleDettaglioCliente">
  332.                     <button class="btn btn-danger" style="margin-right: 10px;" data-dismiss="modal" aria-label="Close">{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_indietro_btn", "agenti_dialog_principale").valoreUscita }}</button>
  333.                     {{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_dettaglio_cliente", "agenti_dialog_principale").valoreUscita }} <span id="modalDettaglioCliente-title2" style="color:red;"></span>
  334.                     {% if impostazioni.ritornaImpostazioneDaNome('OfferteMostraPulsanteCreaOffertaDaCarrello') == '1' %}
  335.                         <button href="" style="float:right; margin-right: 20px;" id="modalDettaglioClienteCreaOffertaDaCarrelloBtn" data-toggle="modal" data-target="#modalCreaOffertaDaCarrello" class="btn btn-sm btn-primary">{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_crea_offerta_da_carrello_btn", "agenti_dialog_principale").valoreUscita }}</button>
  336.                     {% endif %}
  337.                     <button href="" style="float: right; margin-right: 20px;" id="modalDettaglioClienteSpostaCarrelloBtn" class="btn btn-sm btn-warning">{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_sposta_carrello_btn", "agenti_dialog_principale").valoreUscita }}</button>
  338.                     {% set attivaTipoOrdine = impostazioni.ritornaImpostazioneDaNome("AbilitaTipoOrdine") %}
  339.                     <div class="form-inline" style="float:right; margin-right:20px;{% if attivaTipoOrdine != '1' %}display:none;{% endif %}">
  340.                         <div class="form-group">
  341.                             <label for="tipo-ordine-input">{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_tipo_ordine", "agenti_dialog_principale").valoreUscita }}</label>
  342.                             <select id="tipo-ordine-input" class="form-control" style="width:auto;">
  343.                                 {% if attivaTipoOrdine == '1' %}
  344.                                     {% for tipoOrdine in servizi.RitornaTipiOrdine() %}
  345.                                         <option {% if loop.first %} selected="selected"{% endif %} value="{{ tipoOrdine.id|default("") }}">{{ tipoOrdine.testoVisualizzato|default("") }}</option>
  346.                                     {% endfor %}
  347.                                 {% endif %}
  348.                                 {% if servizi.RitornaTipiOrdine()|length <= 0 or attivaTipoOrdine == '0' %}
  349.                                     <option value=""></option>
  350.                                 {% endif %}
  351.                             </select>
  352.                         </div>
  353.                     </div>
  354.                 </h4>
  355.             </div>
  356.             <div class="modal-body" style="overflow-y: auto;">
  357.                 <div class="col-md-12 nascondiStampa">
  358.                     <div class="form-inline center">
  359.                         <div class="input-group" style="width: 100%;">
  360.                             <span style="font-weight: bold;width: 10%;min-width: 200px;" class="input-group-addon cercaCliente" id="basic-addon1">{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_seleziona_cliente", "agenti_dialog_principale").valoreUscita }}</span>
  361.                             <input type="text" style="width: 10%;min-width: 150px;" class="form-control cercaCliente" id="codiceClienteTxt" readonly placeholder="{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_cliente_codice", "agenti_dialog_principale").valoreUscita }}">
  362.                             <input type="text" style="width: 60%;" class="form-control cercaCliente" id="ragioneSocialeText" readonly placeholder="{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_cliente_ragione_sociale", "agenti_dialog_principale").valoreUscita }}">
  363.                             <button class="btn btn-small btn-danger pulisci-selezione-cliente" style="margin-left: 10px;" onclick="PulisciSelezioneCliente();"><i class="fa fa-trash" aria-hidden="true"></i></button>
  364.                             <button class="btn btn-default" data-valore="{% if servizi.RitornaAltriDatiUtente() and servizi.RitornaAltriDatiUtente().nascondiPrezzi %}1{% else %}0{% endif %}" id="nascondiPrzBtnDettCliente" onclick="VariaStatoBottoneNascondiPrezzi();" style="margin-left: 10px;{% if impostazioni.ritornaImpostazioneDaNome('MostraPulsanteNascondiPrezzi') != '1' %}display:none;{% endif %}">Nascondi prezzi</button>
  365.                         </div>
  366.                     </div>
  367.                     <hr>
  368.                     <div class="moda-dettaglio-cliente-body">
  370.                     </div>
  371.                 </div>
  372.             </div>
  373.             <div class="modal-footer">
  374.                 <button type="button" class="btn btn-danger" data-dismiss="modal">{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_chiudi_btn", "agenti_dialog_principale").valoreUscita }}</button>
  375.             </div>
  376.         </div><!-- /.modal-content -->
  377.     </div><!-- /.modal-dialog -->
  378. </div><!-- /.modal -->
  380. <div class="modal fade" tabindex="-1" role="dialog" id="modalCreaOffertaDaCarrello">
  381.     <div class="modal-dialog panel-warning" role="document">
  382.         <div class="modal-content panel-warning">
  383.             <div class="modal-header">
  384.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  385.                 <h4 class="modal-title">
  386.                     {{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_crea_offerta_da_carrello_btn", "agenti_dialog_principale").valoreUscita }}
  387.                 </h4>
  388.             </div>
  389.             <div class="modal-body" id="modalCreaOffertaDaCarrelloBody" style="overflow-y: auto;">
  390.                 <form id="creaOffertaDaCarrelloForm" action="{{ path('offerte_crea_da_carrello') }}">
  391.                     <div class="form-group">
  392.                         <label for="modal-crea-offerta-carrello-note">{{ traduzione.OttieniElementoDizionario("agenti_crea_offerta_da_carrello_dialog_note", "agenti_crea_offerta_da_carrello_dialog").valoreUscita }}</label>
  393.                         <textarea class="form-control" id="modal-crea-offerta-carrello-note" name="modal-crea-offerta-carrello-note"></textarea>
  394.                     </div>
  395.                     <div class="form-group">
  396.                         <label for="modal-crea-offerta-carrello-note-aziendali">{{ traduzione.OttieniElementoDizionario("agenti_crea_offerta_da_carrello_dialog_note_aziendali", "agenti_crea_offerta_da_carrello_dialog").valoreUscita }}</label>
  397.                         <textarea class="form-control" id="modal-crea-offerta-carrello-note" name="modal-crea-offerta-carrello-note-aziendali"></textarea>
  398.                     </div>
  399.                     <div class="form-group">
  400.                         <label for="modal-crea-offerta-carrello-riferimento-offerta">{{ traduzione.OttieniElementoDizionario("agenti_crea_offerta_da_carrello_dialog_note_riferimento_offerta", "agenti_crea_offerta_da_carrello_dialog").valoreUscita }}</label>
  401.                         <input type="text" class="form-control" id="modal-crea-offerta-carrello-riferimento-offerta" name="modal-crea-offerta-carrello-riferimento-offerta">
  402.                     </div>
  403.                     <div class="checkbox">
  404.                         <label>
  405.                             <input type="checkbox" id="modal-crea-offerta-carrello-invia-mail" name="modal-crea-offerta-carrello-invia-mail" checked="checked">{{ traduzione.OttieniElementoDizionario("agenti_crea_offerta_da_carrello_dialog_invia_offerta_mail_checkbox", "agenti_crea_offerta_da_carrello_dialog").valoreUscita }}
  406.                         </label>
  407.                     </div>
  408.                 </form>
  409.             </div>
  410.             <div class="modal-footer">
  411.                 <button href="" style="float:right; margin-right: 20px;" id="modalCreaOfferteDaCarrello_creaBtn" class="btn btn-sm btn-success">{{ traduzione.OttieniElementoDizionario("agenti_dialog_principale_crea_offerta_da_carrello_btn", "agenti_dialog_principale").valoreUscita }}</button>
  412.             </div>
  413.         </div><!-- /.modal-content -->
  414.     </div><!-- /.modal-dialog -->
  415. </div><!-- /.modal -->
  417. {% endif %}
  419. <div class="modal fade" tabindex="-1" role="dialog" id="modalRichiestaPrezzo">
  420.     <div class="modal-dialog panel-warning" role="document"  style="width: 80%;">
  421.         <div class="modal-content panel-warning">
  422.             <div class="modal-header">
  423.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  424.                 <h4 class="modal-title">
  425.                     {{ traduzione.CaricaTraduzioniDaFamiglia("richiesta_prezzo", app.request.locale, false) }}
  426.                     {{ traduzione.OttieniElementoDizionario("richiesta_prezzo_title", "richiesta_prezzo").valoreUscita }}
  427.                 </h4>
  428.             </div>
  429.             <div class="modal-body" id="modalRichiestaPrezzoBody" style="overflow-y: auto;">
  431.             </div>
  432.         </div><!-- /.modal-content -->
  433.     </div><!-- /.modal-dialog -->
  434. </div><!-- /.modal -->
  436. <div class="modal fade" tabindex="-1" role="dialog" id="modalMagazziniSecondari">
  437.     <div class="modal-dialog panel-warning" role="document"  style="width: 80%;">
  438.         <div class="modal-content panel-warning">
  439.             <div class="modal-header">
  440.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  441.                 <h4 class="modal-title">
  442.                     {{ traduzione.CaricaTraduzioniDaFamiglia("modal_magazzini_secondari", app.request.locale, false) }}
  443.                     {{ traduzione.OttieniElementoDizionario("modal_magazzini_secondari_title_main_modal", "modal_magazzini_secondari").valoreUscita }}
  444.                 </h4>
  445.             </div>
  446.             <div class="modal-body" id="modalMagazziniSecondariBody" style="overflow-y: auto;">
  448.             </div>
  449.         </div><!-- /.modal-content -->
  450.     </div><!-- /.modal-dialog -->
  451. </div><!-- /.modal -->
  453. {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_AGENTE') or is_granted('ROLE_COMMERCIALE') %}
  455. <div class="modal fade" tabindex="-1" role="dialog" id="modalCercaCliente">
  456.     <div class="modal-dialog panel-warning" role="document"  style="width: 80%;">
  457.         <div class="modal-content panel-warning">
  458.             <div class="modal-header">
  459.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  460.                 <h4 class="modal-title" id="modalTitle">{{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_title", "dialog_ricerca_cliente").valoreUscita }}</h4>
  461.             </div>
  462.             <div class="modal-body" style="overflow-y: auto;">
  463.                 <div class="col-md-12">
  464.                     <div class="col-md-4">
  465.                         <div class="form-inline center has-success">
  466.                             <div class="input-group" style="width: 100%;">
  467.                                 <span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
  468.                                 <input type="text" class="form-control" id="ricercaClienteTxt" placeholder="{{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_inizia_a_scrivere", "dialog_ricerca_cliente").valoreUscita }}">
  469.                             </div>
  470.                         </div>
  471.                     </div>
  472.                     <div class="col-md-4">
  473.                         <div class="form-inline center has-success">
  474.                             <div class="input-group" style="width: 100%;">
  475.                                 <span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
  476.                                 <input type="text" class="form-control" id="ricercaCittaTxt" placeholder="{{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_filtro_citta", "dialog_ricerca_cliente").valoreUscita }}">
  477.                             </div>
  478.                         </div>
  479.                     </div>
  480.                     <div class="col-md-4">
  481.                         <div class="form-inline center has-success">
  482.                             <div class="input-group" style="width: 100%;">
  483.                                 <span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
  484.                                 <input type="text" class="form-control" id="ricercaProvinciaTxt" placeholder="{{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_filtro_provincia", "dialog_ricerca_cliente").valoreUscita }}">
  485.                             </div>
  486.                         </div>
  487.                     </div>
  488.                 </div>
  490.                 <table class="table table-striped table-responsive">
  491.                     <thead>
  492.                     <tr>
  493.                         <th>
  494.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col1_a", "dialog_ricerca_cliente").valoreUscita }}
  495.                             <br>
  496.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col1_b", "dialog_ricerca_cliente").valoreUscita }}
  497.                             <br>
  498.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col1_c", "dialog_ricerca_cliente").valoreUscita }}
  499.                         </th>
  500.                         <th>
  501.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col2_a", "dialog_ricerca_cliente").valoreUscita }}
  502.                             <br>
  503.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col2_b", "dialog_ricerca_cliente").valoreUscita }}
  504.                             <br>
  505.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col2_c", "dialog_ricerca_cliente").valoreUscita }}
  506.                         </th><th>
  507.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col3_a", "dialog_ricerca_cliente").valoreUscita }}
  508.                             <br>
  509.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col3_b", "dialog_ricerca_cliente").valoreUscita }}
  510.                             <br>
  511.                             {{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_tab_col3_c", "dialog_ricerca_cliente").valoreUscita }}
  512.                         </th>
  513.                     </tr>
  514.                     </thead>
  516.                     <tbody id="bodyTabellaRicercaCliente">
  518.                     </tbody>
  519.                 </table>
  520.             </div>
  521.             <div class="modal-footer">
  522.                 <button type="button" id="chiudiModalCercaCliente" class="btn btn-danger" data-dismiss="modal">{{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_chiudi_btn", "dialog_ricerca_cliente").valoreUscita }}</button>
  523.             </div>
  524.         </div><!-- /.modal-content -->
  525.     </div><!-- /.modal-dialog -->
  526. </div><!-- /.modal -->
  527. {% endif %}
  529. <div class="container-fluid contenitore_generale_body" >
  530.     <div class="row master-row-body">
  531.         <div class="col-md-12 master-col-body">
  532.             {% block body %}{% endblock %}
  533.         </div>
  534.     </div>
  535. </div><!-- /.container -->
  537. <script src="https://www.google.com/recaptcha/api.js?render={{ impostazioni.ritornaImpostazioneDaNome('ReCaptchaSiteKey') }}"></script>
  538. <script>
  539.     grecaptcha.ready(function() {
  540.         grecaptcha.execute('{{ impostazioni.ritornaImpostazioneDaNome('ReCaptchaSiteKey') }}', {action: 'homepage'}).then(function(token) {
  541.             $('.re-captcha-v3').val = token;
  542.         });
  543.     });
  544. </script>
  546. <!-- FOSJsRoutingBundle -->
  547. <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
  548. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  550. <!-- jQuery smartmenus plugin -->
  551. <script src="{{ asset('java_lib/jquery.smartmenus.min.js') }}"></script>
  552. <script src="{{ asset('java_lib/jquery.smartmenus.bootstrap.min.js') }}"></script>
  554. <script src="{{ asset('java_lib/jquery.stickytableheaders.min.js') }}" type="text/javascript"></script>
  556. <!-- SLICK CAROUSEL -->
  557. <script type="text/javascript" src="{{ asset('java_lib/slick-1.8.1/slick/slick.min.js') }}"></script>
  558. <!-- TINY SLIDER -->
  559. <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
  561. <!-- CORE NAV -->
  562. <script type="text/javascript" src="{{ asset('java_lib/custom_mf_sidebar/mf_sidebar.js') }}"></script>
  564. {#  <script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.2.7/dist/js/tabulator.min.js"></script>#}
  565. <script type="text/javascript" src="https://unpkg.com/tabulator-tables@5.2.3/dist/js/tabulator.min.js"></script>
  566. <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js" integrity="sha256-xKeoJ50pzbUGkpQxDYHD7o7hxe0LaOGeguUidbq6vis=" crossorigin="anonymous"></script>
  567. <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" integrity="sha256-Uv9BNBucvCPipKQ2NS9wYpJmi8DTOEfTA/nH2aoJALw=" crossorigin="anonymous"></script>
  568. <script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/3.0.1/luxon.min.js" integrity="sha512-6ZJuab/UnRq1muTChgrVxJhSgygmL2GMLVmSJN7pcBEqJ1dWPbqN9CiZ6U3HrcApTIJsLnMgXYBYgtVkJ8fWiw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  571. <script type="text/javascript">
  573.     {# Variabili utile per la sostituzione del carrello #}
  574.     let idCarrelloAttuale = '';
  575.     let stadioSostituzione = 0; {# Quando lo stadio è 1 allora ho già in memoria i due salti #}
  576.     {# FINE #}
  578.     var memorizzazioneAltriDatiUtente = {}
  580.     var lens = null;
  581.     var img = null;
  583.     {# Codice per zoom immagine #}
  584.     function imageZoom(imgID, resultID) {
  585.         if (lens != null){
  586.             lens.removeEventListener("mousemove", moveLens);
  587.             img.removeEventListener("mousemove", moveLens);
  588.             lens.removeEventListener("touchmove", moveLens);
  589.             img.removeEventListener("touchmove", moveLens);
  590.             lens.remove();
  591.             lens = null;
  592.         }
  593.         var result, cx, cy;
  594.         img = document.getElementById(imgID);
  595.         result = document.getElementById(resultID);
  596.         /* Create lens: */
  597.         lens = document.createElement("DIV");
  598.         lens.setAttribute("class", "img-zoom-lens");
  599.         /* Insert lens: */
  600.         img.parentElement.insertBefore(lens, img);
  601.         /* Calculate the ratio between result DIV and lens: */
  602.         cx = result.offsetWidth / lens.offsetWidth;
  603.         cy = result.offsetHeight / lens.offsetHeight;
  604.         /* Set background properties for the result DIV */
  605.         result.style.backgroundImage = "url('" + img.src + "')";
  606.         result.style.backgroundSize = (img.width * cx) + "px " + (img.height * cy) + "px";
  607.         /* Execute a function when someone moves the cursor over the image, or the lens: */
  608.         lens.addEventListener("mousemove", moveLens);
  609.         img.addEventListener("mousemove", moveLens);
  610.         /* And also for touch screens: */
  611.         lens.addEventListener("touchmove", moveLens);
  612.         img.addEventListener("touchmove", moveLens);
  613.         function moveLens(e) {
  614.             var pos, x, y;
  615.             /* Prevent any other actions that may occur when moving over the image */
  616.             e.preventDefault();
  617.             /* Get the cursor's x and y positions: */
  618.             pos = getCursorPos(e);
  619.             /* Calculate the position of the lens: */
  620.             x = pos.x - (lens.offsetWidth / 2);
  621.             y = pos.y - (lens.offsetHeight / 2);
  622.             /* Prevent the lens from being positioned outside the image: */
  623.             if (x > img.width - lens.offsetWidth) {x = img.width - lens.offsetWidth;}
  624.             if (x < 0) {x = 0;}
  625.             if (y > img.height - lens.offsetHeight) {y = img.height - lens.offsetHeight;}
  626.             if (y < 0) {y = 0;}
  627.             /* Set the position of the lens: */
  628.             lens.style.left = x + "px";
  629.             lens.style.top = y + "px";
  630.             /* Display what the lens "sees": */
  631.             result.style.backgroundPosition = "-" + (x * cx) + "px -" + (y * cy) + "px";
  632.         }
  633.         function getCursorPos(e) {
  634.             var a, x = 0, y = 0;
  635.             e = e || window.event;
  636.             /* Get the x and y positions of the image: */
  637.             a = img.getBoundingClientRect();
  638.             /* Calculate the cursor's x and y coordinates, relative to the image: */
  639.             x = e.pageX - a.left;
  640.             y = e.pageY - a.top;
  641.             /* Consider any page scrolling: */
  642.             x = x - window.pageXOffset;
  643.             y = y - window.pageYOffset;
  644.             return {x : x, y : y};
  645.         }
  646.     }
  648.     var randomRgbColor = function() {
  649.         var r = Math.floor(Math.random() * 255);
  650.         var g = Math.floor(Math.random() * 255);
  651.         var b = Math.floor(Math.random() * 255);
  652.         return "rgb(" + r + "," + g + "," + b + ")";
  653.     }
  655.     function toastMessage(messaggio, rosso = false) {
  656.         // Get the snackbar DIV
  657.         var x = document.getElementById("snackbar");
  658.         $(x).text(messaggio);
  660.         if (rosso){
  661.             $(x).css('background-color', 'red');
  662.             $(x).css('color', 'black');
  663.         }else{
  664.             $(x).css('background-color', 'black');
  665.             $(x).css('color', 'white');
  666.         }
  668.         // Add the "show" class to DIV
  669.         x.className = "show";
  671.         // After 3 seconds, remove the show class from DIV
  672.         setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
  673.     }
  675.     function ApriModalRichiestaPrezzo(idMappa){
  676.         $('#loadingMaster').show();
  677.         $.ajax({
  678.             dataType: 'html',
  679.             url: Routing.generate('richiesta_prezzo_modal', {'idMappa' : (idMappa) }),
  680.             async: true, //you won't need that if nothing in your following code is dependend of the result
  681.             success: function (response) {
  682.                 $('#modalRichiestaPrezzoBody').html(response);
  683.                 $('#modalRichiestaPrezzo').modal('toggle');
  684.                 $('#loadingMaster').hide();
  685.             },
  686.             error: function(XMLHttpRequest, textStatus, errorThrown) {
  687.                 $('#loadingMaster').hide();
  688.                 alert("Status: " + textStatus); alert("Error: " + errorThrown);
  689.             }
  690.         });
  691.     }
  693.     function ApriModalMagazziniSecondari(idMappa, qta){
  694.         $('#loadingMaster').show();
  695.         $.ajax({
  696.             dataType: 'html',
  697.             url: Routing.generate('magazzini_secondari_modal', {'idMappa' : (idMappa), 'qta' : (qta) }),
  698.             async: true, //you won't need that if nothing in your following code is dependend of the result
  699.             success: function (response) {
  700.                 $('#modalMagazziniSecondariBody').html(response);
  701.                 $('#modalMagazziniSecondari').modal('toggle');
  702.                 $('#loadingMaster').hide();
  703.             },
  704.             error: function(XMLHttpRequest, textStatus, errorThrown) {
  705.                 $('#loadingMaster').hide();
  706.                 alert("Status: " + textStatus); alert("Error: " + errorThrown);
  707.             }
  708.         });
  709.     }
  711.     function CountArticoliCarrello()
  712.     {
  713.         $.ajax({
  714.             type: "POST",
  715.             dataType: 'html',
  716.             url: Routing.generate('carrello_conta_articoli'),
  717.             async: true //you won't need that if nothing in your following code is dependend of the result
  718.         })
  719.         .done(function (response) {
  720.             let js = JSON.parse(response);
  721.             idCarrelloAttuale = js.idCarrello;
  722.             if(idCarrelloAttuale != ''){
  723.                 $('#modalDettaglioClienteSpostaCarrelloBtn').show();
  724.             }else{
  725.                 $('#modalDettaglioClienteSpostaCarrelloBtn').hide();
  726.             }
  727.             if (js.count == '0')
  728.                 $('#badgeArticoliCarello').html(" ");
  729.             else
  730.                 $('#badgeArticoliCarello').html(js.count);
  731.         })
  732.         DettaglioCarrelloJson();
  733.     }
  735.     function DettaglioCarrelloJson()
  736.     {
  737.         $.ajax({
  738.             type: "POST",
  739.             dataType: 'html',
  740.             url: Routing.generate('carrello_dettagli_json'),
  741.             async: true //you won't need that if nothing in your following code is dependend of the result
  742.         })
  743.             .done(function (response) {
  744.                 let js = JSON.parse(response);
  745.                 $("#badgeTotaleImponibileCarrello").html(" - € " + js.imponibile)
  746.             })
  747.     }
  748.     {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_AGENTE') or is_granted('ROLE_COMMERCIALE') %}
  750.     function CambioTabRisorseCategorieSelect(altezza=350) {
  751.         let categoriaSelezionata = $('#tab-risorse-categorie-select').find('option:selected').val();
  752.         $.ajax({
  753.             type: "POST",
  754.             dataType: 'json',
  755.             data: {'tab': 'dati_da_categoria', 'categoria': (categoriaSelezionata)},
  756.             async: true,
  757.             url: Routing.generate('agente_dettaglio_carica_tab_anagrafica', {idAnagrafica: $("#id-anagrafica-da-utilizzare").val()}),
  758.             success: function (response) {
  759.                 var tableRisorseAnag = new Tabulator("#tabella-risorse", {
  760.                     height: (altezza + "px"),
  761.                     data:response.data,           //load row data from array
  762.                     layout:"fitDataFill",      //fit columns to width of table
  763.                     responsiveLayout:"collapse",  //hide columns that dont fit on the table
  764.                     columns: response.colonne,
  765.                 });
  767.                 tableRisorseAnag.on("rowClick", function(e, row){
  768.                     //e - the click event object
  769.                     //row - row component
  770.                     var valore = row.getCell('idRisorsa').getValue();
  771.                     var url = Routing.generate('agente_recupera_risorsa_anagrafica') + '?idRisorsa=' + valore;
  772.                     var win = window.open(url, '_blank');
  773.                     win.focus();
  774.                 });
  776.                 if('sorting' in response){
  777.                     let sort = [];
  778.                     for (const [key, value] of Object.entries(response.sorting)) {
  779.                         //value => {'field' => '', 'direction' => ''}
  780.                         sort.push({'column': value.field, 'dir': value.direction});
  781.                     }
  782.                     if(sort.length > 0){
  783.                         tableRisorseAnag.setSort(sort);
  784.                     }
  785.                 }
  786.             }
  787.         });
  788.     }
  790.     {% else %}
  792.     function CambioTabRisorseCategorieSelect() {
  793.         let categoriaSelezionata = $('#tab-risorse-categorie-select').find('option:selected').val();
  794.         $.ajax({
  795.             type: "POST",
  796.             dataType: 'json',
  797.             data: {'categoria': (categoriaSelezionata)},
  798.             async: true,
  799.             url: Routing.generate('storico_carica_risorse_anagrafiche'),
  800.             success: function (response) {
  801.                 var tableRisorseAnag = new Tabulator("#tabella-risorse", {
  802.                     height: "350px",
  803.                     data:response.data,           //load row data from array
  804.                     layout:"fitDataFill",      //fit columns to width of table
  805.                     responsiveLayout:"collapse",  //hide columns that dont fit on the table
  806.                     columns: response.colonne,
  807.                 });
  809.                 tableRisorseAnag.on("rowClick", function(e, row){
  810.                     //e - the click event object
  811.                     //row - row component
  812.                     var valore = row.getCell('idRisorsa').getValue();
  813.                     var url = Routing.generate('recupera_risorsa_anagrafica') + '?idRisorsa=' + valore;
  814.                     var win = window.open(url, '_blank');
  815.                     win.focus();
  816.                 });
  817.             }
  818.         });
  819.     }
  821.     {% endif %}
  823.     function ResetRicercaFiltroAvanzato(){
  824.         $("#cerca-filtro-btn").removeAttr("style")
  825.         filtroAvanzato = "";
  826.         document.getElementById('form-filtro-avanzato').reset();
  827.     }
  829.     function ResetRicerca(){
  830.         $("#ricercaVeloceTxt").val("");
  831.     }
  833.     {% if not (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  835.     function ApriDettaglioClienteLoggato(){
  836.         $('#loadingMaster').show();
  837.         $.ajax({
  838.             type: "POST",
  839.             dataType: 'html',
  840.             url: Routing.generate('utente_dettaglio_anagrafica'),
  841.             async: true,
  842.             success: function (response) {
  843.                 $('#loadingMaster').hide();
  844.                 $('#modalDettaglioClienteLoggato-body').html(response);
  845.                 $("#modalDettaglioClienteLoggato").modal('toggle');
  846.             },
  847.             error: function (xhr, ajaxOptions, thrownError) {
  848.                 $('#loadingMaster').hide();
  849.                 alert(xhr.status);
  850.                 alert(thrownError);
  851.             }
  852.         });
  853.     }
  854.     {% endif %}
  856.     {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  858.     function ApriDettaglioClienteDialog(){
  860.         aggiornaVisualizzaAltriDatiUtente('V', '', function (response) {
  861.             let cookie = response;
  862.             $(".pulisci-selezione-cliente").hide();
  863.             if (cookie != "" && cookie && cookie.length > 0){
  864.                 let json = JSON.parse(cookie);
  865.                 $(".pulisci-selezione-cliente").show();
  866.                 $("#codiceClienteTxt").val(json.codice);
  867.                 $("#ragioneSocialeText").val(json.ragioneSociale);
  868.                 let tipoOrdine = json.hasOwnProperty("tipoOrdine") ? json.tipoOrdine : '';
  869.                 $("#tipo-ordine-input > option").each(function() {
  870.                     if($(this).val() ==tipoOrdine){
  871.                         $(this).attr("selected", "selected");
  872.                     } else {
  873.                         $(this).removeAttr("selected");
  874.                     }
  875.                 });
  876.                 $('#navbar-dettaglio-cliente').text(json.codice + ' - ' + json.ragioneSociale);
  877.                 $('#selezionaVariantiModalCliente').text('Cliente: ' + json.codice + ' - ' + json.ragioneSociale);
  879.                 memorizzazioneAltriDatiUtente = json;
  881.                 CaricaDettaglioCliente(json.id);
  882.             }
  883.         });
  884.         AggiornaStatoSelezioneCliente();
  886.         $("#modalDettaglioCliente").modal('show');
  887.     }
  889.     function SpostaCarrello(idAnagraficaDestinazione){
  890.         stadioSostituzione = 0;
  891.         $('#loadingMaster').show();
  892.         $.ajax({
  893.             type: "POST",
  894.             dataType: 'json',
  895.             url: Routing.generate('agente_sposta_carrello', {
  896.                 idCarrelloOrigine: (idCarrelloAttuale),
  897.                 idAnagraficaDestinazione: (idAnagraficaDestinazione)
  898.             }),
  899.             async: true,
  900.             success: function (response) {
  901.                 $('#loadingMaster').hide();
  902.                 let js = JSON.parse(response);
  903.                 if(js.successo == 'SI'){
  904.                     toastMessage(js.messaggio);
  905.                     CountArticoliCarrello();
  906.                 }else{
  907.                     toastMessage(js.messaggio, true);
  908.                 }
  909.             },
  910.             error: function(XMLHttpRequest, textStatus, errorThrown) {
  911.                 $('#loadingMaster').hide();
  912.                 alert("Status: " + textStatus); alert("Error: " + errorThrown);
  913.             }
  914.         });
  915.     }
  917.     function CaricaTabellaGeneraleClienti(rigaInizio) {
  918.         var str_ric = $("#ricercaClienteTxt").val();
  919.         var citta = $("#ricercaCittaTxt").val();
  920.         var provincia = $("#ricercaProvinciaTxt").val();
  921.         $.ajax({
  922.             type: "POST",
  923.             dataType: 'html',
  924.             data: {
  925.                 "data": {
  926.                     'ricerca': str_ric,
  927.                     'citta' : citta,
  928.                     'provincia' : provincia
  929.                 }
  930.             },
  931.             url: Routing.generate('agente_lista_clienti_ricerca', {
  932.                 rigaInzio: rigaInizio
  933.             }),
  934.             async: true,
  935.             success: function (response) {
  936.                 $('#bodyTabellaRicercaCliente').html(response);
  937.             },
  938.             error: function (xhr, ajaxOptions, thrownError) {
  939.                 alert(xhr.status);
  940.                 alert(thrownError);
  941.             }
  942.         });
  943.     }
  945.     function CaricaDettaglioCliente(id) {
  946.         $.ajax({
  947.             type: "POST",
  948.             dataType: 'html',
  949.             url: Routing.generate('agente_dettaglio_anagrafica', {
  950.                 id: (id), soloDati: 1
  951.             }),
  952.             async: true,
  953.             success: function (response) {
  954.                 $('.moda-dettaglio-cliente-body').html(response);
  955.                 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  956.                     let tabAperto = e.target; // newly activated tab
  957.                     let identificativo = tabAperto.hash.substring(1);
  958.                     let contenitore = $('#' + identificativo);
  959.                     if(identificativo != 'tab-home') {
  960.                         $(contenitore).html('');
  961.                         $.ajax({
  962.                             type: "POST",
  963.                             dataType: 'html',
  964.                             data: {'tab': (identificativo)},
  965.                             async: true,
  966.                             url: Routing.generate('agente_dettaglio_carica_tab_anagrafica', {idAnagrafica: id}),
  967.                             success: function (response) {
  968.                                 $(contenitore).html(response);
  969.                             },
  970.                             error: function (xhr, ajaxOptions, thrownError) {
  971.                                 alert(xhr.status);
  972.                                 alert(thrownError);
  973.                             }
  974.                         });
  975.                     }
  976.                 });
  977.             }
  978.         });
  979.     }
  981.     function VerificaStileBottoneNascondiPrezzi(){
  982.         if ($("#nascondiPrzBtnDettCliente").data("valore") == '0'){
  983.             $("#nascondiPrzBtnDettCliente").css("background-color", "#fff");
  984.         }else{
  985.             $("#nascondiPrzBtnDettCliente").css("background-color", "yellow");
  986.         }
  987.     }
  988.     
  989.     function VariaStatoBottoneNascondiPrezzi(){
  990.         if ($("#nascondiPrzBtnDettCliente").data("valore") == '0'){
  991.             $("#nascondiPrzBtnDettCliente").data("valore", '1')
  992.             VerificaStileBottoneNascondiPrezzi();
  993.         }else{
  994.             $("#nascondiPrzBtnDettCliente").data("valore", '0')
  995.             VerificaStileBottoneNascondiPrezzi();
  996.         }
  997.         let datiCliente = {
  998.             'codice' : memorizzazioneAltriDatiUtente.codice,
  999.             'ragioneSociale': memorizzazioneAltriDatiUtente.ragioneSociale,
  1000.             'id' : memorizzazioneAltriDatiUtente.id,
  1001.             'tipoOrdine' : $("#tipo-ordine-input").find(":selected").val(),
  1002.             'nascondiPrezzi': $("#nascondiPrzBtnDettCliente").data('valore')
  1003.         };
  1004.         aggiornaVisualizzaAltriDatiUtente('M', JSON.stringify(datiCliente), function (response) {
  1005.             memorizzazioneAltriDatiUtente = datiCliente;
  1006.         });
  1007.     }
  1009.     function PulisciSelezioneCliente(dati){
  1010.         aggiornaVisualizzaAltriDatiUtente('E', '', function (response) {
  1011.             if(response.esito == 'OK') {
  1012.                 AggiornaStatoSelezioneCliente();
  1013.                 $("#codiceClienteTxt").val("");
  1014.                 $("#ragioneSocialeText").val("");
  1015.                 CountArticoliCarrello();
  1016.                 memorizzazioneAltriDatiUtente = {}
  1017.                 $('.moda-dettaglio-cliente-body').html("");
  1018.             }else{
  1019.                 alert('{{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_errore_pulisci_cliente", "dialog_ricerca_cliente").valoreUscita }}');
  1020.             }
  1021.         });
  1022.     }
  1023.     function AggiornaStatoSelezioneCliente() {
  1024.         aggiornaVisualizzaAltriDatiUtente('V', '', function (response) {
  1025.             let cck = response;
  1026.             if (cck != "" && cck && cck.length > 0) {
  1027.                 $(".pulisci-selezione-cliente").show();
  1028.                 $(".top-bar-seleziona-cliente").css("background-color", "yellow");
  1029.                 memorizzazioneAltriDatiUtente = JSON.parse(cck);
  1030.             } else {
  1031.                 $(".pulisci-selezione-cliente").hide();
  1032.                 $(".top-bar-seleziona-cliente").css("background-color", "transparent");
  1033.                 $('#navbar-dettaglio-cliente').text("");
  1034.                 $('#selezionaVariantiModalCliente').text('');
  1035.             }
  1036.         });
  1037.     }
  1038.     {% endif %}
  1040.     function aggiornaVisualizzaAltriDatiUtente(operazione, valore, callback = null){
  1041.         $.ajax({
  1042.             type: "POST",
  1043.             dataType: 'json',
  1044.             data: {'valore' : (valore)},
  1045.             async: true,
  1046.             url: Routing.generate({% if is_granted("ROLE_AGENTE") %}'agente_altro_dato'{% else %}'utente_altro_dato'{% endif %}, {
  1047.                 operazione: (operazione)
  1048.             }),
  1049.             success: function (response){
  1050.                 memorizzazioneAltriDatiUtente = valore;
  1051.                 callback(response);
  1052.             },
  1053.             error: function (xhr, ajaxOptions, thrownError) {
  1054.                 alert(xhr.status);
  1055.                 alert(thrownError);
  1056.             }
  1057.         });
  1058.     }
  1060.     function adattaContenutoABarraSuperiore(){
  1061.         $(".contenitore_generale_body").css("padding-top", $(".navbar-fixed-top").height() + "px")
  1062.         $(".nav-side-menu").css("padding-top", $(".navbar-fixed-top").height() + "px")
  1063.     }
  1065.     $(document).ready(function () {
  1067.         $(window).resize(function() {
  1068.             adattaContenutoABarraSuperiore();
  1069.         });
  1071.         $(document).on("click", ".attiva-img-zoom", function (event){
  1072.             event.stopImmediatePropagation();
  1073.             event.stopPropagation();
  1074.             $("#zoomImgImg").attr("src", $(this).attr("src"));
  1075.             $("#modalZoomImg").modal('show');
  1076.         });
  1078.         $('#modalZoomImg').on("shown.bs.modal", function (){
  1079.             imageZoom("zoomImgImg", "zoomImgResult");
  1080.         });
  1082.         $('.attiva-slick')
  1083.             .on('init', function(slick) {
  1084.                 $('.attiva-slick').fadeIn(3000);
  1085.             })
  1086.             .slick();
  1088.         $('.attiva-tiny-slider').each(function (index, item) {
  1089.             let arrConfig = $(item).data('configurazione');
  1090.             tns(arrConfig);
  1091.             $(item).css({ display: "block" });
  1092.         });
  1094.         $('.form-ordinazione-articolo').on("submit", function (e) {
  1095.             let disponibilita = $(this).find('input[name="disponibilita"]').val();
  1096.             let disponibilitaMagSecondari = $(this).find('input[name="disponibilita-mag-secondari"]').val();
  1097.             if(disponibilita && disponibilita <= 0 ) {
  1098.                 if(disponibilitaMagSecondari > 0) {
  1099.                     e.preventDefault();
  1100.                     ApriModalMagazziniSecondari($(this).find('input[name="id-mappa"]').val(), $(this).find('input[name="qta"]').val());
  1101.                 }
  1102.             }
  1103.         });
  1105.         $('[data-toggle="popover"]').popover();
  1107.         $("#set_min_width").css("min-width", $(window).width() / 2);
  1109.         $("#form_news").mouseleave(function () {
  1110.             $("#set_min_width").css("display", "none");
  1111.         });
  1113.         $("#set_min_width").mouseenter(function () {
  1114.             $("#set_min_width").css("display", "inline-block");
  1115.         });
  1117.         $("#set_min_width").mouseleave(function () {
  1118.             $("#set_min_width").css("display", "none");
  1119.         });
  1121.         $('#cerca-btn-top').on('click', function () {
  1122.             ResetRicercaFiltroAvanzato();
  1123.             RicercaVeloce($("#ricercaVeloceTxt").val());
  1124.         });
  1126.         $("#ricercaVeloceTxt").on("keypress", function(e) {
  1127.             if(e.which == 13) {
  1128.                 ResetRicercaFiltroAvanzato();
  1129.                 RicercaVeloce($("#ricercaVeloceTxt").val());
  1130.             }
  1131.         });
  1133.         var errori_validazione = [
  1134.             {% if errori_validazione is defined %}
  1135.             {% for err in errori_validazione %}
  1136.             "{{ err }}",
  1137.             {% endfor %}
  1138.             {% endif %}
  1139.         ];
  1141.         $.each(errori_validazione, function (item) {
  1142.             $("#form_" + errori_validazione[item]).addClass("dato-invalido");
  1143.         });
  1145.         CountArticoliCarrello();
  1146.         adattaContenutoABarraSuperiore();
  1148.         {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  1149.         $("#ricercaClienteTxt, #ricercaCittaTxt, #ricercaProvinciaTxt").on("change paste keyup", function () {
  1150.             CaricaTabellaGeneraleClienti($("#inizioRiga").data('valore'));
  1151.         });
  1153.         $(".cercaCliente").on("focus, click", function () {
  1154.             stadioSostituzione = 0;
  1155.             $("#modalCercaCliente").modal('show');
  1156.         });
  1158.         $("#tipo-ordine-input").on("change", function (){
  1159.             aggiornaVisualizzaAltriDatiUtente('V', '', function (response) {
  1160.                 let cookie = response;
  1161.                 if (cookie != "" && cookie && cookie.length > 0){
  1162.                     let json = JSON.parse(cookie);
  1164.                     let datiCliente = {
  1165.                         'codice' : json.codice,
  1166.                         'ragioneSociale': json.ragioneSociale,
  1167.                         'id' : json.id,
  1168.                         'tipoOrdine' : $("#tipo-ordine-input").find(":selected").val(),
  1169.                         'nascondiPrezzi': $("#nascondiPrzBtnDettCliente").data('valore')
  1170.                     };
  1171.                     {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  1172.                         VerificaStileBottoneNascondiPrezzi();
  1173.                     {% endif %}
  1175.                     aggiornaVisualizzaAltriDatiUtente('M', JSON.stringify(datiCliente), function (response) {
  1176.                         CountArticoliCarrello();
  1177.                         location.reload(); //Ricarico la pagina
  1178.                     });
  1179.                 }
  1180.             });
  1181.         });
  1183.         $("#bodyTabellaRicercaCliente").on("click", "tr", function () {
  1184.             $("#codiceClienteTxt").val($(this).data("codice"));
  1185.             $("#ragioneSocialeText").val($(this).data("ragione-sociale"));
  1186.             let datiCliente = {
  1187.                 'codice' : $(this).data("codice"),
  1188.                 'ragioneSociale': $(this).data("ragione-sociale"),
  1189.                 'id' : $(this).data("identificativo"),
  1190.                 'tipoOrdine' : $("#tipo-ordine-input").find(":selected").val(),
  1191.                 'nascondiPrezzi': $("#nascondiPrzBtnDettCliente").data('valore')
  1192.             };
  1193.             $('#navbar-dettaglio-cliente').text(datiCliente.codice + ' - ' + datiCliente.ragioneSociale);
  1194.             $('#selezionaVariantiModalCliente').text('Cliente: ' + datiCliente.codice + ' - ' + datiCliente.ragioneSociale);
  1195.             $("#modalCercaCliente").modal('toggle');
  1197.             aggiornaVisualizzaAltriDatiUtente('M', JSON.stringify(datiCliente), function (response) {
  1198.                 AggiornaStatoSelezioneCliente();
  1199.                 CountArticoliCarrello();
  1200.                 CaricaDettaglioCliente(datiCliente.id);
  1201.                 {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  1202.                     VerificaStileBottoneNascondiPrezzi();
  1203.                 {% endif %}
  1204.             });
  1206.             if(stadioSostituzione == 1){
  1207.                 if(confirm('{{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_conferma_spostamento_carrello", "dialog_ricerca_cliente").valoreUscita }}')) {
  1208.                     SpostaCarrello($(this).data("identificativo"));
  1209.                 }
  1210.             }
  1211.         });
  1213.         $('#modalDettaglioClienteSpostaCarrelloBtn').on('click', function (event) {
  1214.            if(stadioSostituzione == 0){
  1215.                event.preventDefault();
  1216.                event.stopPropagation();
  1217.                stadioSostituzione = 1;
  1218.                $("#modalCercaCliente").modal('show');
  1219.            }
  1220.         });
  1222.         $('#modalCreaOfferteDaCarrello_creaBtn').on("click", function (event) {
  1223.             if(confirm("{{ traduzione.OttieniElementoDizionario("dialog_ricerca_cliente_conferma_generazione_offerta", "dialog_ricerca_cliente").valoreUscita }}")){
  1224.                 $("#creaOffertaDaCarrelloForm").submit();
  1225.             }
  1226.         });
  1227.         aggiornaVisualizzaAltriDatiUtente('V', '', function (response) {
  1228.             let cookie = response;
  1229.             $(".pulisci-selezione-cliente").hide();
  1230.             if (cookie != "" && cookie && cookie.length > 0){
  1231.                 let json = JSON.parse(cookie);
  1232.                 $(".pulisci-selezione-cliente").show();
  1233.                 $("#codiceClienteTxt").val(json.codice);
  1234.                 $("#ragioneSocialeText").val(json.ragioneSociale);
  1235.                 $("#nascondiPrzBtnDettCliente").data('valore', json.nascondiPrezzi)
  1236.                 let tipoOrdine = json.hasOwnProperty("tipoOrdine") ? json.tipoOrdine : '';
  1237.                 $("#tipo-ordine-input > option").each(function() {
  1238.                     if($(this).val() ==tipoOrdine){
  1239.                         $(this).attr("selected", "selected");
  1240.                     }else{
  1241.                         $(this).removeAttr("selected");
  1242.                     }
  1243.                 });
  1244.                 $('#navbar-dettaglio-cliente').text(json.codice + ' - ' + json.ragioneSociale);
  1245.                 $('#selezionaVariantiModalCliente').text('Cliente: ' + json.codice + ' - ' + json.ragioneSociale);
  1246.                 memorizzazioneAltriDatiUtente = json;
  1247.                 {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  1248.                     VerificaStileBottoneNascondiPrezzi();
  1249.                 {% endif %}
  1250.                 CaricaQuadratiAlbero("");
  1251.             }
  1252.         });
  1253.         AggiornaStatoSelezioneCliente();
  1254.         {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  1255.             VerificaStileBottoneNascondiPrezzi();
  1256.         {% endif %}
  1257.         CaricaTabellaGeneraleClienti(0);
  1259.         {# Verifico se l'utente ha effettuato il LOGIN #}
  1260.         {% elseif is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  1262.         aggiornaVisualizzaAltriDatiUtente('V', '', function (response) {
  1263.             let cookie = response;
  1264.             $(".pulisci-selezione-cliente").hide();
  1265.             if (cookie != "" && cookie && cookie.length > 0){
  1266.                 let json = JSON.parse(cookie);
  1267.                 $(".pulisci-selezione-cliente").show();
  1268.                 $("#codiceClienteTxt").val(json.codice);
  1269.                 $("#ragioneSocialeText").val(json.ragioneSociale);
  1270.                 let tipoOrdine = json.hasOwnProperty("tipoOrdine") ? json.tipoOrdine : '';
  1271.                 $("#tipo-ordine-input > option").each(function() {
  1272.                     if($(this).val() ==tipoOrdine){
  1273.                         $(this).attr("selected", "selected");
  1274.                     }else{
  1275.                         $(this).removeAttr("selected");
  1276.                     }
  1277.                 });
  1278.                 {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  1279.                     $('#navbar-dettaglio-cliente').text(json.codice + ' - ' + json.ragioneSociale);
  1280.                 {% endif %}
  1281.                 $('#selezionaVariantiModalCliente').text('Cliente: ' + json.codice + ' - ' + json.ragioneSociale);
  1282.                 $("#nascondiPrzBtnDettCliente").data('valore', json.nascondiPrezzi)
  1283.                 memorizzazioneAltriDatiUtente = json;
  1284.                 {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  1285.                     VerificaStileBottoneNascondiPrezzi();
  1286.                 {% endif %}
  1287.                 CaricaQuadratiAlbero("");
  1288.             }
  1289.         });
  1291.         $("#tipo-ordine-input").on("change", function (){
  1292.             aggiornaVisualizzaAltriDatiUtente('V', '', function (response) {
  1293.                     let datiCliente = {
  1294.                         'codice' : '',
  1295.                         'ragioneSociale': '',
  1296.                         'id' : '',
  1297.                         'tipoOrdine' : $("#tipo-ordine-input").find(":selected").val(),
  1298.                         'nascondiPrezzi': $("#nascondiPrzBtnDettCliente").data('valore')
  1299.                     };
  1300.                 {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_COMMERCIALE") or is_granted("ROLE_AGENTE")) %}
  1301.                     VerificaStileBottoneNascondiPrezzi();
  1302.                 {% endif %}
  1304.                     aggiornaVisualizzaAltriDatiUtente('M', JSON.stringify(datiCliente), function (response) {
  1305.                         CountArticoliCarrello();
  1306.                         location.reload(); //Ricarico la pagina
  1307.                     });
  1308.             });
  1309.         });
  1311.         {% endif %}
  1313.         {% for flash_message in app.session.flashbag.get('notice')%}
  1314.             toastMessage("{{ flash_message }}");
  1315.         {% endfor %}
  1317.         {% for flash_message in app.session.flashbag.get('error')%}
  1318.             toastMessage("{{ flash_message }}", true);
  1319.         {% endfor %}
  1320.     });
  1322. </script>
  1324. {% block javascript %}{% endblock %}
  1326. <div class="pushContent"></div>
  1328. </body>
  1330. {% if app.request.get("_route") != 'admin_pagine_e_componenti_editor' %}
  1331.     {% if impostazioni.ritornaImpostazioneDaNome('MostraFooterSviluppatoDa') == '1' %}
  1332.         <footer class="navbar navbar-default navbar-fixed-bottom">
  1333.             <div style="margin-top: 15px;" class="container">
  1334.                 <span style="vertical-align: middle;"><a href="http://www.fogazzimirko.it">Sviluppato da Fogazzi Mirko © {{ "now"|date("Y") }}{% block footer %}{% endblock %}</a></span>
  1335.             </div>
  1336.         </footer>
  1337.     {% endif %}
  1338. {% endif %}
  1340. </html>