API tools faq
paste
Advertisement
mushroomh3ad

inicio

mushroomh3ad
Oct 2nd, 2024
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.22 KB | None | 0 0
raw download clone embed print report
  1. <div ng-init="init()" class="col-md-12" id="pagina">
  2.     <div class="card card-wizard" id="wizardCard">
  3.         <form id="wizardForm" action="">
  4.             <div class="card-content">
  5.                 <ul class="nav">
  6.                     <li><a class="ponteiro-padrao mobile" href="#cadastro" data-toggle="tab">Cadastro</a></li>
  7.                     <li><a class="ponteiro-padrao mobile" href="#dimencionamento" data-toggle="tab">Dimensionamento</a></li>
  8.                     <li><a class="ponteiro-padrao mobile" href="#resultado" data-toggle="tab">Resultado</a></li>
  9.                 </ul>
  10.                 <div class="tab-content">
  11.                     <!--Pagina 1 do cadastro de contato-->
  12.                     <div class="tab-pane" id="cadastro">
  13.                         <h5 class="text-center"><span class="ti-user"></span> Informações de contato</h5>
  14.                         <!--INICIO LINHA 1-->
  15.                         <div class="row">
  16.                             <!--Nome-->
  17.                             <div class="col-md-6 col-md-offset-1">
  18.                                 <div class="form-group">
  19.                                     <label class="control-label">
  20.                                         Nome<star>*</star>
  21.                                     </label>
  22.                                     <input class="form-control"
  23.                                           ng-model="calculo.nome"
  24.                                           autocomplete="off"
  25.                                           type="text"
  26.                                           name="nome"
  27.                                           required="true"
  28.                                           placeholder="exemplo: Fulano"
  29.                                    />
  30.                                 </div>
  31.                             </div>
  32.                             <!--Data de Nascimento-->
  33.                             <div class="col-md-4">
  34.                                 <div class="form-group">
  35.                                     <label class="control-label">
  36.                                         Nascimento/Fundação <small>(AAAA-MM-DD)</small><star>*</star>
  37.                                     </label>
  38.                                     <input class="form-control datepicker"
  39.                                           ng-model="calculo.dataNascimentoFundacao"
  40.                                           autocomplete="off"
  41.                                           type="text"
  42.                                           name="nascimento_fundacao"
  43.                                           required="true"
  44.                                           placeholder="02/12/1986"
  45.                                    />
  46.                                 </div>
  47.                             </div>
  48.                         </div>
  49.                         <!--Fim LINHA 1-->
  50.  
  51.                         <!--INICIO LINHA 2-->
  52.                         <div class="row">
  53.                             <!--Email-->
  54.                             <div class="col-md-6 col-md-offset-1">
  55.                                 <div class="form-group">
  56.                                     <label class="control-label">
  57.                                         Email<star>*</star>
  58.                                     </label>
  59.                                     <input class="form-control"
  60.                                           ng-model="calculo.email"
  61.                                           autocomplete="off"
  62.                                           type="text"
  63.                                           name="email"
  64.                                           required="true"
  65.                                           placeholder="ex: fulano@email.com"
  66.                                    />
  67.                                 </div>
  68.                             </div>
  69.                             <!--CPF-CNPJ-->
  70.                             <div class="col-md-4">
  71.                                 <div class="form-group">
  72.                                     <label class="control-label">
  73.                                         CPF / CNPJ<star>*</star>
  74.                                     </label>
  75.                                     <input class="form-control"
  76.                                           ng-model-options="{allowInvalid: true}"
  77.                                           ng-model="calculo.cpfCnpj"
  78.                                           autocomplete="off"
  79.                                           type="text"
  80.                                           name="cpf_cnpj"
  81.                                           ui-br-cpfcnpj-mask
  82.                                           placeholder="123456789"
  83.                                    />
  84.                                 </div>
  85.                             </div>
  86.                         </div>
  87.                         <!--FIM LINHA 2-->
  88.  
  89.                         <!--INICIO LINHA 3-->
  90.                         <div class="row">
  91.                             <!--Telefone-->
  92.                             <div class="col-md-10 col-md-offset-1">
  93.                                 <div class="form-group">
  94.                                     <label class="control-label">
  95.                                         Telefone<star>*</star>
  96.                                     </label>
  97.                                     <input class="form-control"
  98.                                           ng-model="calculo.telefone"
  99.                                           type="text"
  100.                                           name="telefone"
  101.                                           required="true"
  102.                                           ui-br-phone-number
  103.                                           placeholder="(__) ____-____"
  104.                                    />
  105.                                 </div>
  106.                             </div>
  107.                         </div>
  108.                         <!--FIM LINHA 3-->
  109.  
  110.                         <h5 class="text-center"><span class="ti-location-pin"></span> Endereço</h5>
  111.  
  112.                         <div class="row">
  113.                             <div class="col-md-8 col-md-offset-1">
  114.                                 <div class="form-group">
  115.                                     <label class="control-label">
  116.                                         Rua<star>*</star>
  117.                                     </label>
  118.                                     <input class="form-control"
  119.                                           ng-model="calculo.rua"
  120.                                           autocomplete="off"
  121.                                           type="text"
  122.                                           name="rua"
  123.                                           required="true"
  124.                                           placeholder="exemplo: Rua Fulano"
  125.                                    />
  126.                                 </div>
  127.                             </div>
  128.                             <div class="col-md-2">
  129.                                 <div class="form-group">
  130.                                     <label class="control-label">
  131.                                         Número<star>*</star>
  132.                                     </label>
  133.                                     <input class="form-control"
  134.                                           ng-model="calculo.numero"
  135.                                           autocomplete="off"
  136.                                           type="text"
  137.                                           name="numero"
  138.                                           required="true"
  139.                                           placeholder="ex: 1234"
  140.                                    />
  141.                                 </div>
  142.                             </div>
  143.                         </div>
  144.                         <div class="row">
  145.                             <div class="col-md-3 col-md-offset-1">
  146.                                 <div class="form-group">
  147.                                     <label class="control-label">
  148.                                         CEP<star>*</star>
  149.                                     </label>
  150.                                     <input class="form-control"
  151.                                           ng-model="calculo.codigoPostal"
  152.                                           autocomplete="off"
  153.                                           type="text"
  154.                                           name="codigoPostal"
  155.                                           required="true"
  156.                                           ui-br-cep-mask
  157.                                           placeholder="ex: _____-___"
  158.                                    />
  159.                                 </div>
  160.                             </div>
  161.                             <div class="col-md-3">
  162.                                 <div class="form-group">
  163.                                     <label class="control-label">
  164.                                         Bairro<star>*</star>
  165.                                     </label>
  166.                                     <input class="form-control"
  167.                                           ng-model="calculo.bairro"
  168.                                           autocomplete="off"
  169.                                           type="text"
  170.                                           name="bairro"
  171.                                           required="true"
  172.                                           placeholder="ex: Bairo Jardim"
  173.                                    />
  174.                                 </div>
  175.                             </div>
  176.                             <div class="col-md-4">
  177.                                 <div class="form-group">
  178.                                     <label class="control-label">
  179.                                         Cidade<star>*</star>
  180.                                     </label>
  181.                                     <input class="form-control"
  182.                                           ng-model="calculo.cidade"
  183.                                           autocomplete="off"
  184.                                           type="text"
  185.                                           name="cidade"
  186.                                           required="true"
  187.                                           placeholder="exemplo: Cidade 2"
  188.                                    />
  189.                                 </div>
  190.                             </div>
  191.                         </div>
  192.                     </div>
  193.                     <!--Pagina 2 do cadastro de valores-->
  194.                     <div class="tab-pane" id="dimencionamento">
  195.                         <h5 class="text-center"><span class="ti-bolt"></span> Informações de valores do dimensionamento do sistema</h5>
  196.                         <div class="row">
  197.                             <div class="col-md-5 col-md-offset-1">
  198.                                 <div class="form-group">
  199.                                     <label class="control-label">
  200.                                         Concessionária<star>*</star>
  201.                                     </label>
  202.                                     <input class="form-control"
  203.                                           ng-model="calculo.concessionaria"
  204.                                           autocomplete="off"
  205.                                           type="text"
  206.                                           name="concessionaria"
  207.                                           placeholder="Copel"
  208.                                    />
  209.                                 </div>
  210.                             </div>
  211.                             <div class="col-md-5">
  212.                                 <div class="form-group">
  213.                                     <label class="control-label">
  214.                                         Unidade consumidora<star>*</star>
  215.                                     </label>
  216.                                     <input class="form-control"
  217.                                           ng-model="calculo.unidadeConsumidora"
  218.                                           autocomplete="off"
  219.                                           type="text"
  220.                                           name="unidade_consumidora"
  221.                                           placeholder="Unidade consumidora"
  222.                                    />
  223.                                 </div>
  224.                             </div>
  225.                         </div>
  226.                         <div class="row">
  227.                             <div class="col-md-5 col-md-offset-1">
  228.                                 <div class="form-group">
  229.                                     <label class="control-label">
  230.                                         Tipo de entrada<star>*</star>
  231.                                     </label>
  232.                                     <select
  233.                                            ng-model="calculo.tipoEntrada"
  234.                                            name="entradas"
  235.                                            class="form-control">
  236.                                         <option selected="selected" value="">- Selecione -</option>
  237.                                         <option value="MONOFASICO">1 - Monofásico</option>
  238.                                         <option value="BIFASICO">2 - Bifásico</option>
  239.                                         <option value="TRIFASICO">3 - Trifásico</option>
  240.                                     </select>
  241.                                 </div>
  242.                             </div>
  243.                             <div class="col-md-5">
  244.                                 <div class="form-group">
  245.                                     <label class="control-label">
  246.                                         Característica dos módulos<star>*</star>
  247.                                     </label>
  248.                                     <select
  249.                                            ng-model="calculo.tipoPlaca"
  250.                                            name="modulos"
  251.                                            class="form-control">
  252.                                         <option selected="selected" value="">- Selecione -</option>
  253.                                         <option value="PC40">1 - Policristalina 335~355W</option>
  254.                                         <option value="PC50">2 - Policristalina 400~425W</option>
  255.                                         <option value="MO55">3 - Monocristalina 380~450W</option>
  256.                                     </select>
  257.                                 </div>
  258.                             </div>
  259.                         </div>
  260.                         <div class="row">
  261.                             <div class="col-md-5 col-md-offset-1">
  262.                                 <div class="form-group">
  263.                                     <label class="control-label">
  264.                                         Consumo médio por mês <small>kWh/Mês</small><star>*</star>
  265.                                     </label>
  266.                                     <input class="form-control"
  267.                                           ng-model="calculo.kwhMes"
  268.                                           autocomplete="off"
  269.                                           type="text"
  270.                                           name="kwh_mes"
  271.                                           placeholder="ex: 19.00"
  272.                                    />
  273.                                 </div>
  274.                             </div>
  275.                             <div class="col-md-5">
  276.                                 <div class="form-group">
  277.                                     <label class="control-label">
  278.                                         Nome do vendedor<star>*</star>
  279.                                     </label>
  280.                                     <input class="form-control"
  281.                                           ng-model="calculo.nomeVendedor"
  282.                                           autocomplete="off"
  283.                                           type="text"
  284.                                           name="vendedor"
  285.                                           placeholder="ex: fulano"
  286.                                    />
  287.                                 </div>
  288.                             </div>
  289.                             <div class="col-md-10 col-md-offset-1">
  290.                                 <div class="form-group">
  291.                                     <label class="control-label">
  292.                                         Observações
  293.                                     </label>
  294.                                     <textarea
  295.                                            ng-model="calculo.observacao"
  296.                                            ng-trim="false"
  297.                                            maxlength="240"
  298.                                            autocomplete="off"
  299.                                            rows="5"
  300.                                            class="form-control border-input"
  301.                                            name="observacao"
  302.                                            placeholder="Informação adicional">
  303.                                     </textarea>
  304.                                     <p class="pull-right"><small class="stats">{{240 - calculo.observacao.length}} caractéres restantes</small></p>
  305.                                 </div>
  306.                             </div>
  307.                         </div>
  308.                     </div>
  309.                     <!--Pagina 3 ticket de resultado-->
  310.                     <div class="tab-pane" id="resultado">
  311.                         <div ng-show="loadingCalculos" class="text-center">
  312.                             <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
  313.                         </div>
  314.                         <div ng-hide="loadingCalculos">
  315.                             <div class="card-content">
  316.                                 <div id="ticket-container1" class="ticket-container">
  317.                                     <div class="row">
  318.                                         <div class="col-lg-12">
  319.                                             <p class="titles">{{calculo.nome}} - {{calculo.cidade}}</p>
  320.                                         </div>
  321.                                     </div>
  322.  
  323.                                     <div class="row">
  324.                                         <div class="col-lg-offset-2 col-lg-4 col-md-offset-1 col-md-5">
  325.                                             <div class="row">
  326.                                                 <div class="col-lg-12">
  327.                                                     <div class="ticket ticket-biogas">
  328.                                                         <div class="brand"></div>
  329.                                                         <div class="result">
  330.                                                             <div class="top">Economia média mensal</div>
  331.                                                             <div class="data">{{resultadoEconomiaMediaMensal}}</div>
  332.                                                             <div class="suffix">R$/mês</div>
  333.                                                         </div>
  334.                                                     </div>
  335.                                                 </div>
  336.                                                 <div class="col-lg-12">
  337.                                                     <div class="ticket ticket-glp">
  338.                                                         <div class="brand"></div>
  339.                                                         <div class="result">
  340.                                                             <div class="top">Economia média anual</div>
  341.                                                             <div class="data">{{resultadoEconomiaMediaAnual}}</div>
  342.                                                             <div class="suffix">R$/ano</div>
  343.                                                         </div>
  344.                                                     </div>
  345.                                                 </div>
  346.                                             </div>
  347.                                         </div>
  348.  
  349.                                         <div class="col-lg-4 col-md-5">
  350.                                             <div class="row">
  351.                                                 <div class="col-lg-12">
  352.                                                     <div class="ticket ticket-energia">
  353.                                                         <div class="brand"></div>
  354.                                                         <div class="result">
  355.                                                             <div class="top">Produção média mensal</div>
  356.                                                             <div class="data">{{resultadoProducaoGeracaoMediaMensal}}</div>
  357.                                                             <div class="suffix">kWh/mês</div>
  358.                                                         </div>
  359.                                                     </div>
  360.                                                 </div>
  361.                                                 <div class="col-lg-12">
  362.                                                     <div class="ticket ticket-equivalencia">
  363.                                                         <div class="brand"></div>
  364.                                                         <div class="result">
  365.                                                             <div class="top">Produção média anual</div>
  366.                                                             <div class="data">{{resultadoProducaoGeracaoMediaAnual}}</div>
  367.                                                             <div class="suffix">kWh/ano</div>
  368.                                                         </div>
  369.                                                     </div>
  370.                                                 </div>
  371.                                             </div>
  372.                                         </div>
  373.                                     </div>
  374.  
  375.                                     <p class="notes">
  376.                                         A Calculadora é uma simulação. Os valores apresentados são uma estimativa e não substituem a análise de viabilidade técnico-econômico. <br>Quer saber mais? <span> <i class="fa fa-whatsapp" aria-hidden="true"></i>WhatsApp: <strong>(45) 99133-7970</strong></span>
  377.                                     </p>
  378.                                     <p class="notes-socials">
  379.                                         ou
  380.                                     </p>
  381.                                     <div class="text-center">
  382.                                         <a href="https://www.facebook.com/Engenhasol" target="_blank"><i class="fa fa-facebook-official fa-3x"></i></a>
  383.                                         <a href="https://www.instagram.com/engenhasol" target="_blank"><i class="fa fa-instagram fa-3x"></i></a>
  384.                                     </div>
  385.                                 </div>
  386.                             </div>
  387.                         </div>
  388.                     </div>
  389.                 </div>
  390.             </div>
  391.             <div class="card-footer">
  392.                 <button type="button" class="btn btn-default btn-fill btn-wd btn-back pull-left"><span class="ti-arrow-left"></span> Voltar</button>
  393.                 <button type="button" class="btn btn-success btn-fill btn-wd btn-next pull-right">Avançar <span class="ti-arrow-right"></span></button>
  394.                 <div class="btn-group btn-group-responsive">
  395.                     <button ng-disabled="loadingCalculos" ng-click="gerarPDF()" type="button" class="btn btn-wd btn-success btn-fill">
  396.                         <span class="btn-label">
  397.                             <i class="fa fa-file-pdf-o"></i>
  398.                         </span>
  399.                         Gerar proposta
  400.                     </button>
  401.                 </div>
  402.                 <button ng-disabled="loadingCalculos" type="button" class="btn btn-info btn-fill btn-wd btn-finish pull-right" ng-click="finalizar()" onclick="demo.showSwal('success-message')"><span class="btn-label"><i class="ti-check"></i></span> Finalizar</button>
  403.                 <div class="clearfix"></div>
  404.             </div>
  405.         </form>
  406.     </div>
  407. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!