1<!doctype html> 2<html lang="pt"> 3 4<head> 5 <base href="/"> 6 <meta charset="UTF-8"> 7 <title>Levaa | Area do Motorista</title> 8 9 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" /> 10
10<script src="/dmxAppConnect/dmxAppConnect.js"></script>
10 11
11<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
11 12
12<script src="/assets/js/script.js" defer="true" charset="utf-8"></script>
12 13 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 14 <link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" /> 15 <link rel="icon" sizes="16x16" type="image/png" href="/assets/images/favicon-16x16.png"> 16 <link rel="icon" sizes="32x32" type="image/png" href="/assets/images/favicon-32x32.png"> 17 <link rel="stylesheet" href="/css/style_site.css" /> 18
18<script src="/dmxAppConnect/dmxRouting/dmxRouting.js" defer></script>
18 19
19<script src="/dmxAppConnect/dmxBootstrap5Modal/dmxBootstrap5Modal.js" defer></script>
19 20 <link rel="stylesheet" href="/dmxAppConnect/dmxValidator/dmxValidator.css" /> 21
21<script src="/dmxAppConnect/dmxValidator/dmxValidator.js" defer></script>
21 22 <link rel="stylesheet" href="/dmxAppConnect/dmxNotifications/dmxNotifications.css" /> 23
23<script src="/dmxAppConnect/dmxNotifications/dmxNotifications.js" defer></script>
23 24
24<script src="/dmxAppConnect/dmxFormatter/dmxFormatter.js" defer></script>
24 25
25<script src="/dmxAppConnect/dmxTyped/dmxTyped.js" defer></script>
25 26
26<script src="/dmxAppConnect/dmxTyped/typed.min.js" defer></script>
26 27 <link rel="stylesheet" href="/dmxAppConnect/dmxMediumEditor/dmxMediumEditor.css" /> 28
28<script src="/dmxAppConnect/dmxMediumEditor/medium-editor.js" defer></script>
28 29
29<script src="/dmxAppConnect/dmxMediumEditor/dmxMediumEditor.js" defer></script>
29 30 <link rel="stylesheet" href="/dmxAppConnect/dmxMediumEditor/medium-editor.css" /> 31 <link rel="stylesheet" href="/dmxAppConnect/dmxMediumEditor/themes/default.css" /> 32
32<script src="/dmxAppConnect/dmxFormRepeat/dmxFormRepeat.js" defer></script>
32 33
33<script src="/dmxAppConnect/dmxBootstrap5Tooltips/dmxBootstrap5Tooltips.js" defer></script>
33 34
34<script src="/dmxAppConnect/dmxBrowser/dmxBrowser.js" defer></script>
34 35
35<script src="/dmxAppConnect/dmxStateManagement/dmxStateManagement.js" defer></script>
35 36
36<script src="/dmxAppConnect/dmxBootbox5/bootstrap-modbox.min.js" defer></script>
36 37
37<script src="/dmxAppConnect/dmxBootbox5/dmxBootbox5.js" defer></script>
37 38
38<script src="/dmxAppConnect/dmxBootstrap5Collapse/dmxBootstrap5Collapse.js" defer></script>
38 39 <link rel="stylesheet" href="/dmxAppConnect/dmxAnimateCSS/animate.min.css" /> 40
40<script src="/dmxAppConnect/dmxAnimateCSS/dmxAnimateCSS.js" defer></script>
40 41
41<script src="https://cdn.jsdelivr.net/npm/@yaireo/[email protected]/dist/tagify.min.js" defer></script>
41 42 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yaireo/[email protected]/dist/tagify.css" /> 43
43<script src="/dmxAppConnect/dmxTagify/dmxTagify.js" defer></script>
43 44 <link rel="stylesheet" href="/dmxAppConnect/dmxDatePicker/daterangepicker.min.css" /> 45
45<script src="/dmxAppConnect/dmxDatePicker/daterangepicker.min.js" defer></script>
45 46 <link rel="stylesheet" href="/dmxAppConnect/dmxDatePicker/dmxDatePicker.css" /> 47
47<script src="/dmxAppConnect/dmxDatePicker/dmxDatePicker.js" defer></script>
47 48 <link rel="stylesheet" href="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.css" /> 49
49<script src="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.js" defer></script>
49 50
50<script src="https://cdn.jsdelivr.net/npm/@yaireo/dragsort"></script>
50 51 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yaireo/dragsort/dist/dragsort.css" /> 52
52<script src="/dmxAppConnect/dmxPouchDB/dmxPouchDB.js" defer></script>
52 53
53<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pouchdb.min.js" defer></script>
53 54
54<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pouchdb.find.min.js" defer></script>
54 55
55<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pouchdb.indexeddb.min.js" defer></script>
55 56 <link rel="stylesheet" href="/dmxAppConnect/dmxPreloader/dmxPreloader.css" /> 57
57<script src="/dmxAppConnect/dmxPreloader/dmxPreloader.js" defer></script>
57 58
58<script src="/socket.io/socket.io.js" defer></script>
58 59
59<script src="/dmxAppConnect/dmxSockets/dmxSockets.js" defer></script>
59 60</head> 61 62<body is="dmx-app" id="cadastro" class="auth-body"> 63 <!-- <dmx-preloader id="preloader1" color="#129AA3" spinner="circle"></dmx-preloader> --> 64 <dmx-notifications id="notifie_cadastro"></dmx-notifications> 65 <dmx-notifications id="notifie_demorado" show-duration="2000"></dmx-notifications> 66 <dmx-cookie-manager id="cookies_cadastro"></dmx-cookie-manager> 67 <!-- <dmx-preloader id="preloader1" spinner="threeBounce" color="#129AA3"></dmx-preloader> --> 68 <div is="dmx-browser" id="deslogar_cadastro"></div> 69 <div class="container"> 70 <dmx-serverconnect id="sc_dados_veiculos" url="/api/cadastro-motorista/veiculos/dados_veiculo" dmx-param:veic_mot_id="sc_session.data.query.usu_mot_id" noload="true"></dmx-serverconnect> 71 <dmx-serverconnect id="sc_deslogar" url="/api/cadastro-motorista/seguranca/deslogar" noload="true"></dmx-serverconnect> 72 <dmx-serverconnect id="sc_session" url="/api/cadastro-motorista/seguranca/sessao" dmx-on:success="run({condition:{outputType:'boolean',if:`sc_session.data.query.usu_mot_id`,then:{steps:[{run:{outputType:'text',action:`sc_consulta.load({mot_id: sc_session.data.query.usu_mot_id},true);sc_dados_veiculos.load({veic_mot_id: sc_session.data.query.usu_mot_id},true)`}}]}}})"></dmx-serverconnect> 73 <dmx-serverconnect id="sc_consulta" url="/api/cadastro-motorista/cadastro_motorista/consulta" dmx-param:mot_id="sc_session.data.query.usu_mot_id" noload="true">{{sc_consulta.data.query.mot_nome}}</dmx-serverconnect> 74 </div> 75 <div is="dmx-view" id="content"> 76 <header class="bg-primary fixed-top shadow-sm auth-header"> 77 <div class="container-fluid"> 78 <div class="row align-items-center py-2 mx-auto auth-header-row" style="max-width:1180px"> 79 <div class="col-2"> 80 <a href="/inicio"> 81 <img id="logo_header" src="/assets/images/logo.svg"> 82 </a> 83 </div> 84 <div class="col text-end"> 85 <div class="dropdown"> 86 <button id="dropdown1" class="btn btn-secondary dropdown-toggle text-primary bg-light-subtle border-0 rounded-5 auth-user-btn" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{sc_session.data.query.usu_nome?sc_session.data.query.usu_nome:'Entrar'}}</button> 87 <div class="dropdown-menu py-0" aria-labelledby="dropdown1" style="width:200px"> 88 <a href="/inicio" class="dropdown-item py-0"> 89 <div class="row align-items-center border-bottom"> 90 <div class="col-3"> 91 <img src="/assets/images/suporte.svg"> 92 </div> 93 <div class="col align-self-center px-0"> 94 <p class="align-self-center mt-3 fw-bold">Voltar ao site</p> 95 </div> 96 </div> 97 </a> 98 <a href="#" class="dropdown-item py-0"> 99 <div class="row align-items-center" dmx-on:click="run({'bootbox.confirm':{name:'sair',message:'Deseja mesmo sair?',title:'Sair da conta?',buttons:{confirm:{label:'Sim',className:'btn-danger'},cancel:{label:'Cancelar',className:'btn-secondary'}},size:'sm',backdrop:true,centerVertical:true,then:{steps:[{serverConnect:{name:'sc',outputType:'object',url:'/api/cadastro-motorista/seguranca/deslogar',site:'levaa'}},{run:{name:'sair',outputType:'text',action:`deslogar_cadastro.goto(\'/acesso-motorista\')`}},{run:{outputType:'text',action:`cookies_cadastro.remove(\'session_id\t\',{})`}}]}}})"> 100 <div class="col-3"> 101 <img src="/assets/images/svg-sair.svg"> 102 </div> 103 <div class="col align-self-center px-0"> 104 <p class="align-self-center mt-3 fw-bold">Sair</p> 105 </div> 106 </div> 107 </a> 108 </div> 109 </div> 110 </div> 111 </div> 112 </div> 113 </header> 114 <!-- Wappler include head-page="layouts/cadastro" fontawesome_5="cdn" bootstrap5="custom" is="dmx-app" id="formulario" appConnect="local" components="{dmxBootstrap5Modal:{},dmxValidator:{},dmxNotifications:{},dmxFormatter:{},dmxTyped:{},dmxMediumEditor:{},dmxFormRepeat:{},dmxBrowser:{},dmxPreloader:{}}" --> 115<meta name="ac:route" content="/cadastro"> 116 117 118<div class="container"> 119 120 <dmx-serverconnect id="sc_tipo_doc" url="/api/cadastro-motorista/tipo_documento/listar_tipos_doc"></dmx-serverconnect> 121 <dmx-serverconnect id="sc_envio_email" url="/api/cadastro-motorista/cadastro_motorista/envio_confirmacao_email" dmx-param:moto_email="scf_cadastro.inp_moto_email.value" noload="true"></dmx-serverconnect> 122 <dmx-serverconnect id="sc_usuarios" noload="true" url="/api/cadastro-motorista/cadastro-motorista/cadastro_usuarios/crud"></dmx-serverconnect> 123 <dmx-serverconnect id="sc_viacep" url="/api/integracoes/viacep" noload="true" dmx-on:invalid="notifie_cadastro.danger('Ops! Não encontrados nenhum endereço com esse CEP.')"></dmx-serverconnect> 124</div> 125 126 127<main class="auth-page auth-page-form"> 128 <section class="container auth-shell auth-shell-wide"> 129 <div class="row g-4 align-items-start"> 130 <div class="col-xl-4"> 131 <div class="auth-hero-panel h-100 auth-sticky-panel">
132 <span class="lp-badge mb-3 d-inline-flex">Cadastro de motorista</span> 133 <h1 class="auth-title">Crie sua conta e comece sua jornada com o Levaa.</h1> 134 <p class="auth-description">Preencha seus dados iniciais para liberar as próximas etapas do cadastro e seguir com o envio dos documentos.</p> 135 <div class="auth-feature-list"> 136 <div class="auth-feature-item"> 137 <strong>Etapas organizadas</strong> 138 <span>Depois do cadastro inicial, você segue para confirmação de e-mail e envio de documentos.</span> 139 </div> 140 <div class="auth-feature-item"> 141 <strong>Análise mais ágil</strong> 142 <span>Dados preenchidos corretamente ajudam a reduzir retrabalho e acelerar sua aprovação.</span> 143 </div> 144 <div class="auth-feature-item"> 145 <strong>Suporte ao longo do processo</strong> 146 <span>Se precisar, nossa equipe pode orientar você nas próximas etapas.</span> 147 </div> 148 </div> 149 <div class="auth-side-note"> 150 <strong>Já tem cadastro?</strong> 151 <span>Acesse sua conta para continuar exatamente de onde parou.</span> 152 <a href="/acesso-motorista" class="auth-inline-link mt-2">Entrar na área do motorista</a> 153 </div> 154 </div> 155 </div> 156 <div class="col-xl-8"> 157 <section class="auth-form-card auth-form-card-lg position-relative"> 158 <div class="auth-form-header"> 159 <span class="auth-eyebrow">Criar conta</span> 160 <h2>Comece pelo cadastro inicial</h2> 161 <p>Preencha seus dados com atenção. Os campos marcados com * são obrigatórios.</p> 162 </div> 163 <form is="dmx-serverconnect-form" id="scf_cadastro" method="post" action="/api/cadastro-motorista/cadastro_motorista/crud_formulario" dmx-generator="bootstrap5" dmx-form-type="vertical" dmx-on:success="run([{run:{outputType:'text',action:`notifie_demorado.success(\'Acesse com login e senha para continuar seu cadastro.\');notifie_demorado.success(scf_cadastro.data.sucesso)`}},{run:{outputType:'text',action:`preloader1.hide()`}},{wait:{delay:2000}},{run:{outputType:'text',action:`sc_envio_email.load({moto_email: inp_moto_email.value},true)`}},{run:{outputType:'text',action:`deslogar_cadastro.goto(\'/verificacao-acesso/\')`}}])" dmx-on:error="preloader1.hide();notifie_cadastro.danger('Ops, não conseguimos cadastrar suas informações. Verifique os dados e tente novamente mais tarde.')" dmx-on:forbidden="preloader1.hide();notifie_cadastro.danger('Já temos um usuário cadastrado com esse e-mail.')" dmx-on:submit="preloader1.show()"> 164 <div class="row"> 165 <div class="col-12"> 166 <div class="auth-section-title"> 167 <h3>Dados pessoais</h3> 168 <p>Essas informações são usadas para criar sua conta e identificar seu perfil na plataforma.</p> 169 </div> 170 </div> 171 <div class="col-12"> 172 <div class="form-group mb-3 auth-field"> 173 <label for="inp_moto_nome">Nome completo <span style="color: red;">*</span></label> 174 <input type="text" class="form-control p-3 auth-input" id="inp_moto_nome" name="moto_nome" aria-describedby="inp_moto_nome_help" placeholder="Digite seu nome completo" required="" data-msg-required="Campo obrigatório." minlength="6" data-msg-minlength="O nome deve conter no mÃnimo 6 letras"> 175 </div> 176 </div> 177 <div class="col-12 d-inline"> 178 <div class="form-check auth-radio-group"> 179 <div class="row mb-3"> 180 <div class="col-3"> 181 <input class="form-check-input" type="radio" value="
1810" id="bras" name="mot_nacionalidade" checked> 182 <label class="form-check-label" for="bras">Brasileiro</label> 183 </div> 184 <div class="col-9"> 185 <input class="form-check-input" type="radio" value="1" id="estran" name="mot_nacionalidade"> 186 <label class="form-check-label" for="estran">Estrangeiro</label> 187 </div> 188 </div> 189 </div> 190 </div> 191 <div class="col-12"> 192 <div class="form-group mb-3 auth-field"> 193 <label for="mot_tipo_doc">Documento principal</label> 194 <select id="mot_tipo_doc" class="form-select p-3 auth-input" dmx-bind:options="sc_tipo_doc.data.query" optiontext="tpdoc_nome" optionvalue="tpdoc_id" name="mot_tipo_doc"> 195 </select> 196 </div> 197 </div> 198 <input type="hidden" name="moto_cpf" dmx-bind:value="cpf.value!=''?cpf.value:passaporte.value!=''?passaporte.value.uppercase():cnh.value!=''?cnh.value:rnm.value!=''?rnm.value.uppercase():''"> 199 <div class="col-12"> 200 <div class="form-group mb-3 auth-field" dmx-show="mot_tipo_doc.value==1"> 201 <label for="cpf">CPF</label> 202 <input type="text" class="form-control p-3 cpf auth-input" id="cpf" name="cpf" aria-describedby="cpf_help" placeholder="000.000.000-00" minlength="14" data-msg-minlength="Número do documento inválido!"> 203 </div> 204 <div class="form-group mb-3 auth-field" dmx-show="mot_tipo_doc.value==2"> 205 <label for="passaporte">Passaporte</label> 206 <input type="text" class="form-control p-3 passaporte auth-input" id="passaporte" name="passaporte" aria-describedby="passaporte_help" placeholder="Numero do passaporte"> 207 </div> 208 <div class="form-group mb-3 auth-field" dmx-show="mot_tipo_doc.value==3"> 209 <label for="rnm">RNM</label> 210 <input type="text" class="form-control p-3 rnm input-upper auth-input" id="rnm" name="rnm" aria-describedby="rnm_help" placeholder="Digite o RNM" minlength="9" data-msg-minlength="Número do documento inválido!"> 211 </div> 212 <div class="form-group mb-3 auth-field" dmx-show="mot_tipo_doc.value==4"> 213 <label>CNH</label> 214 <input type="hidden" name="mot_cnh" class="form-control" dmx-bind:value="cnh.value"> 215 <input type="text" class="form-control p-3 cnhRenavam auth-input" id="cnh" name="cnh" aria-describedby="cnh_help" placeholder="Digite o numero da CNH" minlength="9"> 216 </div> 217 </div> 218 <div class="col-12 mb-3 auth-field"> 219 <label for="mot_dtnasc" class="text-black text-start">Data de nascimento</label> 220 <input type="date" id="mot_dtnasc" class="form-control py-3 auth-input" placeholder="Data de nascimento" name="mot_dtnasc" dmx-bind:value="sc_consulta.data.query.mot_dtnasc.toISODate()"> 221 </div> 222 <div class="col-3"> 223 <div class="form-group mb-3 auth-field"> 224 <label for="inp_moto_ddi">DDI</label> 225 <input type="text" class="form-control p-3 ddi auth-input" id="inp_moto_ddi" name="moto_ddi" aria-describedby="inp_moto_ddi_help" placeholder="+55" dmx-bind:value="bras.checked?'+55':''"> 226 </div> 227 </div> 228 <div class="col-9"> 229 <div class="form-group mb-3 auth-field"> 230 <label for="inp_moto_telefone">DDD e número de telefone <span style="color: red;">*</span></label> 231 <input type="text" class="form-control p-3 telefone auth-input" id="inp_moto_telefone" name="moto_telefone" aria-describedby="inp_moto_telefone_help" placeholder="(00) 00000-0000" required="" data-msg-required="Campo obrigatório." minlength="13" data-msg-minlength="Número de telefone incompleto."> 232 </div> 233 </div> 234 <div class="col-12 mt-2"> 235 <div class="auth-section-title"> 236 <h3>Endereço e contato</h3> 237 <p>Informe seu CEP para buscarmos o endereço e completar os campos necessários.</p> 238 </div> 239 </div> 240 <div class="col-12"> 241 <div class="form-group mb-3 auth-field"> 242 <label for="inp_moto_cep">CEP <span style="color: red;">*</span></label> 243 <input type="text" class="form-control p-3 cep auth-input" id="inp_moto_cep" name="moto_cep" aria-describedby="inp_moto_cep_help" placeholder="00000-000" required="" data-msg-required="Campo obrigatório." dmx-on:blur="run([{run:{outputType:'text',action:`sc_viacep.load({cep: value.replace(\'-\', \'\')})`}},{run:{outputType:'text',action:`modal_cep.toggle()`}}
243,{run:{outputType:'text',action:`modal_cep.mot_num.focus()`}},{run:{outputType:'text',action:`notifie_centralizado.info(\'Estamos carregando, aguarde...\')`}},{wait:{delay:1000}},{condition:{outputType:'boolean',if:`sc_viacep.data.api.data.uf`,then:{steps:[{wait:{delay:1000}},{condition:{outputType:'boolean',if:`sc_viacep.data.mensagem`,then:{steps:{run:{outputType:'text',action:`notifie_centralizado.warning(sc_viacep.data.mensagem)`}}},else:{steps:{run:{outputType:'text',action:`notifie_centralizado.info(\'Dados do endereço encontrado.\')`}}}}}]}}}])" minlength="9" data-msg-minlength="CEP inválido."> 244 </div> 245 </div> 246 <div class="col-12 d-none" id="endereco-formatado"> 247 <div class="auth-address-preview"> 248 <div class="auth-address-preview-header"> 249 <div> 250 <span class="auth-address-preview-eyebrow">Endereço confirmado</span> 251 <h4 class="mb-0">Confira o endereço que será usado no cadastro</h4> 252 </div> 253 <button type="button" class="auth-address-remove" id="btnexcluirendereco" dmx-on:click="inp_moto_cep.setValue();inp_moto_estado.setValue();inp_moto_localidade.setValue();inp_moto_bairro.setValue();inp_moto_logradouro.setValue();inp_moto_numero.setValue();inp_moto_uf.setValue();inp_moto_complemento.setValue();modal_cep_inp_moto_estado.setValue();modal_cep.inp_moto_localidade2.setValue();modal_cep.inp_moto_bairro2.setValue();modal_cep.inp_moto_logradouro2.setValue();modal_cep.inp_moto_numero2.setValue();modal_cep.inp_moto_uf2.setValue();modal_cep.inp_moto_complemento2.setValue()" aria-label="Remover endereço confirmado"> 254 <img src="/assets/images/x-circle.svg" alt="Remover endereço"> 255 </button> 256 </div> 257 <textarea id="text_endereco" class="auth-address-textarea" readonly="true" rows="3"></textarea> 258 </div> 259 </div> 260 <div class="col-12"> 261 <div class="form-group mb-3 auth-field"> 262 <label for="moto_email">E-mail <span style="color: red;">*</span></label> 263 <input type="text" class="form-control p-3 auth-input" id="inp_moto_email" name="moto_email" aria-describedby="inp_moto_email_help" placeholder="[email protected]" required="" data-rule-email="" data-msg-email="Por favor, digite um e-mail válido." data-msg-required="Campo obrigatório." autocomplete="username"> 264 </div> 265 </div> 266 <div class="col-12 mt-2"> 267 <div class="auth-section-title"> 268 <h3>Senha de acesso</h3> 269 <p>Crie uma senha forte para acessar sua conta e continuar o cadastro depois.</p> 270 </div> 271 </div> 272 <div class="col-12"> 273 <div class="form-group mb-3 position-relative auth-field"> 274 <label for="moto_senha">Crie uma senha <span style="color: red;">*</span></label> 275 276 <input type="password" class="form-control p-3 pswd1 auth-input auth-input-password" id="moto_senha" name="moto_senha" aria-describedby="inp_moto_senha_help" placeholder="Crie uma senha segura" required="" data-msg-required="Senha inválida." data-rule-pattern="(?=^.{8,}$)((?=.*\d)(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" data-rule-equalto="senha" data-msg-equalto="As senhas devem ser iguais." data-msg-pattern="Formato inválido." autocomplete="current-password"> 277 278 <div class="view-pswd"> 279 <i class="far fa-eye-slash position-absolute fa-lg auth-password-icon auth-password-icon-offset" alt="Ãcone para visualizar senha"></i> 280 </div> 281 </div> 282 </div> 283 <div class="col-12 "> 284 <div class="form-group mb-3 position-relative auth-field"> 285 <label for="senha">Confirme sua senha <span style="color: red;">*</span></label> 286 <input type="password" class="form-control p-3 pswd2 auth-input auth-input-password" id="senha" name="senha" aria-describedby="inp_moto_senha2_help" placeholder="Repita a senha criada" required="" data-msg-required="Senha inválida." data-rule-equalto="moto_senha" data-msg-equalto="As senhas devem ser iguais." autocomplete="current-password"> 287 <div class="view-pswd"> 288 <i class="far fa-eye-slash position-absolute fa-lg auth-password-icon auth-password-icon-offset" alt="Ãcone para visualizar senha"></i> 289 </div> 290 </div> 291 </div> 292 <div class="d-none"> 293 <div class="col-12"> 294 <div class="form-group mb-3"> 295 <input type="text" class="form-control p-3 visually-hidden" id="inp_moto_estado" name="moto_estado" aria-describedby="inp_moto_estado_help" placeholder="Estado" style="background-color: #dfdfdf;" dmx-bind:value="sc_viacep.data.api_viacep.data.uf"> 296 </div> 297 </div> 298 <div class="col-12"> 299 <div class="form-group mb-3"> 300 <input type="text" class="form-control p-3 visually-hidden" id="inp_moto_localidade" name="moto_localidade" aria-describedby="inp_moto_localidade_help" placeholder="MunicÃpio" style="background-color: #dfdfdf;" dmx-bind:value="sc_viacep.data.api_viacep.data.localidade"> 301 </div> 302 </div> 303 <div class="col-12"> 304 <div class="form-group mb-3"> 305 <input type="text" class="form-control p-3 visually-hidden" id="inp_moto_bairro" name="moto_bairro" aria-describedby="inp_moto_bairro_help" placeholder="Bairro" style="background-color: #dfdfdf;" dmx-bind:value="sc_viacep.data.api_viacep.data.bairro!=''?sc_viacep.data.api_viacep.data.bairro:modal_
305cep.inp_moto_bairro2.value"> 306 </div> 307 </div> 308 <div class="col-9"> 309 <input type="text" class="form-control p-3 visually-hidden" id="inp_moto_logradouro" name="moto_logradouro" aria-describedby="inp_moto_logradouro_help" placeholder="Endereço" style="background-color: #dfdfdf;" dmx-bind:value="sc_viacep.data.api_viacep.data.logradouro!=''?sc_viacep.data.api_viacep.data.logradouro:modal_cep.inp_moto_logradouro2.value"> 310 </div> 311 <div class="col-3"> 312 <div class="form-group mb-3"> 313 <input type="text" class="form-control p-3 visually-hidden" id="inp_moto_numero" name="moto_numero" aria-describedby="inp_moto_numero_help" placeholder="N°" style="background-color: #dfdfdf;" dmx-bind:value="modal_cep.inp_moto_numero2.value"> 314 </div> 315 </div> 316 <div class="col-12 visually-hidden"> 317 <div class="form-group mb-3"> 318 <input type="text" class="form-control p-3" id="inp_moto_uf" name="moto_uf" aria-describedby="inp_moto_uf_help" placeholder="Enter Moto uf" style="background-color: #dfdfdf;" dmx-bind:value="sc_viacep.data.api_viacep.data.uf"> 319 </div> 320 </div> 321 <div class="col"> 322 <div class="form-group mb-3"> 323 <input type="text" class="form-control p-3 visually-hidden" id="inp_moto_complemento" aria-describedby="inp_moto_complemento_help" placeholder="Complemento" style="background-color: #dfdfdf;" dmx-bind:value="sc_viacep.data.api_viacep.data.complemento!=''?sc_viacep.data.api_viacep.data.complemento:modal_cep.inp_moto_complemento2.value" name="moto_complemento"> 324 </div> 325 </div> 326 </div> 327 </div> 328 <div class="form-group mb-3 auth-form-actions"> 329 <div class="row"> 330 <div class="col ajuda_senha1 mb-3 auth-password-help"> 331 </div> 332 </div> 333 <button class="btn btn-primary w-100 text-white p-3 auth-submit-btn" dmx-bind:disabled="state.executing" dmx-on:click="run({condition:{outputType:'boolean',if:`scf_cadastro.inp_moto_estado.value==\'\'||scf_cadastro.inp_moto_localidade.value==\'\'||scf_cadastro.inp_moto_bairro.value==\'\'||scf_cadastro.inp_moto_logradouro.value==\'\'||scf_cadastro.inp_moto_numero.value==\'\'||scf_cadastro.inp_moto_uf.value==\'\'`,then:{steps:{run:{outputType:'text',action:`notifie_cadastro.warning(\'Alguns campos obrigatórios faltam ser preenchidos.\');modal_cep.toggle();scf_cadastro.submit();preloader1.hide()`}}},else:{steps:{condition:{outputType:'boolean',if:`inp_moto_nome.value&&inp_moto_telefone.value&&inp_moto_email.value&&moto_senha.value&&senha.value`,then:{steps:{condition:{outputType:'boolean',if:`moto_senha.value==senha.value`,then:{steps:{run:{outputType:'text',action:`scf_cadastro.submit()`}}},else:{steps:{run:{outputType:'text',action:`notifie_cadastro.warning(\'As senhas digitadas são diferentes.\');scf_cadastro.submit();preloader1.hide()`}}}}}},else:{steps:{run:{outputType:'text',action:`notifie_cadastro.warning(\'Alguns campos obrigatórios faltam ser preenchidos.\');scf_cadastro.submit();preloader1.hide()`}}}}}}}})">Criar conta <span class="spinner-border spinner-border-sm ms-2" role="status" dmx-show="state.executing"></span></button> 334 <div class="auth-footer-note mt-3"> 335 <p class="mb-0">Ao criar sua conta, você avança para a confirmação de e-mail e para as próximas etapas do cadastro.</p> 336 </div> 337 </div> 338 </form> 339 </section> 340 </div> 341 </div> 342 </section> 343 <div id="faded" class="hide faded"></div> 344</main> 345<div class="container" id="modais"> 346 <dmx-notifications id="notifie_centralizado" align="center" style="z-index:9999999 !important;" offset-y="190" closable="true" timeout="2000"></dmx-notifications> 347 <div class="modal fade" id="modal_cep" is="dmx-bs5-modal" tabindex="-1" nokeyboard="true" nocloseonclick="true" dmx-on:shown-bs-modal="inp_moto_numero2.focus()">
348 <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> 349 <div class="modal-content auth-modal-content"> 350 <div class="modal-header auth-modal-header d-flex align-items-center justify-content-between"> 351 <button type="button" class="auth-modal-back border-0" data-bs-dismiss="modal" aria-label="Close" dmx-on:click="modal_cep_inp_moto_estado.setValue();inp_moto_localidade2.setValue();inp_moto_bairro2.setValue();inp_moto_logradouro2.setValue();inp_moto_numero2.setValue();inp_moto_uf2.setValue();inp_moto_complemento2.setValue();scf_cadastro.inp_moto_cep.setValue()"><i class="fas fa-angle-left"></i></button> 352 <div class="auth-modal-title-wrap text-center"> 353 <span class="auth-modal-eyebrow">Confirmacao de endereco</span> 354 <h5 class="modal-title mx-0">Confirmar CEP</h5> 355 </div> 356 <div class="auth-modal-spacer"></div> 357 </div> 358 <div class="modal-body auth-modal-body"> 359 <div class="auth-modal-intro text-center"> 360 <h4 class="mb-2">Confira os dados do endereco encontrado</h4> 361 <p class="mb-0">Revise as informações abaixo antes de continuar. Se necessário, você pode ajustar os campos manualmente.</p> 362 </div> 363 <div class="row mx-auto auth-modal-grid"> 364 <div class="col-3"> 365 <div class="form-group mb-3 auth-field"> 366 <label for=" ">UF <span style="color: red;">*</span></label> 367 <input type="text" class="form-control p-3 auth-input" id="modal_cep_inp_moto_estado" name="moto_estado" aria-describedby="inp_moto_estado_help" dmx-bind:value="sc_viacep.data.api.data.uf?sc_viacep.data.api.data.uf:value" required="" data-msg-required="Campo obrigatório." maxlength="2" data-msg-maxlength=""> 368 </div> 369 </div> 370 <div class="col-9"> 371 <div class="form-group mb-3 auth-field"> 372 <label for=" ">Cidade <span style="color: red;">*</span></label> 373 <input type="text" class="form-control p-3 auth-input" id="inp_moto_localidade2" name="moto_localidade2" aria-describedby="inp_moto_localidade_help" placeholder="Cidade" dmx-bind:value="sc_viacep.data.api.data.localidade?sc_viacep.data.api.data.localidade:value" required="" data-msg-required="Campo obrigatório."> 374 </div> 375 </div> 376 <div class="col-12"> 377 <div class="form-group mb-3 auth-field"> 378 <label for=" ">Bairro <span style="color: red;">*</span></label> 379 <input type="text" class="form-control p-3 auth-input" id="inp_moto_bairro2" name="moto_bairro2" aria-describedby="inp_moto_bairro_help" placeholder="Bairro" dmx-bind:value="sc_viacep.data.api.data.bairro?sc_viacep.data.api.data.bairro:value" required="" data-msg-required="Campo obrigatório."> 380 </div> 381 </div> 382 <div class="col-12"> 383 <div class="form-group mb-3 auth-field"> 384 <label for=" ">Endereço <span style="color: red;">*</span></label> 385 <input type="text" class="form-control p-3 auth-input" id="inp_moto_logradouro2" name="moto_logradouro2" aria-describedby="inp_moto_logradouro_help" placeholder="Endereco" dmx-bind:value="sc_viacep.data.api.data.logradouro?sc_viacep.data.api.data.logradouro:value"> 386 </div> 387 </div> 388 <div class="col-4"> 389 <div class="form-group mb-3 auth-field"> 390 <label for=" ">Número <span style="color: red;">*</span></label> 391 <input class="form-control p-3 moto_numero auth-input" id="inp_moto_numero2" name="moto_numero" aria-describedby="inp_moto_numero_help" placeholder="Numero" maxlength="10" required="" data-msg-required="Campo obrigatório." data-msg-maxlength=""> 392 </div> 393 </div> 394 <div class="col-12 visually-hidden"> 395 <div class="form-group mb-3"> 396 <input type="text" class="form-control p-3" id="inp_moto_uf2" name="moto_uf" aria-describedby="inp_moto_uf_help" placeholder="Enter Moto uf" dmx-bind:value="sc_viacep.data.api.data.uf"> 397 </div> 398 </div> 399 <div class="col-8"> 400 <div class="form-group mb-3 auth-field"> 401 <label for=" ">Complemento</label> 402 <input type="text" class="form-control p-3 auth-input" id="inp_moto_complemento2" name="moto_complemento2" aria-describedby="inp_moto_complemento_help" placeholder="Apartamento, bloco, referencia" dmx-bind:value="sc_viacep.data.api.data.complemento?sc_viacep.data.api.data.complemento:value"> 403 </div> 404 </div> 405 </div> 406 </div> 407 <div class="modal-footer auth-modal-footer"> 408 <button type="button" class="btn auth-modal-secondary fw-bold px-4 py-3" data-bs-dismiss="modal" dmx-on:click="scf_cadastro.inp_moto_cep.setValue();inp_moto_estado.setValue();inp_moto_localidade.setValue();inp_moto_bairro.setValue();inp_moto_logradouro.setValue();inp_moto_numero.setValue();inp_moto_uf.setValue();inp_moto_complemento.setValue();inp_moto_localidade2.setValue();inp_moto_bairro2.setValue();inp_moto_logradouro2.setValue();inp_moto_numero2.setValue();inp_moto_uf2.setValue();inp_moto_complemento2.setValue();scf_cadastro.inp_moto_cep.focus()">Alterar CEP</button> 409 <button type="button" class="btn btn-primary auth-modal-primary px-5 py-3 fw-bold text-white" dmx-on:click="scf_cadastro.text_endereco.setValue(inp_moto_logradouro2.value+', '+inp_moto_numero2.value+', '+inp_moto_bairro2.value+', '+inp_moto_localidade2.value+' - '+inp_moto_uf2.value);modal_cep.toggle();scf_cadastro.inp_moto_estado.setValue(modal_cep_inp_moto_estado.value);
409scf_cadastro.inp_moto_localidade.setValue(inp_moto_localidade2.value);scf_cadastro.inp_moto_bairro.setValue(inp_moto_bairro2.value);scf_cadastro.inp_moto_logradouro.setValue(inp_moto_logradouro2.value);scf_cadastro.inp_moto_numero.setValue(inp_moto_numero2.value);scf_cadastro.inp_moto_uf.setValue(inp_moto_uf2.value);scf_cadastro.inp_moto_complemento.setValue(inp_moto_complemento2.value)" id="btnsalvarmodal">Usar este endereco</button> 410 </div> 411 </div> 412 </div> 413 </div> 414</div> 415
416<script> 417 function salvarCookies(timeSpent){ 418 Cookies.set('timeSpentFormCadastro', timeSpent, { expires: 7, path: '' }); 419 } 420 421 let startTime; 422 423 document.addEventListener('DOMContentLoaded', () => { 424 startTime = Date.now(); 425 }); 426 427 window.addEventListener('beforeunload', () => { 428 const endTime = Date.now(); 429 const timeSpent = Math.round((endTime - startTime) / 1000); 430 salvarCookies(timeSpent) 431 }); 432 433 const mot_tipo_doc = document.querySelector('#mot_tipo_doc'); 434 const inp_moto_cpf = document.querySelector('#cpf').value; 435 436 mot_tipo_doc.addEventListener('change', (e)=>{ 437 console.log(inp_moto_cpf) 438 const selecionado = e.target.value 439 if(selecionado == 1){ 440 document.querySelector('#passaporte').value = '' 441 document.querySelector('#rnm').value = '' 442 document.querySelector('#cnh').value = '' 443 444 } else if(selecionado == 2){ 445 document.querySelector('#cpf').value = '' 446 document.querySelector('#rnm').value = '' 447 document.querySelector('#cnh').value = '' 448 449 } else if(selecionado == 3){ 450 document.querySelector('#cnh').value = '' 451 document.querySelector('#passaporte').value = '' 452 document.querySelector('#cpf').value = '' 453 } else{ 454 455 document.querySelector('#cpf').value = '' 456 document.querySelector('#rnm').value = '' 457 document.querySelector('#passaporte').value = '' 458 } 459 }) 460</script>
460 461 462 </div> 463
463<script src="/assets/js/mask/jquery.mask.js" defer="" charset="utf-8"></script>
463 464
464<script src="/assets/js/mask/mask.js" defer="" charset="utf-8"></script>
464 465
465<script src="/assets/js/script-index.js"></script>
465 466
466<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
466 467
467<script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
467 468</body> 469 470</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.