</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Pre loader --> <div id="loader" class="loader"> <div class="plane-container"> <div class="preloader-wrapper small active"> <div class="spinner-layer spinner-blue"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-red"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-yellow"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-green"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div> </div> </div> <!-- end Pre loader --> <div class="page parallel"> <div class="d-flex row"> <div class="col-md-6 col-lg-4 white pr-0"> <div class="p-5 p-b-0 mt-5 text-center"> <img height="100px" src="https://app.tivalsa.com/svg/tivalsa-logo-h-color.svg" alt="" /> </div> <div class="p-5"> <form method="POST" id="register" action="https://app.tivalsa.com/register" class="needs-validation" novalidate> <input type="hidden" name="_token" value="F2nr4IX1AeZ7DPTu9uQ0r1UV25Gxt8CWWZjEbkSr"> <div id="app2"> <register></register> <sucursal-asesor></sucursal-asesor> <lead-source-code></lead-source-code> </div> <div class="row"> <div class="col-sm-6"> <button type="submit" id="registerbtn" class="btn btn-primary btn-lg btn-block mg-b-20"> Crear Nuevo Usuario </button> </div> <div class="col-sm-6"> <div class="text-center"> <p class="mg-b-0"> Si ya tienes un usuario haz click en <a class="btn btn-link text-orange p-0" href="https://app.tivalsa.com/login"> <i class="fal fa-sign-in mg-r-5"></i> Iniciar Sesión </a> </p> </div> </div> </div> </form> </div> </div> <div class="col-md-6 col-lg-8 height-full align-self-center text-center d-none d-md-block" data-bg-repeat="false" style="background:url(https://app.tivalsa.com/img/portada.jpg) no-repeat right #56a451; background-size:cover;"> </div> </div> </div> <!--jquery include --> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <!--bootstrap include for collapse use --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <!-- Hotjar Tracking Code for https://app.Tivalsa.com.do/ --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-S1FBHMBC6Q"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S1FBHMBC6Q'); </script> <!--custom js --> <script src="https://app.tivalsa.com/js/custom.js"></script> <!-- custom assets includes --> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <!-- vue include --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/v-mask/dist/v-mask.min.js"></script> <script> Vue.component('register', { template: //html ` <div> <div class="row"> <div class="col-sm-6"> <div class="form-group mb-0 has-icon"> <i class="fal fa-user"></i> <input type="text" class="form-control mb-3 mb-sm-0 form-control-lg " placeholder="Nombres" value="" name="name" autocomplete="name" required autofocus> </div> </div> <div class="col-sm-6"> <div class="form-group mb-0 has-icon"> <i class="fal fa-user"></i> <input type="text" class="form-control form-control-lg " placeholder="Apellidos" value="" name="lastname" autocomplete="lastname" required autofocus> </div> </div> <div class="col-sm-12 mb-3"><small class="text-primary">Sus nombres y apellidos deben ser igual a su documento de identidad.</small></div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group has-icon"> <i class="fal fa-phone"></i> <input type="text" class="form-control form-control-lg " placeholder="Introduce un teléfono celular" value="" v-model="mobilephone" name="mobilephone" autocomplete="mobilephone" v-mask="'###-###-####'" pattern=".{12}" required> </div> </div> </div> <div class="form-group has-icon"> <i class="fal fa-envelope"></i> <input type="email" class="form-control form-control-lg " placeholder="Introduce un correo electrónico" value="" name="email" autocomplete="email" required> </div> <div class="form-group has-icon"> <i class="fal fa-lock-alt"></i> <input type="password" class="form-control form-control-lg " name="password" placeholder="Contraseña (Mínimo 8 caracteres)" required> </div> <div class="form-group has-icon"> <i class="fal fa-lock-alt"></i> <input type="password" id="password-confirm" class="form-control form-control-lg " name="password_confirmation" placeholder="Confirma tu contraseña" required> <small><a data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">¿Cómo debe ser mi contraseña?</a></small> <div id="collapseExample" class="collapse"> <div class="alert alert-info mb-0" role="alert"> <ul class="icons"> <li class="mb-0">8 caracteres como mínimo</li> <li class="mb-0">Al menos una minúscula</li> <li class="mb-0">Al menos una mayúscula</li> <li class="mb-0">Al menos un número</li> <li class="mb-0">Al menos un caracter especial (@$!%*#?&)</li> </ul> </div> </div> </div> </div> `, data(){ return{ tipoIdentificacion: '', identificacion: '', mask:{ cedula:'###-#######-#', tel:'###-###-####', }, mobilephone:'' } }, methods:{ } }); Vue.component('identificacion', { template: //html ` <div class="row"> <div class="col-sm-6"> <div class="form-group has-icon"> <i class="fal fa-id-card"></i> <select name="tipoIdentificacion" id="tipoIdentificacion" class="form-control" v-model="tipoIdentificacion" data-placeholder="Selecciona una identificación" required> <option value="" hidden>Selecciona una identificación</option> <option value="cedula">Cédula</option> <option value="pasaporte">Pasaporte</option> </select> </div> </div> <div class="col-sm-6"> <div class="form-group has-icon"> <i class="fal fa-hashtag"></i> <input type="text" :placeholder="tipoIdentificacion === 'cedula' ? '___-_______-_' : '____________________'" v-mask="tipoIdentificacion === 'cedula' ? '###-#######-#' : 'NNNNNNNNNNNNNNNNNNNN'" v-model="identificacion" class="form-control form-control-lg " value="" name="identificacion" id="identificacion" autocomplete="identificacion" required autofocus> </div> </div> </div> `, data(){ return{ tipoIdentificacion: '', identificacion: '', mask:{ cedula:'###-#######-#', tel:'###-###-####', }, } }, }); Vue.component('sucursal-asesor', { template: //html ` <div class="row"> <!--<div class="col-sm-12"> <div class="form-group has-icon"> <i class="fal fa-building"></i> <select name="sucursal" @change="checkAsesores" v-model="data.sucursal" id="sucursal" class="form-control" data-placeholder="Selecciona la sucursal de su preferencia" required> <option value="" hidden>Selecciona la sucursal de su preferencia</option> </select> </div> </div>--> <div class="col-sm-12"> <div class="form-group has-icon"> <i class="fal fa-hands-helping"></i> <select name="asesor" v-model="data.asesor" id="asesor" class="form-control" data-placeholder="Selecciona quién quieres que te asista" required> <option value="" hidden>Selecciona quién quieres que te asista</option> <option v-for="(value,index) in data.asesores_list" :key="index" :value="value.split('|')[0]">{{value.split('|')[1]}}</option> <option value="NULL">Asignar según su perfil</option> </select> <small class="text-primary"><a href="https://tivalsa.com/conocenos/#Corredores" target="_blank">Conoce nuestros asesores</a></small> </div> </div> </div> `, data(){ return{ data: { sucursal: '', asesor: '', asesores: '', asesores_list: [], }, } }, created() { this.data.asesores = [{"Attributes":{"systemuserid":"3aeba5cf-470f-ec11-b6e6-000d3a1323f1","deletedstate":0,"fullname":"Paulette Ferreira","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":4,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"3aeba5cf-470f-ec11-b6e6-000d3a1323f1"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n aceptada","businessunitid":"Tivalsa-PROD"},"Id":"3aeba5cf-470f-ec11-b6e6-000d3a1323f1","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"fca9a2a8-63f1-ec11-bb3d-000d3a1ef463","deletedstate":0,"fullname":"Carlos Armenteros","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"fca9a2a8-63f1-ec11-bb3d-000d3a1ef463"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"fca9a2a8-63f1-ec11-bb3d-000d3a1ef463","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"5d641339-8341-ec11-8c62-000d3a4ebf1c","deletedstate":0,"fullname":"Paola Romero","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"5d641339-8341-ec11-8c62-000d3a4ebf1c"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"5d641339-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"87641339-8341-ec11-8c62-000d3a4ebf1c","deletedstate":0,"fullname":"Mariel Villalona","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"87641339-8341-ec11-8c62-000d3a4ebf1c"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"87641339-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"8733153f-8341-ec11-8c62-000d3a4ebf1c","deletedstate":0,"fullname":"Laura Mercedes","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"8733153f-8341-ec11-8c62-000d3a4ebf1c"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"8733153f-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"8b33153f-8341-ec11-8c62-000d3a4ebf1c","deletedstate":0,"fullname":"Laura And\u00fajar","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"8b33153f-8341-ec11-8c62-000d3a4ebf1c"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"8b33153f-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"8e33153f-8341-ec11-8c62-000d3a4ebf1c","deletedstate":0,"fullname":"Kimberly Garcia","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"8e33153f-8341-ec11-8c62-000d3a4ebf1c"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"8e33153f-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"cb33153f-8341-ec11-8c62-000d3a4ebf1c","deletedstate":0,"fullname":"Edward Marte","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"cb33153f-8341-ec11-8c62-000d3a4ebf1c"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"cb33153f-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"d733153f-8341-ec11-8c62-000d3a4ebf1c","deletedstate":0,"fullname":"Alejandra Perez","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"d733153f-8341-ec11-8c62-000d3a4ebf1c"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"d733153f-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"f433153f-8341-ec11-8c62-000d3a4ebf1c","deletedstate":0,"fullname":"Aldo Cross","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"f433153f-8341-ec11-8c62-000d3a4ebf1c"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"f433153f-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"b489a590-d4cc-ed11-b597-0022482a49ac","deletedstate":0,"fullname":"Victoria Mesa","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"b489a590-d4cc-ed11-b597-0022482a49ac"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"b489a590-d4cc-ed11-b597-0022482a49ac","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"d0d9d95e-eb9c-ed11-aad1-0022482a4d11","deletedstate":0,"fullname":"Junot Leoke","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"d0d9d95e-eb9c-ed11-aad1-0022482a4d11"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"d0d9d95e-eb9c-ed11-aad1-0022482a4d11","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"77e37798-3d61-ee11-be6e-6045bdd52d38","deletedstate":0,"fullname":"Tanisha Espinal","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"77e37798-3d61-ee11-be6e-6045bdd52d38"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"77e37798-3d61-ee11-be6e-6045bdd52d38","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"systemuserid":"3e87eaf9-e645-ee11-be6d-6045bdd735d9","deletedstate":0,"fullname":"Jenniffer Ramirez","azurestate":0,"positionid":{"Name":"Asesor de inversi\u00f3n","Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"invitestatuscode":0,"businessunitid":{"Name":"Tivalsa-PROD","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"ownerid":"3e87eaf9-e645-ee11-be6d-6045bdd735d9"},"FormattedValues":{"deletedstate":"No eliminado","azurestate":"Existe","positionid":"Asesor de inversi\u00f3n","invitestatuscode":"Invitaci\u00f3n no enviada","businessunitid":"Tivalsa-PROD"},"Id":"3e87eaf9-e645-ee11-be6d-6045bdd735d9","LogicalName":"systemuser","KeyAttributes":null}]; // colocar a paulette (primer asesor) de ultimo en la lista this.data.asesores.push(this.data.asesores. shift()); $.each(this.data.asesores, (i,v) => { this.data.asesores_list.push(v.Id + '|' + v.Attributes.fullname) }); }, methods: { checkAsesores(){ this.data.asesores_list = []; $.each(this.data.asesores, (i,v) => { if(this.data.sucursal == v.Attributes.businessunitid.Id){ this.data.asesores_list.push(v.Id + '|' + v.Attributes.fullname) } }); } }, }); Vue.component('lead-source-code', { template: //html ` <div class="row"> <div class="col-sm-12"> <div class="form-group has-icon"> <i class="fal fa-bullhorn"></i> <select name="leadsourcecode" v-model="data.leadsourcecode" id="leadsourcecode" class="form-control" data-placeholder="¿Cómo se entero de Tivalsa?" required> <option value="" selected hidden>¿Cómo se entero de Tivalsa?</option> <option name="9" value="9">Comentarios de otras personas</option> <option name="10" value="10">Otro</option> <option name="8" value="8">Página Web</option> <option name="1" value="1">Anuncios</option> <option name="2" value="2">Referido</option> <option name="3" value="3">Instagram</option> <option name="4" value="4">Facebook</option> <option name="5" value="5">Radio</option> <option name="6" value="6">Evento Digital</option> <option name="7" value="7">Evento Presencial</option> </select> </div> </div> <div v-if="data.leadsourcecode == 2" class="col-sm-12"> <div class="form-group has-icon"> <i class="fal fa-bullhorn"></i> <input type="text" v-model="data.new_nombre_apellido_referidor" class="form-control form-control-lg " placeholder="Nombre de quien lo refirio" value="" name="new_nombre_apellido_referidor" autocomplete="new_nombre_apellido_referidor" required autofocus> </div> </div> <div class="col-sm-12 mb-3"> <div><div class="g-recaptcha" data-sitekey="6LcJH1McAAAAAFk6nb9hWfZJgUWkfAcT1mSRxsSo" data-size="normal" data-theme="light" id="recaptcha-element"></div></div> </div> </div> `, data(){ return{ data: { leadsourcecode: '', leadsourcecodes: [], }, } }, created() { this.data.leadsourcecodes = {"9":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Comentarios de otras personas","LanguageCode":3082,"MetadataId":"566a63a0-aba7-4ad8-b941-e8e8b766dca1","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Comentarios de otras personas","LanguageCode":3082,"MetadataId":"566a63a0-aba7-4ad8-b941-e8e8b766dca1","HasChanged":null}},"Value":9,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"10":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Otro","LanguageCode":3082,"MetadataId":"bc29e4f5-d5e6-46ce-91db-796ca7a6c51e","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Otro","LanguageCode":3082,"MetadataId":"bc29e4f5-d5e6-46ce-91db-796ca7a6c51e","HasChanged":null}},"Value":10,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"8":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"P\u00e1gina Web","LanguageCode":3082,"MetadataId":"b529ccfa-ddb8-43ad-b4b9-d798066e2e62","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"P\u00e1gina Web","LanguageCode":3082,"MetadataId":"b529ccfa-ddb8-43ad-b4b9-d798066e2e62","HasChanged":null}},"Value":8,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"1":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Anuncios","LanguageCode":3082,"MetadataId":"697c59ff-a948-4d9d-97c1-c4674c8b61fe","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Anuncios","LanguageCode":3082,"MetadataId":"697c59ff-a948-4d9d-97c1-c4674c8b61fe","HasChanged":null}},"Value":1,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"2":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Referido","LanguageCode":3082,"MetadataId":"b3efe7b5-1665-4f56-b52b-4dc1b92b3994","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Referido","LanguageCode":3082,"MetadataId":"b3efe7b5-1665-4f56-b52b-4dc1b92b3994","HasChanged":null}},"Value":2,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"3":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Instagram","LanguageCode":3082,"MetadataId":"646a8c9a-9ccc-4649-a977-fc0b6d58d270","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Instagram","LanguageCode":3082,"MetadataId":"646a8c9a-9ccc-4649-a977-fc0b6d58d270","HasChanged":null}},"Value":3,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"4":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Facebook","LanguageCode":3082,"MetadataId":"a3172709-9825-47e4-8e7e-edd84320559f","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Facebook","LanguageCode":3082,"MetadataId":"a3172709-9825-47e4-8e7e-edd84320559f","HasChanged":null}},"Value":4,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"5":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Radio","LanguageCode":3082,"MetadataId":"7af1226a-abb3-4c78-88f4-f165c2e57009","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Radio","LanguageCode":3082,"MetadataId":"7af1226a-abb3-4c78-88f4-f165c2e57009","HasChanged":null}},"Value":5,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"6":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Evento Digital","LanguageCode":3082,"MetadataId":"a45d68a6-5e9d-4c00-af3e-e3c4b8386f09","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Evento Digital","LanguageCode":3082,"MetadataId":"a45d68a6-5e9d-4c00-af3e-e3c4b8386f09","HasChanged":null}},"Value":6,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null},"7":{"Color":"","Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"IsManaged":true,"Label":{"LocalizedLabels":{"3082":{"IsManaged":true,"Label":"Evento Presencial","LanguageCode":3082,"MetadataId":"0c3d2ecc-ae2b-4ce2-96f0-da0620bae1e1","HasChanged":null}},"UserLocalizedLabel":{"IsManaged":true,"Label":"Evento Presencial","LanguageCode":3082,"MetadataId":"0c3d2ecc-ae2b-4ce2-96f0-da0620bae1e1","HasChanged":null}},"Value":7,"MetadataId":null,"ExternalValue":"","ParentValues":[],"Tag":null,"HasChanged":null}}; }, }); Vue.use(VueMask.VueMaskPlugin); const app = new Vue({ el: '#app2', data:{ titulo: 'Componentes' } }) </script> <script> (function() { 'use strict'; window.addEventListener('load', function() { // Fetch all the forms we want to apply custom Bootstrap validation styles to var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission var validation = Array.prototype.filter.call(forms, function(form) { form.addEventListener('submit', function(event) { if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } form.classList.add('was-validated'); }, false); }); }, false); })(); </script> </body> </html>