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.     <script type="text/javascript">
  8.     function copyToken() {
  9.         /* Get the text field */
  10.         copyText = document.getElementById("tokenIntegration");
  12.         /* Select the text field */
  13.         copyText.select();
  14.         copyText.setSelectionRange(0, 99999); /*For mobile devices*/
  16.         /* Copy the text inside the text field */
  17.         document.execCommand("copy");
  18.     }
  19.     $(document).ready(function() {
  21.         setTimeout(() =>{
  22.             let input = document.querySelectorAll('.changeRadio');
  23.             for( let item of input){
  24.                 item.ondblclick = function (){
  25.                     if(item.checked == true){
  27.                         let liId = item.closest('li').id;
  28.                         let lis = document.querySelectorAll(`.${liId}`);
  30.                         for( let li of lis){
  31.                             li.classList.remove("selected");
  32.                             li.classList.remove("active");
  33.                         }
  35.                         item.checked = false;
  36.                     }
  37.                 }
  38.             }
  39.         },2000)
  41.         var realStatePercents = {{ obj.realStatePercentByName|json_encode|raw }};
  43.         $(".broker-select").multipleSelect({
  44.                 selectAll: true,
  45.                 multiple: false,
  46.                 isOpen: true,
  47.                 filter: false,
  48.                 keepOpen: true,
  49.                 filterPlaceholder: 'Filtre as Imobiliárias ou corretores',
  50.                 placeholder: "Corretores",
  51.                 formatSelectAll () {
  52.                     return 'Selecionar Todos'
  53.                 },
  54.                 formatNoMatchesFound () {
  55.                     return 'Nenhum resultado'
  56.                 },
  57.                 labelTemplate: function ($el) {
  58.                     let rsCanonical = convertToCanonical($el.attr('label'));
  59.                     return '<i class="fa fa-building"></i>' +
  60.                             '<div class="imobPerc">' +
  61.                             '<p class="nameImob">' + $el.attr('label') + '</p>' +
  62.                             '<div class="imobInput">' +
  63.                             '<input type="number" name="{{ form.vars.name }}[realStatePercents]['+rsCanonical+'][percent]" id="realStatePercent-'+rsCanonical+'" class="percent-realstate" value="'+realStatePercents[$el.attr('label')]+'" min="0" max="100"/>' +
  64.                             '<span>%</span>' +
  65.                             '</div></div><div class="imobLabel"><label class="check-all-label"><input type="radio" class="check-all changeRadio" name="escolha' + $el.attr('label') + '"/><span class="checkmark"></span></label> <label class="accordion-open-label"><input type="radio" class="accordion-open changeRadio" name="escolha' + $el.attr('label') + '"/><span class="checkmark"></span></label></div>';
  66.                 },
  67.                 textTemplate: function ($el) {
  68.                     return '<i class="far fa-user"></i><p>' + $el.html() + '</p>';
  69.                 }
  70.             });
  71.         
  73.         let imobiliarisSelect = Array();
  74.         let corretoresSelect = Array();
  75.         {% for corretor in obj.productUsers %}
  76.             imobiliarisSelect.push('{{ corretor.realEstate.name }}');
  77.             corretoresSelect.push('{{corretor.realEstate.id}}:{{corretor.user.id}}');
  78.         {% endfor %}
  80.         if(corretoresSelect.length > 0){
  81.             //$(".broker-select").multipleSelect('setSelects', corretoresSelect)
  82.         }
  84.         setTimeout(()=>{
  85.             for (let i=0; i<imobiliarisSelect.length; i++){
  86.                 let element = $(`[name="escolha${imobiliarisSelect[i]}"]`)
  87.                 element.trigger('click')
  88.             }
  89.             for (let i=0; i<corretoresSelect.length; i++){
  90.                 $(`[value="${corretoresSelect[i]}"]`).click()
  91.             }
  93.         },500)
  95.         //console.log(corretoresSelect)
  97.         $('#js-submit-form').click(function(e){
  98.             var error = 0;
  99.             var msg = 'Campos obrigatórios não preenchidos:\n';
  101.             $(':input[required]').each(function(){            
  102.                 $(this).css('border','2px solid green');
  103.                 if($(this).val() == ''){
  104.                     msg += '\n' + $(this).next().text();
  105.                     $(this).css('border','2px solid red');
  106.                     if(error == 0)
  107.                         { 
  108.                             $(this).focus(); 
  109.                         }
  110.                     error = 1;
  111.                     
  112.                 }
  113.             });
  115.             if(error == 1) {
  116.                 alert('Campos obrigatórios não foram preenchidos.');        
  117.                 return false;
  118.             }
  119.         });
  120.     });
  121.     </script>    
  122.     <script type="text/javascript" src="{{ asset('bundles/applicationinternitlead/js/product-edit.js') }}"></script>
  123. {% endblock %}
  124. {% block stylesheets %}
  125.     {{ parent() }}
  126.     <link rel="stylesheet" href="{{ asset('/bundles/applicationinternitcontent/css/formularios.css') }}"/>
  127.     <link rel="stylesheet" href="{{ asset('/bundles/applicationinternitcontent/css/productBundle.css') }}"/>
  128.     <link rel="stylesheet" href="{{ asset('/bundles/applicationinternitcontent/css/multiple-select.min.css') }}"/>
  129. {% endblock %}
  131. {% block title %}
  132.     Edição de campanha
  133. {% endblock %}
  136. {% block sonata_admin_content %}
  138.     <div class="meusDados">
  139.         {% for flashMessage in app.session.flashbag.get('flash_create_success') %}
  140.             <div class="caixa-resposta">
  141.                 <div class="resposta active" id="r-sucess">
  142.                     <i class="far fa-check-circle"></i>
  143.                     <p>Salvo com sucesso</p>
  144.                 </div>
  145.             </div>
  146.         {% endfor %}
  148.         {% for flashMessage in app.session.flashbag.get('flash_create_error') %}
  149.             <div class="caixa-resposta">
  150.                 <div class="resposta active" id="r-error">
  151.                     <i class="far fa-times-circle"></i>
  152.                     <p>{{ flashMessage|raw }}</p>
  153.                 </div>
  154.             </div>
  155.         {% endfor %}
  156.         <div class="titleDefault">
  157.             <div class="group">
  158.                 <h3>Editar Campanha</h3>
  159.                 <a class="btn-voltar" href="{{ path('admin_internit_lead_product_list')}}"><i class="fas fa-arrow-left"></i>Voltar</a>
  161.             </div>
  162.         </div>
  163.         
  164.         <div class="contentProductCreate edit">
  165.                 {{ form_start(form) }}
  166.                     <div class="boxDefault">
  167.                         <div class="my-custom-class-for-errors">
  168.                             {{ form_errors(form) }}
  169.                         </div>
  170.                         <div class="formulario">
  171.                             <div class="fieldset">
  172.                                 <div class="flex">
  173.                                     <div class="col inputBox">
  174.                                         {{ form_widget(form.name) }}
  175.                                         {{ form_label(form.name) }}
  176.                                     </div>
  177.                                 </div>
  178.                                 <div class="flex">
  179.                                     <div class="col inputBox">
  180.                                         {{ form_widget(form.email) }}
  181.                                         {{ form_label(form.email) }}
  182.                                     </div>
  183.                                 </div>
  184.                                 <div class="flex">
  185.                                     <div class="col inputBox">
  186.                                         {{ form_widget(form.description) }}
  187.                                         {{ form_label(form.description) }}
  188.                                     </div>
  189.                                 </div>
  191.                                 <div class="flex">
  192.                                     <div class="col inputBox">
  193.                                         <input readonly id="tokenIntegration" type="text" value="{{ obj.token }}">
  194.                                         <label for="token">Código para implementação:</label>
  195.                                     </div>
  196.                                 </div>
  198.                                 <div class="row row-space">
  200.                                     <div class="col-md-4">
  201.                                         <div class="col inputBox">
  202.                                             {{ form_widget(form.vivaReal) }}
  203.                                             {{ form_label(form.vivaReal) }}
  204.                                         </div>
  205.                                     </div>
  207.                                     <div class="col-md-4">
  208.                                         <div class="col inputBox">
  209.                                             {{ form_widget(form.zap) }}
  210.                                             {{ form_label(form.zap) }}
  211.                                         </div>
  212.                                     </div>
  214.                                     <div class="col-md-4">
  215.                                         <div class="col inputBox">
  216.                                             {{ form_widget(form.olx) }}
  217.                                             {{ form_label(form.olx) }}
  218.                                         </div>
  219.                                     </div>
  221.                                 </div>
  222.                                 <br>
  224.                                 <div class="flex btns-create">
  225.                                     <div class="flex buttons-create" id="" onclick="copyToken()">
  226.                                         <i class="far fa-copy"></i>
  227.                                         <input type="button" class="" value="Copiar Código">
  228.                                     </div>
  229.                                     <button class="flex buttons-create" type="submit" id="js-submit-form">
  230.                                         <i class="far fa-save"></i>
  231.                                         <span>Salvar</span>
  232.                                     </button>
  233.                                 </div>
  234.                             </div>
  235.                         </div>    
  236.                     </div>
  237.                     <div class="boxDefault">
  238.                         <div class="formulario">
  239.                             <div class="fieldset">
  240.                                 <p class="text-imob">Selecioner a imobiliaria/corretor para recebimento dos leads em rodizio.</p>
  241.                                 <div class="flex">
  242.                                     <div class="col">
  243.                                         {# <i class="fas fa-search"></i> #}
  244.                                         <div class="accordion-head">
  245.                                             <p>Imobiliária</p>
  246.                                             <div class="options">
  247.                                                 <p>Enviar Todos</p>
  248.                                                 <p>Escolher Corretor</p>
  249.                                             </div>
  250.                                         </div>
  251.                                         {{ form_label(form.productUsers) }}
  252.                                         {{ form_widget(form.productUsers) }}
  253.                                     </div>
  254.                                 </div>
  255.                             </div>
  256.                         </div>    
  257.                     </div>
  259.                     <div style="display:none;">{{ form_widget(form.realStatePercents) }}</div>
  261.                 {{ form_end(form) }}
  262.             </div>
  264.         </div>
  266.     <div class="meusDados" style="margin-top: 20px;">
  267.         <div class="titleDefault col-12">
  268.             <div class="row">
  269.                 <div class="col-12">
  270.                     <h3>Imobiliárias Ativas </h3>
  271.                     <span class="" style="font-size: 15px">Listagem de Imobiliárias regularmente ativas na campanha e suas estatísticas.</span>
  272.                 </div>
  274.                 <div class="col-12">
  275.                     <table class="table table-striped table-bordered">
  276.                         <thead class="thead-dark">
  277.                         <tr style="font-size: 16px">
  278.                             <th scope="col">#</th>
  279.                             <th scope="col">id</th>
  280.                             <th scope="col">Imobiliária</th>
  281.                             <th scope="col">Porcentagem %</th>
  282.                             <th scope="col">Leads Recebidos</th>
  283.                             <th scope="col">Leads Recebidos + Extra Leads</th>
  284.                             <th scope="col">Extra Leads</th>
  285.                             <th scope="col">Ver Corretores</th>
  286.                             <th scope="col">Primeiro recebido:</th>
  287.                             <th scope="col">Ultimo recebido</th>
  288.                         </tr>
  289.                         </thead>
  290.                         <tbody>
  291.                         {% set totalLeads = 0 %}
  292.                         {% for index,realState in obj.getRealStateProductInfo %}
  293.                             {% if realState['percent'] != 0 %}
  294.                             {% set totalLeads = totalLeads + realState['qtdLeads'] %}
  295.                             <tr style="font-size: 16px">
  296.                                 <th scope="row">{{ index+1 }}</th>
  297.                                 <th scope="row">{{ realState['id'] }}</th>
  298.                                 <td>{{ realState['name'] }}</td>
  299.                                 <td><b>{{ realState['percent'] }}</b>%</td>
  300.                                 <td><b>{{ realState['qtdLeads'] }}</b> Leads</td>
  301.                                 <td><b>{{ realState['qtdLeads'] + realState['extraLeads'] }}</b> Leads</td>
  302.                                 <td>
  303.                                     <b>{{ realState['extraLeads'] }}</b> Leads
  304.                                     <a type="button" data-toggle="modal" data-target="#modalExtraLead-{{ realState['id'] }}">
  305.                                          <i class="fas fa-edit"></i>
  306.                                     </a>
  307.                                 </td>
  308.                                 <td class="text-center">
  309.                                     <a href="javascript:void(0)" onclick="openCorretorList({{ realState['id'] }})">
  310.                                         <b>Corretores ({{ realState['corretores']|length }})</b>
  311.                                     </a>
  312.                                 </td>
  313.                                 <td><b>{{ realState['firstLead']|date('d/m/Y h:i:s') }}</b> </td>
  314.                                 <td><b>{{ realState['lastLead']|date('d/m/Y h:i:s') }}</b> </td>
  315.                             </tr>
  317.                             <div class="modal fade" id="modalExtraLead-{{ realState['id'] }}" tabindex="-1" role="dialog">
  318.                                 <div class="modal-dialog" role="document">
  319.                                     <div class="modal-content">
  320.                                         <div class="modal-header">
  321.                                             <h5 class="modal-title">{{ realState['name'] }} - Leads Extra</h5>
  322.                                         </div>
  323.                                         <div class="modal-body">
  324.                                             <br>
  326.                                             <form action="{{ path('admin_internit_lead_product_saveExtraLeads') }}" method="get">
  328.                                                 <input type="hidden" name="realStateId" value="{{ realState['id'] }}">
  329.                                                 <input type="hidden" name="product" value="{{ obj.id }}">
  330.                                                 <div class="form-group">
  331.                                                     <label style="font-size: 12px">Extra Leads</label>
  332.                                                     <input type="number" class="form-control" name="extraLeads" value="{{ realState['extraLeads'] }}">
  333.                                                     <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>
  334.                                                 </div>
  335.                                                 <br><br>
  337.                                                 <div class="float-right">
  338.                                                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Sair</button>
  339.                                                     <button type="submit" class="btn btn-primary">Atualizar</button>
  340.                                                 </div>
  343.                                             </form>
  344.                                         </div>
  345.                                     </div>
  346.                                 </div>
  347.                             </div>
  349.                             {% endif %}
  350.                         {% endfor %}
  351.                         </tbody>
  352.                     </table>
  353.                 </div>
  355.                 <div class="col-12">
  356.                     <h3>Total de Leads Recebidos: <b>{{ totalLeads }}</b></h3>
  357.                 </div>
  362.                 {% for index,realState in obj.getRealStateProductInfo %}
  363.                 <div class="col-12 allCorretoresList" id="corretor-list-{{ realState['id'] }}" style="display: none">
  364.                     <hr>
  365.                     <br>
  366.                     <div class="row">
  367.                         <div class="col-6">
  368.                             <h3> Corretores Ativos - <b>{{ realState['name'] }}</b></h3>
  369.                         </div>
  370.                         {% set lastPosition = 0 %}
  371.                         {% for index,corretor in realState['corretores'] %}
  372.                             {% set lastPosition = index  %}
  373.                         {% endfor %}
  375.                         {% set nextPosition = realState['turn']  %}
  376.                         {% if nextPosition > lastPosition %}
  377.                             {% set nextPosition = 0 %}
  378.                         {% endif %}
  381.                         <div class="col-6 text-right" >
  382.                             <h3> Próximo da fila - (<b>{{ nextPosition + 1 }}</b>)</h3>
  383.                         </div>
  384.                     </div>
  386.                     <table class="table table-striped table-bordered">
  387.                         <thead class="thead-dark">
  388.                         <tr style="font-size: 16px">
  389.                             <th scope="col">Posição na fila</th>
  390.                             <th scope="col">Nome</th>
  391.                             <th scope="col">Email</th>
  392.                             <th scope="col">Qtd Leads Recebidos</th>
  393.                         </tr>
  394.                         </thead>
  395.                         <tbody>
  397.                             {% for index,corretor in realState['corretores'] %}
  398.                                 <tr style="font-size: 16px">
  399.                                     <th scope="row">{{ index + 1 }}</th>
  400.                                     <th scope="row">{{ corretor['name'] }}</th>
  401.                                     <th scope="row">{{ corretor['email'] }}</th>
  402.                                     <th scope="row">{{ corretor['qtdLeads'] }}</th>
  404.                                 </tr>
  405.                             {% endfor %}
  407.                         </tbody>
  408.                     </table>
  409.                 </div>
  410.                 {% endfor %}
  419.             </div>
  422.         </div>
  423.     </div>
  426.     <script>
  427.         let openCorretorList = (realStateId)=>{
  428.             let div = $(`#corretor-list-${realStateId}`)
  429.             let allCorretores = $(`.allCorretoresList`)
  431.             if(div.css('display') === 'none') {
  432.                 allCorretores.css('display', 'none')
  433.                 div.css('display', 'block')
  434.             }else{
  435.                 allCorretores.css('display', 'none')
  436.             }
  437.             const scrollingElement = (document.scrollingElement || document.body);
  438.             scrollingElement.scrollTop = scrollingElement.scrollHeight;
  439.         }
  440.     </script>
  441. {% endblock %}