Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div ng-init="init()" class="col-md-12" id="pagina">
- <div class="card card-wizard" id="wizardCard">
- <form id="wizardForm" action="">
- <div class="card-content">
- <ul class="nav">
- <li><a class="ponteiro-padrao mobile" href="#cadastro" data-toggle="tab">Cadastro</a></li>
- <li><a class="ponteiro-padrao mobile" href="#dimencionamento" data-toggle="tab">Dimensionamento</a></li>
- <li><a class="ponteiro-padrao mobile" href="#resultado" data-toggle="tab">Resultado</a></li>
- </ul>
- <div class="tab-content">
- <!--Pagina 1 do cadastro de contato-->
- <div class="tab-pane" id="cadastro">
- <h5 class="text-center"><span class="ti-user"></span> Informações de contato</h5>
- <!--INICIO LINHA 1-->
- <div class="row">
- <!--Nome-->
- <div class="col-md-6 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- Nome<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.nome"
- autocomplete="off"
- type="text"
- name="nome"
- required="true"
- placeholder="exemplo: Fulano"
- />
- </div>
- </div>
- <!--Data de Nascimento-->
- <div class="col-md-4">
- <div class="form-group">
- <label class="control-label">
- Nascimento/Fundação <small>(AAAA-MM-DD)</small><star>*</star>
- </label>
- <input class="form-control datepicker"
- ng-model="calculo.dataNascimentoFundacao"
- autocomplete="off"
- type="text"
- name="nascimento_fundacao"
- required="true"
- placeholder="02/12/1986"
- />
- </div>
- </div>
- </div>
- <!--Fim LINHA 1-->
- <!--INICIO LINHA 2-->
- <div class="row">
- <!--Email-->
- <div class="col-md-6 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- Email<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.email"
- autocomplete="off"
- type="text"
- name="email"
- required="true"
- placeholder="ex: fulano@email.com"
- />
- </div>
- </div>
- <!--CPF-CNPJ-->
- <div class="col-md-4">
- <div class="form-group">
- <label class="control-label">
- CPF / CNPJ<star>*</star>
- </label>
- <input class="form-control"
- ng-model-options="{allowInvalid: true}"
- ng-model="calculo.cpfCnpj"
- autocomplete="off"
- type="text"
- name="cpf_cnpj"
- ui-br-cpfcnpj-mask
- placeholder="123456789"
- />
- </div>
- </div>
- </div>
- <!--FIM LINHA 2-->
- <!--INICIO LINHA 3-->
- <div class="row">
- <!--Telefone-->
- <div class="col-md-10 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- Telefone<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.telefone"
- type="text"
- name="telefone"
- required="true"
- ui-br-phone-number
- placeholder="(__) ____-____"
- />
- </div>
- </div>
- </div>
- <!--FIM LINHA 3-->
- <h5 class="text-center"><span class="ti-location-pin"></span> Endereço</h5>
- <div class="row">
- <div class="col-md-8 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- Rua<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.rua"
- autocomplete="off"
- type="text"
- name="rua"
- required="true"
- placeholder="exemplo: Rua Fulano"
- />
- </div>
- </div>
- <div class="col-md-2">
- <div class="form-group">
- <label class="control-label">
- Número<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.numero"
- autocomplete="off"
- type="text"
- name="numero"
- required="true"
- placeholder="ex: 1234"
- />
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-3 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- CEP<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.codigoPostal"
- autocomplete="off"
- type="text"
- name="codigoPostal"
- required="true"
- ui-br-cep-mask
- placeholder="ex: _____-___"
- />
- </div>
- </div>
- <div class="col-md-3">
- <div class="form-group">
- <label class="control-label">
- Bairro<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.bairro"
- autocomplete="off"
- type="text"
- name="bairro"
- required="true"
- placeholder="ex: Bairo Jardim"
- />
- </div>
- </div>
- <div class="col-md-4">
- <div class="form-group">
- <label class="control-label">
- Cidade<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.cidade"
- autocomplete="off"
- type="text"
- name="cidade"
- required="true"
- placeholder="exemplo: Cidade 2"
- />
- </div>
- </div>
- </div>
- </div>
- <!--Pagina 2 do cadastro de valores-->
- <div class="tab-pane" id="dimencionamento">
- <h5 class="text-center"><span class="ti-bolt"></span> Informações de valores do dimensionamento do sistema</h5>
- <div class="row">
- <div class="col-md-5 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- Concessionária<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.concessionaria"
- autocomplete="off"
- type="text"
- name="concessionaria"
- placeholder="Copel"
- />
- </div>
- </div>
- <div class="col-md-5">
- <div class="form-group">
- <label class="control-label">
- Unidade consumidora<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.unidadeConsumidora"
- autocomplete="off"
- type="text"
- name="unidade_consumidora"
- placeholder="Unidade consumidora"
- />
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-5 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- Tipo de entrada<star>*</star>
- </label>
- <select
- ng-model="calculo.tipoEntrada"
- name="entradas"
- class="form-control">
- <option selected="selected" value="">- Selecione -</option>
- <option value="MONOFASICO">1 - Monofásico</option>
- <option value="BIFASICO">2 - Bifásico</option>
- <option value="TRIFASICO">3 - Trifásico</option>
- </select>
- </div>
- </div>
- <div class="col-md-5">
- <div class="form-group">
- <label class="control-label">
- Característica dos módulos<star>*</star>
- </label>
- <select
- ng-model="calculo.tipoPlaca"
- name="modulos"
- class="form-control">
- <option selected="selected" value="">- Selecione -</option>
- <option value="PC40">1 - Policristalina 335~355W</option>
- <option value="PC50">2 - Policristalina 400~425W</option>
- <option value="MO55">3 - Monocristalina 380~450W</option>
- </select>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-5 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- Consumo médio por mês <small>kWh/Mês</small><star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.kwhMes"
- autocomplete="off"
- type="text"
- name="kwh_mes"
- placeholder="ex: 19.00"
- />
- </div>
- </div>
- <div class="col-md-5">
- <div class="form-group">
- <label class="control-label">
- Nome do vendedor<star>*</star>
- </label>
- <input class="form-control"
- ng-model="calculo.nomeVendedor"
- autocomplete="off"
- type="text"
- name="vendedor"
- placeholder="ex: fulano"
- />
- </div>
- </div>
- <div class="col-md-10 col-md-offset-1">
- <div class="form-group">
- <label class="control-label">
- Observações
- </label>
- <textarea
- ng-model="calculo.observacao"
- ng-trim="false"
- maxlength="240"
- autocomplete="off"
- rows="5"
- class="form-control border-input"
- name="observacao"
- placeholder="Informação adicional">
- </textarea>
- <p class="pull-right"><small class="stats">{{240 - calculo.observacao.length}} caractéres restantes</small></p>
- </div>
- </div>
- </div>
- </div>
- <!--Pagina 3 ticket de resultado-->
- <div class="tab-pane" id="resultado">
- <div ng-show="loadingCalculos" class="text-center">
- <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
- </div>
- <div ng-hide="loadingCalculos">
- <div class="card-content">
- <div id="ticket-container1" class="ticket-container">
- <div class="row">
- <div class="col-lg-12">
- <p class="titles">{{calculo.nome}} - {{calculo.cidade}}</p>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-offset-2 col-lg-4 col-md-offset-1 col-md-5">
- <div class="row">
- <div class="col-lg-12">
- <div class="ticket ticket-biogas">
- <div class="brand"></div>
- <div class="result">
- <div class="top">Economia média mensal</div>
- <div class="data">{{resultadoEconomiaMediaMensal}}</div>
- <div class="suffix">R$/mês</div>
- </div>
- </div>
- </div>
- <div class="col-lg-12">
- <div class="ticket ticket-glp">
- <div class="brand"></div>
- <div class="result">
- <div class="top">Economia média anual</div>
- <div class="data">{{resultadoEconomiaMediaAnual}}</div>
- <div class="suffix">R$/ano</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-5">
- <div class="row">
- <div class="col-lg-12">
- <div class="ticket ticket-energia">
- <div class="brand"></div>
- <div class="result">
- <div class="top">Produção média mensal</div>
- <div class="data">{{resultadoProducaoGeracaoMediaMensal}}</div>
- <div class="suffix">kWh/mês</div>
- </div>
- </div>
- </div>
- <div class="col-lg-12">
- <div class="ticket ticket-equivalencia">
- <div class="brand"></div>
- <div class="result">
- <div class="top">Produção média anual</div>
- <div class="data">{{resultadoProducaoGeracaoMediaAnual}}</div>
- <div class="suffix">kWh/ano</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <p class="notes">
- 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>
- </p>
- <p class="notes-socials">
- ou
- </p>
- <div class="text-center">
- <a href="https://www.facebook.com/Engenhasol" target="_blank"><i class="fa fa-facebook-official fa-3x"></i></a>
- <a href="https://www.instagram.com/engenhasol" target="_blank"><i class="fa fa-instagram fa-3x"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="card-footer">
- <button type="button" class="btn btn-default btn-fill btn-wd btn-back pull-left"><span class="ti-arrow-left"></span> Voltar</button>
- <button type="button" class="btn btn-success btn-fill btn-wd btn-next pull-right">Avançar <span class="ti-arrow-right"></span></button>
- <div class="btn-group btn-group-responsive">
- <button ng-disabled="loadingCalculos" ng-click="gerarPDF()" type="button" class="btn btn-wd btn-success btn-fill">
- <span class="btn-label">
- <i class="fa fa-file-pdf-o"></i>
- </span>
- Gerar proposta
- </button>
- </div>
- <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>
- <div class="clearfix"></div>
- </div>
- </form>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement