src/Application/Internit/LeadBundle/Resources/views/Product/edit.html.twig line 1

Open in your IDE?
  1. {% extends "@ApplicationInternit/ContentBundle/Resources/views/template/standard_layout.html.twig" %}
  3. {% block javascripts %}
  4.     {{ parent() }}
  5.     <script href="{{ asset('/bundles/applicationinternitcontent/js/multiple-select.min.js') }}"></script>
  6.     <script src="{{ asset('/bundles/applicationinternitcontent/js/canonical.js') }}"></script>
  7.     <style>
  8.         @keyframes spin {
  9.             0% {
  10.                 transform: translate(-50%, -50%) rotate(0deg);
  11.             }
  13.             100% {
  14.                 transform: translate(-50%, -50%) rotate(360deg);
  15.             }
  16.         }
  18.         .kpz-control {
  19.             display: flex;
  20.             justify-content: center;
  21.         }
  23.         .kpz-open-selector {
  24.             border: 0;
  25.             background: transparent;
  26.         }
  28.         .formulario .fieldset {
  29.             display: flex;
  30.             flex-direction: column;
  31.         }
  33.         .kpz-broker-header {
  34.             padding-left: 50px;
  35.             padding-right: 14px;
  36.             display: grid;
  37.             gap: 1rem;
  38.             grid-template-columns: 2.5fr 1fr 1fr;
  39.         }
  41.         .kpz-broker-header p{
  42.             font-size: 14px;
  43.             font-weight: bold;
  44.         }
  46.         .kpz-broker-select {
  47.             flex: 1;
  48.             position: relative;
  49.             padding-left: 50px;
  50.         }
  52.         .kpz-broker-select .loading {
  53.             position: absolute;
  54.             top: 50%;
  55.             left: 50%;
  56.             transform: translate(-50%, -50%);
  57.             animation: spin 1s linear infinite;
  58.         }
  60.         .kpz-broker-select-content {
  61.             overflow: auto;
  62.             max-height: 400px;
  63.         }
  65.         .kpz-broker-select-item-real-state-container {
  66.             display: grid;
  67.             gap: 1rem;
  68.             height: 70px;
  69.             align-items: center;
  70.             grid-template-columns: 2.5fr 1fr 1fr;
  71.             border-top: 2px solid #ffffff;
  72.         }
  74.         .kpz-broker-select-item-real-state {
  75.             display:flex;
  76.             gap: 1rem; 
  77.             align-items: center;
  78.         }
  79.         
  80.         .kpz-broker-select-item-real-state i {
  81.             font-size: 17px;
  82.         }
  84.         .kpz-broker-select-item-real-state span {
  85.             font-size: 13px;
  86.         }
  88.         .kpz-realstate-percent {
  89.             font-size: 13px;
  90.             margin-left: auto;
  91.         }
  93.         .kpz-broker-select-item {
  94.             overflow: hidden;
  95.             max-height: 70px;
  96.         }
  98.         .kpz-broker-select-item.active {
  99.             max-height: 100%;
  100.         }
  102.         .kpz-open-selector:disabled {
  103.             cursor: not-allowed;
  104.         }
  106.         .kpz-open-selector svg {
  107.             transition: all .6s
  108.         }
  110.         .kpz-broker-select-item.active .kpz-open-selector svg {
  111.             transform: rotate(180deg);
  112.         }
  114.         .kpz-broker-select-item-brokers-item {
  115.             display: grid;
  116.             gap: 1rem;
  117.             height: 50px;
  118.             align-items: center;
  119.             grid-template-columns: 2.5fr 1fr 1fr;
  120.             border-top: 2px solid #ffffff;
  121.         }
  123.         .kpz-broker-select-item-broker {
  124.             display:flex;
  125.             gap: 1rem; 
  126.             align-items: center;
  127.         }
  129.         .kpz-broker-select-item-brokers-item i {
  130.             font-size: 17px;
  131.             color: #9a4e22;
  132.         }
  134.         .kpz-broker-select-item-brokers-item span {
  135.             font-size: 13px;
  136.         }
  137.         
  138.     </style>
  139.     <script type="text/javascript">
  142.     function copyToken() {
  143.         /* Get the text field */
  144.         copyText = document.getElementById("tokenIntegration");
  146.         /* Select the text field */
  147.         copyText.select();
  148.         copyText.setSelectionRange(0, 99999); /*For mobile devices*/
  150.         /* Copy the text inside the text field */
  151.         document.execCommand("copy");
  152.     }
  154.     $(document).ready(function() {
  155.         const activeBrokers = [];
  157.         {% for corretor in obj.productUsers %}
  158.             activeBrokers.push('{{ corretor.realEstate.id }}:{{ corretor.user.id }}');
  159.         {% endfor %}
  161.         const multipleSelect = document.querySelector(".broker-select");
  163.         function buildContent(realStates) {
  164.             const realStatePercents = {{ obj.realStatePercentByName|json_encode|raw }};
  166.             return `
  167.                 <div class="kpz-broker-select-content">
  168.                     ${realStates.reduce((realStatesHTML, currentRealState) => realStatesHTML + `
  169.                         <div class="kpz-broker-select-item">
  170.                             <div class="kpz-broker-select-item-real-state-container">
  171.                                 <div class="kpz-broker-select-item-real-state">
  172.                                     <i class="fa fa-building"></i>
  173.                                     <span>${currentRealState.name}</span>
  174.                                     <div class="kpz-realstate-percent">
  175.                                         <input type="number" name="{{ form.vars.name }}[realStatePercents][${convertToCanonical(currentRealState.name)}][percent]" id="realStatePercent-${convertToCanonical(currentRealState.name)}" value="${realStatePercents[currentRealState.name]}" min="0" max="100" />
  176.                                         %
  177.                                     </div>
  178.                                 </div>
  180.                                 <div class="kpz-control">
  181.                                     <input type="checkbox" class="kpz-select-all" />
  182.                                 </div>
  184.                                 <div class="kpz-control">
  185.                                     <button type="button" class="kpz-open-selector"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#000000" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg></button>
  186.                                 </div>
  187.                             </div>
  189.                             <div class="kpz-broker-select-item-brokers">
  190.                                 ${currentRealState.brokers.reduce((brokerHTML, currentBroker) => brokerHTML + `
  191.                                     <div class="kpz-broker-select-item-brokers-item">
  192.                                         <div class="kpz-broker-select-item-broker">
  193.                                             <i class="far fa-user"></i>
  194.                                             <span>${currentBroker.label}</span>
  195.                                         </div>
  197.                                         <div></div>
  199.                                         <div class="kpz-control">
  200.                                             <input data-value="${currentBroker.value}" type="checkbox" class="kpz-select-one"/>
  201.                                         </div>
  202.                                     </div>
  203.                                 `, "")}
  204.                             </div>
  205.                         </div>
  206.                     `, "")}
  207.                 </div>
  209.             `
  210.         }
  212.         function toggleSelector() {
  213.             const container = this.parentElement.parentElement.parentElement;
  214.             container.classList.toggle("active");
  215.         }
  217.         function verifyAllMarked(target) {
  218.             const container = target.parentElement.parentElement.parentElement.parentElement;
  219.             const selector = container.querySelector(".kpz-select-all");
  221.             const isAllActive = [...container.querySelectorAll(".kpz-select-one")].every(item => item.checked);
  223.             if(isAllActive) {
  224.                 selector.checked = true;
  225.                 container.querySelector(".kpz-open-selector").disabled = true;
  226.                 container.classList.remove("active");
  227.             }
  228.         }
  230.         function selectOne() {
  231.             const value = this.dataset.value;
  232.             multipleSelect.querySelector(`option[value='${value}']`).selected = this.checked;
  234.             verifyAllMarked(this);
  236.             console.log("LOG: ", this.dataset.value, this.checked ? "Marcado": "Desmarcado");
  237.         }
  239.         function selectAll() {
  240.             const container = this.parentElement.parentElement.parentElement;
  241.             container.querySelectorAll(".kpz-select-one").forEach(item => {
  242.                 item.checked = this.checked;
  243.                 item.dispatchEvent(new Event('change', { bubbles: true }));
  244.             })
  246.             container.querySelector(".kpz-open-selector").disabled = this.checked;
  248.             if(this.checked) {
  249.                 container.classList.remove("active");
  250.             }
  251.         }
  253.         function initActions() {
  254.             // Adicionar Eventos
  255.             document.querySelectorAll(".kpz-broker-select-item").forEach((item) => {
  256.                 item.querySelector(".kpz-open-selector").addEventListener("click", toggleSelector);
  257.                 item.querySelector(".kpz-select-all").addEventListener("change", selectAll);
  259.                 item.querySelectorAll(".kpz-select-one").forEach(item => item.addEventListener("change", selectOne));
  260.             })
  262.             // Iniciar Dados
  263.             activeBrokers.forEach(item => {
  264.                 const broker = document.querySelector(`.kpz-broker-select-item .kpz-select-one[data-value='${item}']`)
  266.                 broker.checked = true;
  267.                 broker.dispatchEvent(new Event('change', { bubbles: true }));
  268.             })
  270.         }
  272.         if(multipleSelect) {
  273.             multipleSelect.classList.add("hidden");
  274.             
  275.             const contentContainer = document.querySelector(".kpz-broker-select");
  276.             const realStates = [...multipleSelect.querySelectorAll("optgroup")].map(realEstate => ({
  277.                 name: realEstate.label,
  278.                 brokers: [...realEstate.querySelectorAll("option")].map(broker => ({
  279.                     label: broker.textContent,
  280.                     value: broker.value
  281.                 }))
  282.             }));
  284.             const html = buildContent(realStates);
  285.             contentContainer.innerHTML = html;
  287.             initActions();
  288.         }
  290.         $('#js-submit-form').click(function(e){
  291.             var error = 0;
  292.             var msg = 'Campos obrigatórios não preenchidos:\n';
  294.             $(':input[required]').each(function(){            
  295.                 $(this).css('border','2px solid green');
  296.                 if($(this).val() == ''){
  297.                     msg += '\n' + $(this).next().text();
  298.                     $(this).css('border','2px solid red');
  299.                     if(error == 0)
  300.                         { 
  301.                             $(this).focus(); 
  302.                         }
  303.                     error = 1;
  304.                     
  305.                 }
  306.             });
  308.             if(error == 1) {
  309.                 alert('Campos obrigatórios não foram preenchidos.');        
  310.                 return false;
  311.             }
  312.         });
  313.     });
  314.     </script>    
  315.     {# <script type="text/javascript" src="{{ asset('bundles/applicationinternitlead/js/product-edit.js') }}"></script> #}
  316. {% endblock %}
  317. {% block stylesheets %}
  318.     {{ parent() }}
  319.     <link rel="stylesheet" href="{{ asset('/bundles/applicationinternitcontent/css/formularios.css') }}"/>
  320.     <link rel="stylesheet" href="{{ asset('/bundles/applicationinternitcontent/css/productBundle.css') }}"/>
  321.     <link rel="stylesheet" href="{{ asset('/bundles/applicationinternitcontent/css/multiple-select.min.css') }}"/>
  322. {% endblock %}
  324. {% block sonata_admin_actions %}
  325. sdfsdfsdfsdfsdf
  326. {% endblock %}
  328. {% block title %}
  329.     Edição de campanha
  330. {% endblock %}
  333. {% block sonata_admin_content %}
  334.     <div class="meusDados">
  335.         {% for flashMessage in app.session.flashbag.get('flash_create_success') %}
  336.             <div class="caixa-resposta">
  337.                 <div class="resposta active" id="r-sucess">
  338.                     <i class="far fa-check-circle"></i>
  339.                     <p>Salvo com sucesso</p>
  340.                 </div>
  341.             </div>
  342.         {% endfor %}
  344.         {% for flashMessage in app.session.flashbag.get('flash_create_error') %}
  345.             <div class="caixa-resposta">
  346.                 <div class="resposta active" id="r-error">
  347.                     <i class="far fa-times-circle"></i>
  348.                     <p>{{ flashMessage|raw }}</p>
  349.                 </div>
  350.             </div>
  351.         {% endfor %}
  352.         <div class="titleDefault">
  353.             <div class="group">
  354.                 <h3>Editar Campanha</h3>
  355.                 <a class="btn-voltar" href="{{ path('admin_internit_lead_product_list')}}"><i class="fas fa-arrow-left"></i>Voltar</a>
  357.             </div>
  358.         </div>
  359.         
  360.         <div class="contentProductCreate edit">
  361.                 {{ form_start(form) }}
  362.                     <div class="boxDefault">
  363.                         <div class="my-custom-class-for-errors">
  364.                             {{ form_errors(form) }}
  365.                         </div>
  366.                         <div class="formulario">
  367.                             <div class="fieldset">
  368.                                 <div class="flex">
  369.                                     <div class="col inputBox">
  370.                                         {{ form_widget(form.name) }}
  371.                                         {{ form_label(form.name) }}
  372.                                     </div>
  373.                                 </div>
  374.                                 <div class="flex">
  375.                                     <div class="col inputBox">
  376.                                         {{ form_widget(form.email) }}
  377.                                         {{ form_label(form.email) }}
  378.                                     </div>
  379.                                 </div>
  380.                                 <div class="flex">
  381.                                     <div class="col inputBox">
  382.                                         {{ form_widget(form.description) }}
  383.                                         {{ form_label(form.description) }}
  384.                                     </div>
  385.                                 </div>
  387.                                 <div class="flex">
  388.                                     <div class="col inputBox">
  389.                                         <input readonly id="tokenIntegration" type="text" value="{{ obj.token }}">
  390.                                         <label for="token">Código para implementação:</label>
  391.                                     </div>
  392.                                 </div>
  394.                                 <div class="row row-space">
  396.                                     <div class="col-md-3">
  397.                                         <div class="col inputBox">
  398.                                             {{ form_widget(form.fidelityDays) }}
  399.                                             {{ form_label(form.fidelityDays) }}
  400.                                             
  401.                                         </div>
  402.                                     </div>
  404.                                     <div class="col-md-3">
  405.                                         <div class="col inputBox">
  406.                                             {{ form_widget(form.vivaReal) }}
  407.                                             {{ form_label(form.vivaReal) }}
  408.                                         </div>
  409.                                     </div>
  411.                                     <div class="col-md-3">
  412.                                         <div class="col inputBox">
  413.                                             {{ form_widget(form.zap) }}
  414.                                             {{ form_label(form.zap) }}
  415.                                         </div>
  416.                                     </div>
  418.                                     <div class="col-md-3">
  419.                                         <div class="col inputBox">
  420.                                             {{ form_widget(form.olx) }}
  421.                                             {{ form_label(form.olx) }}
  422.                                         </div>
  423.                                     </div>
  425.                                 </div>
  426.                                 <br>
  428.                                 <div class="flex btns-create">
  429.                                     <div class="flex buttons-create" id="" onclick="copyToken()">
  430.                                         <i class="far fa-copy"></i>
  431.                                         <input type="button" class="" value="Copiar Código">
  432.                                     </div>
  433.                                     <button class="flex buttons-create" type="submit" id="js-submit-form">
  434.                                         <i class="far fa-save"></i>
  435.                                         <span>Salvar</span>
  436.                                     </button>
  437.                                 </div>
  438.                             </div>
  439.                         </div>    
  440.                     </div>
  441.                     <div class="boxDefault">
  442.                         <div class="formulario h-100">
  443.                             <div class="fieldset h-100">
  444.                                 <p class="text-imob">Selecioner a imobiliaria/corretor para recebimento dos leads em rodizio.</p>
  445.                                 {{ form_label(form.productUsers) }}
  446.                                 {{ form_widget(form.productUsers) }}
  448.                                 <div class="kpz-broker-header">
  449.                                     <p>Imobiliária</p>
  450.                                     <p class="text-center">Enviar Todos</p>
  451.                                     <p class="text-center">Escolher Corretor</p>
  452.                                 </div>
  454.                                 <div class="kpz-broker-select">
  455.                                     <svg class="loading" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#757575" viewBox="0 0 256 256"><path d="M232,128a104,104,0,0,1-208,0c0-41,23.81-78.36,60.66-95.27a8,8,0,0,1,6.68,14.54C60.15,61.59,40,93.27,40,128a88,88,0,0,0,176,0c0-34.73-20.15-66.41-51.34-80.73a8,8,0,0,1,6.68-14.54C208.19,49.64,232,87,232,128Z"></path></svg>
  456.                                 </div>
  457.                             </div>
  458.                         </div>    
  459.                     </div>
  461.                     <div style="display:none;">{{ form_widget(form.realStatePercents) }}</div>
  463.                 {{ form_end(form) }}
  464.             </div>
  466.         </div>
  468.     <div class="meusDados" style="margin-top: 20px;">
  469.         <div class="titleDefault col-12">
  470.             <div class="row">
  471.                 <div class="col-8">
  472.                     <h3>Imobiliárias Ativas </h3>
  473.                     <span class="" style="font-size: 15px">Listagem de Imobiliárias regularmente ativas na campanha e suas estatísticas.</span>
  474.                 </div>
  475.                 <div class="col-4 text-right">
  476.                     <h3>Próximo a receber:</h3>
  478.                     <h5><b>{{ next['imob'] }}</b></h5>
  479.                 </div>
  481.                 <div class="col-12">
  482.                     <table class="table table-striped table-bordered">
  483.                         <thead class="thead-dark">
  484.                         <tr style="font-size: 16px">
  485.                             <th scope="col">#</th>
  486.                             <th scope="col">id</th>
  487.                             <th scope="col">Imobiliária</th>
  488.                             <th scope="col">Porcentagem %</th>
  489.                             <th scope="col">Leads Recebidos</th>
  490.                             <th scope="col">Leads Recebidos + Extra Leads</th>
  491.                             <th scope="col">Extra Leads</th>
  492.                             <th scope="col">Ver Corretores</th>
  493.                             <th scope="col">Primeiro recebido:</th>
  494.                             <th scope="col">Ultimo recebido</th>
  495.                         </tr>
  496.                         </thead>
  497.                         <tbody>
  498.                         {% set totalLeads = 0 %}
  499.                         {% set totalLeadsExtra = 0 %}
  500.                         {% for index,realState in obj.getRealStateProductInfo %}
  501.                             {% if realState['percent'] != 0 %}
  502.                             {% set totalLeads = totalLeads + realState['qtdLeads'] %}
  503.                             {% set totalLeadsExtra = totalLeadsExtra + realState['extraLeads'] %}
  504.                             <tr style="font-size: 16px">
  505.                                 <th scope="row">{{ index+1 }}</th>
  506.                                 <th scope="row">{{ realState['id'] }}</th>
  507.                                 <td>{{ realState['name'] }}</td>
  508.                                 <td><b>{{ realState['percent'] }}</b>%</td>
  509.                                 <td><b>{{ realState['qtdLeads'] }}</b> Leads</td>
  510.                                 <td><b>{{ realState['qtdLeads'] + realState['extraLeads'] }}</b> Leads</td>
  511.                                 <td>
  512.                                     <b>{{ realState['extraLeads'] }}</b> Leads
  513.                                     <a type="button" data-toggle="modal" data-target="#modalExtraLead-{{ realState['id'] }}">
  514.                                          <i class="fas fa-edit"></i>
  515.                                     </a>
  516.                                 </td>
  517.                                 <td class="text-center">
  518.                                     <a href="javascript:void(0)" onclick="openCorretorList({{ realState['id'] }})">
  519.                                         <b>Corretores ({{ realState['corretores']|length }})</b>
  520.                                     </a>
  521.                                 </td>
  522.                                 <td><b>{{ realState['firstLead']|date('d/m/Y H:i:s') }}</b> </td>
  523.                                 <td><b>{{ realState['lastLead']|date('d/m/Y H:i:s') }}</b> </td>
  524.                             </tr>
  526.                             <div class="modal fade" id="modalExtraLead-{{ realState['id'] }}" tabindex="-1" role="dialog">
  527.                                 <div class="modal-dialog" role="document">
  528.                                     <div class="modal-content">
  529.                                         <div class="modal-header">
  530.                                             <h5 class="modal-title">{{ realState['name'] }} - Leads Extra</h5>
  531.                                         </div>
  532.                                         <div class="modal-body">
  533.                                             <br>
  535.                                             <form action="{{ path('admin_internit_lead_product_saveExtraLeads') }}" method="get">
  537.                                                 <input type="hidden" name="realStateId" value="{{ realState['id'] }}">
  538.                                                 <input type="hidden" name="product" value="{{ obj.id }}">
  539.                                                 <div class="form-group">
  540.                                                     <label style="font-size: 12px">Extra Leads</label>
  541.                                                     <input type="number" class="form-control" name="extraLeads" value="{{ realState['extraLeads'] }}">
  542.                                                     <small class="form-text text-muted" style="font-size: 10px">Quantidade de leads a serem adicionados a imobiliária de modo a auxiliar na contabilidade das informações</small>
  543.                                                 </div>
  544.                                                 <br><br>
  546.                                                 <div class="float-right">
  547.                                                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Sair</button>
  548.                                                     <button type="submit" class="btn btn-primary">Atualizar</button>
  549.                                                 </div>
  552.                                             </form>
  553.                                         </div>
  554.                                     </div>
  555.                                 </div>
  556.                             </div>
  558.                             {% endif %}
  559.                         {% endfor %}
  560.                         </tbody>
  561.                     </table>
  562.                 </div>
  564.                 <div class="col-10">
  565.                     <h3>Total de Leads Recebidos: <b>{{ totalLeads }}</b></h3>
  566.                     <h3>Total de Leads + Extra Recebidos: <b>{{ totalLeads+totalLeadsExtra }}</b></h3>
  567.                 </div>
  568.                 <div class="col-2">
  569.                     <a href="{{ path('admin_internit_lead_product_exportLog', {'id': obj.id} )}}" class="btn-export"><i class="fas fa-arrow-down"></i>Exportar Logs</a>                    
  570.                     <a href="{{ path('admin_internit_lead_product_exportLogSended', {'id': obj.id} )}}" class="btn-export"><i class="fas fa-arrow-down"></i>Exportar Logs Distribuição</a>
  571.                 </div>
  574.                 {% for index,realState in obj.getRealStateProductInfo %}
  575.                 <div class="col-12 allCorretoresList" id="corretor-list-{{ realState['id'] }}" style="display: none">
  576.                     <hr>
  577.                     <br>
  578.                     <div class="row">
  579.                         <div class="col-6">
  580.                             <h3> Corretores Ativos - <b>{{ realState['name'] }}</b></h3>
  581.                         </div>
  582.                         {% set lastPosition = 0 %}
  583.                         {% for index,corretor in realState['corretores'] %}
  584.                             {% set lastPosition = index  %}
  585.                         {% endfor %}
  587.                         {% set nextPosition = realState['turn']  %}
  588.                         {% if nextPosition > lastPosition %}
  589.                             {% set nextPosition = 0 %}
  590.                         {% endif %}
  592.                         <div class="col-6 text-right" >
  593.                             <h3> Próximo da fila - (<b>{{ nextPosition + 1 }}</b>)</h3>
  594.                         </div>
  595.                     </div>
  597.                     <table class="table table-striped table-bordered">
  598.                         <thead class="thead-dark">
  599.                         <tr style="font-size: 16px">
  600.                             <th scope="col">Posição na fila</th>
  601.                             <th scope="col">Nome</th>
  602.                             <th scope="col">Email</th>
  603.                             <th scope="col">Qtd Leads Recebidos</th>
  604.                         </tr>
  605.                         </thead>
  606.                         <tbody>
  608.                             {% for index,corretor in realState['corretores'] %}
  609.                                 <tr style="font-size: 16px">
  610.                                     <th scope="row">{{ index + 1 }}</th>
  611.                                     <th scope="row">{{ corretor['name'] }}</th>
  612.                                     <th scope="row">{{ corretor['email'] }}</th>
  613.                                     <th scope="row">{{ corretor['qtdLeads'] }}</th>
  615.                                 </tr>
  616.                             {% endfor %}
  618.                         </tbody>
  619.                     </table>
  620.                 </div>
  621.                 {% endfor %}
  630.             </div>
  633.         </div>
  634.     </div>
  637.     <script>
  638.         let openCorretorList = (realStateId)=>{
  639.             let div = $(`#corretor-list-${realStateId}`)
  640.             let allCorretores = $(`.allCorretoresList`)
  642.             if(div.css('display') === 'none') {
  643.                 allCorretores.css('display', 'none')
  644.                 div.css('display', 'block')
  645.             }else{
  646.                 allCorretores.css('display', 'none')
  647.             }
  648.             const scrollingElement = (document.scrollingElement || document.body);
  649.             scrollingElement.scrollTop = scrollingElement.scrollHeight;
  650.         }
  651.     </script>
  652. {% endblock %}