</ 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="d-none d-lg-block col-lg-7 height-full-2 pt-5 pb-5 pl-5 pr-2" data-bg-repeat="false" style="#001341; background-size:cover;"> <div class="col-sm-12 h-full guest-container p-5"> <!-- <div class="row"> <div class="flex-container"> <div> <img height="80px" src="https://appdev.interval.com.do/img/logo_full_h.png" alt="" /> </div> <div class="row"> <div class="col-sm-12"> <h1 class="text-white font-weight-bold text-uppercase guest-title"> Invertir acompañado <br>se siente diferente </h1> </div> </div> </div> </div> --> </div> </div> <div class="d-none d-lg-block col-lg-5 white pr-0"> <div class="p-5"> <h1 class="title mb-0">Abre tu cuenta</h1> <p class="mg-b-0 text-deep-blue font-weight-400 text-center"> Si ya tienes un usuario haz click en <a class="btn btn-link text-orange p-0 text-uppercase font-weight-400" href="https://appdev.interval.com.do/login"> Iniciar Sesión </a> </p> <form method="POST" id="register" action="https://appdev.interval.com.do/register" class="needs-validation mt-0" novalidate> <input type="hidden" name="_token" value="Wmd36pkjmt1r1TbE6jHNhiFCUxBo3OEfvQzrqsuI"> <div id="app2"> <register></register> <sucursal-asesor-tipodepersona></sucursal-asesor-tipodepersona> </div> <div class="row"> <div class="col-lg-6 overflow-hidden"> <div><div class="g-recaptcha" data-sitekey="6LcJH1McAAAAAFk6nb9hWfZJgUWkfAcT1mSRxsSo" data-size="normal" data-theme="light" id="recaptcha-element"></div></div> </div> <div class="col-lg-6"> <button type="submit" id="registerbtn" class="btn btn-primary rounded text-uppercase btn-lg mg-b-20"> Crear Nuevo Usuario </button> </div> <div class="col-lg-12"> <div class="text-left"> </div> </div> </div> </form> </div> </div> <div class="d-block d-lg-none col-sm-12 guest-container height-full-2 r-0 p-4" style="#001341; background-size:cover;"> <div class="row"> <div class="col-sm-12 text-center"> <!-- <img height="60px" class="mb-4 logo-mobile" src="https://appdev.interval.com.do/img/logo_full_h.png" alt="" /> <h1 class="text-white font-weight-bold text-uppercase guest-title guest-title-mobile"> Invertir acompañado <br>se siente diferente </h1> --> <div class="bg-white p-4 content-container text-left"> <div class="smallBar"></div> <h1 class="title mb-0">Abre tu cuenta</h1> <p class="mg-b-0 text-deep-blue font-weight-400 text-center" id="loginbtn"> Si ya tienes un usuario haz click en <a class="btn btn-link text-orange p-0 text-uppercase font-weight-400" href="https://appdev.interval.com.do/login"> Iniciar Sesión </a> </p> <form method="POST" id="register2" action="https://appdev.interval.com.do/register" class="needs-validation mt-0" novalidate> <input type="hidden" name="_token" value="Wmd36pkjmt1r1TbE6jHNhiFCUxBo3OEfvQzrqsuI"> <div id="app3"> <register></register> <sucursal-asesor-tipodepersona></sucursal-asesor-tipodepersona> </div> <div class="row"> <div class="col-lg-6 overflow-hidden"> <div><div class="g-recaptcha" data-sitekey="6LcJH1McAAAAAFk6nb9hWfZJgUWkfAcT1mSRxsSo" data-size="normal" data-theme="light" id="recaptcha-element"></div></div> </div> <div class="col-lg-6"> <button type="submit" id="registerbtn" class="btn btn-primary rounded text-uppercase btn-lg mg-b-20"> Crear Nuevo Usuario </button> </div> <div class="col-lg-12"> <div class="text-left"> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <!--jquery include --> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 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://appdev.interval.com.do/js/custom.js"></script> <!-- custom assets includes --> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 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.7.16/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-lg-6"> <label class="label" for="name">Nombres</label> <div class="form-group mb-0"> <input type="text" class="form-control form-control-lg rounded mb-3 mb-sm-0 " value="" name="name" autocomplete="name" required autofocus> </div> </div> <div class="col-lg-6"> <label class="label" for="lastname">Apellidos</label> <div class="form-group mb-0"> <input type="text" class="form-control form-control-lg rounded " value="" name="lastname" autocomplete="lastname" required autofocus> </div> </div> <div class="col-lg-12 mb-0"><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-lg-6"> <label class="label" for="mobilephone">Teléfono Celular</label> <div class="form-group mb-0"> <input type="text" class="form-control form-control-lg rounded " value="" v-model="mobilephone" name="mobilephone" autocomplete="mobilephone" v-mask="'###-###-####'" pattern=".{12}" required> </div> </div> <div class="col-lg-6"> <label class="label" for="email">Correo Electrónico</label> <div class="form-group mb-0"> <input type="email" class="form-control form-control-lg rounded " value="" name="email" autocomplete="email" required> </div> </div> <div class="col-lg-6"> <div class="form-group mb-0"> <label class="label" for="password">Contraseña</label> <input type="password" class="form-control form-control-lg rounded " name="password" 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> <div class="col-lg-6"> <div class="form-group mb-0"> <label class="label" for="password-confirm">Confirmar Contraseña</label> <input type="password" id="password-confirm" class="form-control form-control-lg rounded " name="password_confirmation" required> </div> </div> </div> </div> `, data(){ return{ tipoIdentificacion: '', identificacion: '', mask:{ cedula:'###-#######-#', tel:'###-###-####', }, mobilephone:'' } }, methods:{ } }); Vue.component('identificacion', { template: //html ` <div class="row"> <div class="col-lg-6"> <div class="form-group mb-0"> <select name="tipoIdentificacion" id="tipoIdentificacion" class="form-control rounded" 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-lg-6"> <div class="form-group mb-0"> <input type="text" :placeholder="tipoIdentificacion === 'cedula' ? '___-_______-_' : '____________________'" v-mask="tipoIdentificacion === 'cedula' ? '###-#######-#' : 'NNNNNNNNNNNNNNNNNNNN'" v-model="identificacion" class="form-control form-control-lg rounded " value="" name="identificacion" id="identificacion" autocomplete="identificacion" required autofocus> </div> </div> </div> `, data(){ return{ tipoIdentificacion: '', identificacion: '', mask:{ cedula:'###-#######-#', tel:'###-###-####', }, } }, }); Vue.component('sucursal-asesor-tipodepersona', { template: //html ` <div class="row"> <div class="col-lg-6"> <div class="form-group mb-0"> <label class="label" for="new_sucursal">¿Dónde está ubicado?</label> <select name="new_sucursal" v-model="data.new_sucursal" @change="getAsesores()" id="new_sucursal" class="form-control select-rounded" data-placeholder="Seleccione una opción" required> <option value="" selected hidden>Seleccione una opción</option> <option name="e9d677cc-596d-f011-bec2-7c1e527e71dc" value="e9d677cc-596d-f011-bec2-7c1e527e71dc">Santo Domingo - Sur - Este</option> <option name="de2c18de-596d-f011-bec2-7c1e527e7f2e" value="de2c18de-596d-f011-bec2-7c1e527e7f2e">Zona Norte</option> </select> </div> </div> <div class="col-lg-6"> <div class="form-group mb-0"> <label class="label" for="new_tipodepersona">¿Qué tipo de cliente eres?</label> <select name="new_tipodepersona" v-model="data.new_tipodepersona" @change="getAsesores()" id="new_tipodepersona" class="form-control select-rounded" data-placeholder="Seleccione una opción" required> <option value="" selected hidden>Seleccione una opción</option> <option name="100000000" value="100000000">Persona Física</option> <option name="100000001" value="100000001">Persona Jurídica</option> </select> </div> </div> <div class="col-lg-6"> <div class="form-group mb-0"> <label class="label" for="asesor">¿Quién quieres que te asista?</label> <select name="asesor" v-model="data.asesor" id="asesor" class="form-control select-rounded" data-placeholder="Seleccione una opción" required :disabled="!data.asesores_list.length"> <option value="" hidden>Seleccione una opción</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://interval.com.do/our-team/" target="_blank">Conoce nuestros asesores</a></small> </div> </div> <div class="col-lg-6"> <lead-source-code></lead-source-code> </div> </div> `, data(){ return{ data: { sucursal: '', asesor: '', asesores: '', asesores_list: [], new_tipodepersona: '', new_tipodepersonas: [], new_sucursal: '', new_sucursales: [], }, } }, created() { this.data.asesores = [{"Attributes":{"ownerid":"1f8c5e90-b8f5-ee11-a1fd-000d3a1d256f","businessunitid":{"Name":"Zona Norte","Id":"de2c18de-596d-f011-bec2-7c1e527e7f2e","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Valerie N\u00fa\u00f1ez","systemuserid":"1f8c5e90-b8f5-ee11-a1fd-000d3a1d256f","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Zona Norte","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"1f8c5e90-b8f5-ee11-a1fd-000d3a1d256f","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"fca9a2a8-63f1-ec11-bb3d-000d3a1ef463","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Carlos Armenteros","systemuserid":"fca9a2a8-63f1-ec11-bb3d-000d3a1ef463","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"new_tipodepersona":100000000,"azurestate":0,"invitestatuscode":4,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","new_tipodepersona":"Persona F\u00edsica","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n aceptada","deletedstate":"No eliminado"},"Id":"fca9a2a8-63f1-ec11-bb3d-000d3a1ef463","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"57641339-8341-ec11-8c62-000d3a4ebf1c","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Marllelyn Suriel","systemuserid":"57641339-8341-ec11-8c62-000d3a4ebf1c","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"new_tipodepersona":100000000,"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","new_tipodepersona":"Persona F\u00edsica","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"57641339-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"5d641339-8341-ec11-8c62-000d3a4ebf1c","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Paola Romero","systemuserid":"5d641339-8341-ec11-8c62-000d3a4ebf1c","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"new_tipodepersona":100000000,"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","new_tipodepersona":"Persona F\u00edsica","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"5d641339-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"87641339-8341-ec11-8c62-000d3a4ebf1c","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Mariel Villalona","systemuserid":"87641339-8341-ec11-8c62-000d3a4ebf1c","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"new_tipodepersona":100000000,"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","new_tipodepersona":"Persona F\u00edsica","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"87641339-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"8b33153f-8341-ec11-8c62-000d3a4ebf1c","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Laura And\u00fajar","systemuserid":"8b33153f-8341-ec11-8c62-000d3a4ebf1c","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"new_tipodepersona":100000001,"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","new_tipodepersona":"Persona Jur\u00eddica","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"8b33153f-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"f433153f-8341-ec11-8c62-000d3a4ebf1c","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Aldo Cross","systemuserid":"f433153f-8341-ec11-8c62-000d3a4ebf1c","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"new_tipodepersona":100000000,"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","new_tipodepersona":"Persona F\u00edsica","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"f433153f-8341-ec11-8c62-000d3a4ebf1c","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"7954eba1-5146-ec11-8c62-000d3a9951d6","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Ivette Morales","systemuserid":"7954eba1-5146-ec11-8c62-000d3a9951d6","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"7954eba1-5146-ec11-8c62-000d3a9951d6","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"b489a590-d4cc-ed11-b597-0022482a49ac","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Victoria Mesa","systemuserid":"b489a590-d4cc-ed11-b597-0022482a49ac","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"new_tipodepersona":100000000,"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","new_tipodepersona":"Persona F\u00edsica","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"b489a590-d4cc-ed11-b597-0022482a49ac","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"e210303d-2937-f011-8c4e-002248348dd3","businessunitid":{"Name":"Zona Norte","Id":"de2c18de-596d-f011-bec2-7c1e527e7f2e","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Claudia Burgos","systemuserid":"e210303d-2937-f011-8c4e-002248348dd3","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Zona Norte","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"e210303d-2937-f011-8c4e-002248348dd3","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"a401f9e4-88eb-ee11-a204-6045bdd52d38","businessunitid":{"Name":"interval-dev2","Id":"39094a6f-3805-ec11-94ee-000d3a8ba0db","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Marielsa Cruz","systemuserid":"a401f9e4-88eb-ee11-a204-6045bdd52d38","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"interval-dev2","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"a401f9e4-88eb-ee11-a204-6045bdd52d38","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"77e37798-3d61-ee11-be6e-6045bdd52d38","businessunitid":{"Name":"Zona Norte","Id":"de2c18de-596d-f011-bec2-7c1e527e7f2e","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Tanisha Espinal","systemuserid":"77e37798-3d61-ee11-be6e-6045bdd52d38","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Zona Norte","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"77e37798-3d61-ee11-be6e-6045bdd52d38","LogicalName":"systemuser","KeyAttributes":null},{"Attributes":{"ownerid":"3e87eaf9-e645-ee11-be6d-6045bdd735d9","businessunitid":{"Name":"Santo Domingo - Sur - Este","Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},"fullname":"Jenniffer Ramirez","systemuserid":"3e87eaf9-e645-ee11-be6d-6045bdd735d9","positionid":{"Name":null,"Id":"f324c837-3da1-ea11-a812-000d3a579cbc","LogicalName":"position","KeyAttributes":null},"new_tipodepersona":100000001,"azurestate":0,"invitestatuscode":0,"deletedstate":0},"FormattedValues":{"businessunitid":"Santo Domingo - Sur - Este","new_tipodepersona":"Persona Jur\u00eddica","azurestate":"Existe","invitestatuscode":"Invitaci\u00f3n no enviada","deletedstate":"No eliminado"},"Id":"3e87eaf9-e645-ee11-be6d-6045bdd735d9","LogicalName":"systemuser","KeyAttributes":null}]; this.data.new_tipodepersonas = {"100000000":{"MetadataId":null,"Color":"#0000ff","Description":{"LocalizedLabels":{"3082":{"MetadataId":"a12514c5-6bf8-420c-9f4a-563b018da297","IsManaged":false,"Label":"","LanguageCode":3082,"HasChanged":null}},"UserLocalizedLabel":{"MetadataId":"a12514c5-6bf8-420c-9f4a-563b018da297","IsManaged":false,"Label":"","LanguageCode":3082,"HasChanged":null}},"IsManaged":false,"Label":{"LocalizedLabels":{"3082":{"MetadataId":"137ee93c-e42f-4745-a8bd-7b892c821dab","IsManaged":false,"Label":"Persona F\u00edsica","LanguageCode":3082,"HasChanged":null}},"UserLocalizedLabel":{"MetadataId":"137ee93c-e42f-4745-a8bd-7b892c821dab","IsManaged":false,"Label":"Persona F\u00edsica","LanguageCode":3082,"HasChanged":null}},"Value":100000000,"ExternalValue":"","ParentValues":[],"Tag":null,"IsHidden":false,"HasChanged":null},"100000001":{"MetadataId":null,"Color":"#0000ff","Description":{"LocalizedLabels":{"3082":{"MetadataId":"eaa8cd0b-2366-4fa6-88b3-c86d1fe5cdf2","IsManaged":false,"Label":"","LanguageCode":3082,"HasChanged":null}},"UserLocalizedLabel":{"MetadataId":"eaa8cd0b-2366-4fa6-88b3-c86d1fe5cdf2","IsManaged":false,"Label":"","LanguageCode":3082,"HasChanged":null}},"IsManaged":false,"Label":{"LocalizedLabels":{"3082":{"MetadataId":"19b6e7a6-f8cb-4145-9f9a-3f5822427970","IsManaged":false,"Label":"Persona Jur\u00eddica","LanguageCode":3082,"HasChanged":null}},"UserLocalizedLabel":{"MetadataId":"19b6e7a6-f8cb-4145-9f9a-3f5822427970","IsManaged":false,"Label":"Persona Jur\u00eddica","LanguageCode":3082,"HasChanged":null}},"Value":100000001,"ExternalValue":"","ParentValues":[],"Tag":null,"IsHidden":false,"HasChanged":null}}; this.data.new_sucursales = [{"Attributes":{"businessunitid":"e9d677cc-596d-f011-bec2-7c1e527e71dc","name":"Santo Domingo - Sur - Este"},"FormattedValues":[],"Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},{"Attributes":{"businessunitid":"de2c18de-596d-f011-bec2-7c1e527e7f2e","name":"Zona Norte"},"FormattedValues":[],"Id":"de2c18de-596d-f011-bec2-7c1e527e7f2e","LogicalName":"businessunit","KeyAttributes":null}]; }, 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) } }); }, getAsesores(){ this.data.asesores_list = []; this.data.asesor = ''; // sucursal santo domingo - sur - este if(this.data.new_sucursal == 'e9d677cc-596d-f011-bec2-7c1e527e71dc'){ if(this.data.new_sucursal && this.data.new_tipodepersona){ $.each(this.data.asesores, (i,v) => { if( v['Attributes']['businessunitid']['Id'] == this.data.new_sucursal && v['Attributes']['new_tipodepersona'] == this.data.new_tipodepersona ){ this.data.asesores_list.push(v.Id + '|' + v.Attributes.fullname) } }); } } // zona norte else{ $.each(this.data.asesores, (i,v) => { if( v['Attributes']['businessunitid']['Id'] == this.data.new_sucursal ){ this.data.asesores_list.push(v.Id + '|' + v.Attributes.fullname) } }); } } }, }); Vue.component('lead-source-code', { template: //html ` <div class="row"> <div class="col-lg-12"> <label class="label" for="leadsourcecode">¿Cómo se enteró de Interval?</label> <div class="form-group"> <select name="leadsourcecode" v-model="data.leadsourcecode" id="leadsourcecode" class="form-control select-rounded" data-placeholder="Seleccione una opción" required> <option value="" selected hidden>Seleccione una opción</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> <option name="8" value="8">Página Web</option> <option name="9" value="9">Comentarios de otras personas</option> <option name="10" value="10">Otro</option> </select> </div> </div> <div v-if="data.leadsourcecode == 2" class="col-lg-12"> <div class="form-group mb-0"> <input type="text" v-model="data.new_nombre_apellido_referidor" class="form-control form-control-lg rounded " placeholder="Nombre de quien lo refirio" value="" name="new_nombre_apellido_referidor" autocomplete="new_nombre_apellido_referidor" required autofocus> </div> </div> </div> `, data(){ return{ data: { leadsourcecode: '', leadsourcecodes: [], }, } }, created() { this.data.leadsourcecodes = {"1":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Anuncios","IsManaged":true,"HasChanged":null,"MetadataId":"697c59ff-a948-4d9d-97c1-c4674c8b61fe","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Anuncios","IsManaged":true,"HasChanged":null,"MetadataId":"697c59ff-a948-4d9d-97c1-c4674c8b61fe","LanguageCode":3082}},"Value":1,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"2":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Referido","IsManaged":true,"HasChanged":null,"MetadataId":"b3efe7b5-1665-4f56-b52b-4dc1b92b3994","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Referido","IsManaged":true,"HasChanged":null,"MetadataId":"b3efe7b5-1665-4f56-b52b-4dc1b92b3994","LanguageCode":3082}},"Value":2,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"3":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Instagram","IsManaged":true,"HasChanged":null,"MetadataId":"646a8c9a-9ccc-4649-a977-fc0b6d58d270","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Instagram","IsManaged":true,"HasChanged":null,"MetadataId":"646a8c9a-9ccc-4649-a977-fc0b6d58d270","LanguageCode":3082}},"Value":3,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"4":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Facebook","IsManaged":true,"HasChanged":null,"MetadataId":"a3172709-9825-47e4-8e7e-edd84320559f","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Facebook","IsManaged":true,"HasChanged":null,"MetadataId":"a3172709-9825-47e4-8e7e-edd84320559f","LanguageCode":3082}},"Value":4,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"5":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Radio","IsManaged":true,"HasChanged":null,"MetadataId":"7af1226a-abb3-4c78-88f4-f165c2e57009","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Radio","IsManaged":true,"HasChanged":null,"MetadataId":"7af1226a-abb3-4c78-88f4-f165c2e57009","LanguageCode":3082}},"Value":5,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"6":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Evento Digital","IsManaged":true,"HasChanged":null,"MetadataId":"a45d68a6-5e9d-4c00-af3e-e3c4b8386f09","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Evento Digital","IsManaged":true,"HasChanged":null,"MetadataId":"a45d68a6-5e9d-4c00-af3e-e3c4b8386f09","LanguageCode":3082}},"Value":6,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"7":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Evento Presencial","IsManaged":true,"HasChanged":null,"MetadataId":"0c3d2ecc-ae2b-4ce2-96f0-da0620bae1e1","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Evento Presencial","IsManaged":true,"HasChanged":null,"MetadataId":"0c3d2ecc-ae2b-4ce2-96f0-da0620bae1e1","LanguageCode":3082}},"Value":7,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"8":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"P\u00e1gina Web","IsManaged":true,"HasChanged":null,"MetadataId":"b529ccfa-ddb8-43ad-b4b9-d798066e2e62","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"P\u00e1gina Web","IsManaged":true,"HasChanged":null,"MetadataId":"b529ccfa-ddb8-43ad-b4b9-d798066e2e62","LanguageCode":3082}},"Value":8,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"9":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Comentarios de otras personas","IsManaged":true,"HasChanged":null,"MetadataId":"566a63a0-aba7-4ad8-b941-e8e8b766dca1","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Comentarios de otras personas","IsManaged":true,"HasChanged":null,"MetadataId":"566a63a0-aba7-4ad8-b941-e8e8b766dca1","LanguageCode":3082}},"Value":9,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""},"10":{"Tag":null,"Color":"","Label":{"LocalizedLabels":{"3082":{"Label":"Otro","IsManaged":true,"HasChanged":null,"MetadataId":"bc29e4f5-d5e6-46ce-91db-796ca7a6c51e","LanguageCode":3082}},"UserLocalizedLabel":{"Label":"Otro","IsManaged":true,"HasChanged":null,"MetadataId":"bc29e4f5-d5e6-46ce-91db-796ca7a6c51e","LanguageCode":3082}},"Value":10,"IsHidden":false,"IsManaged":true,"HasChanged":null,"MetadataId":null,"Description":{"LocalizedLabels":[],"UserLocalizedLabel":null},"ParentValues":[],"ExternalValue":""}}; }, }); Vue.component('new_tipodepersona', { template: //html ` <div class="row"> <div class="col-lg-12"> <div class="form-group mb-0"> <select name="new_tipodepersona" v-model="data.new_tipodepersona" id="new_tipodepersona" class="form-control rounded" data-placeholder="Tipo de cuenta" required> <option value="" selected hidden>Tipo de cuenta</option> <option name="100000000" value="100000000">Persona Física</option> <option name="100000001" value="100000001">Persona Jurídica</option> </select> </div> </div> </div> `, data(){ return{ data: { new_tipodepersona: '', new_tipodepersonas: [], }, } }, created() { this.data.new_tipodepersonas = {"100000000":{"MetadataId":null,"Color":"#0000ff","Description":{"LocalizedLabels":{"3082":{"MetadataId":"a12514c5-6bf8-420c-9f4a-563b018da297","IsManaged":false,"Label":"","LanguageCode":3082,"HasChanged":null}},"UserLocalizedLabel":{"MetadataId":"a12514c5-6bf8-420c-9f4a-563b018da297","IsManaged":false,"Label":"","LanguageCode":3082,"HasChanged":null}},"IsManaged":false,"Label":{"LocalizedLabels":{"3082":{"MetadataId":"137ee93c-e42f-4745-a8bd-7b892c821dab","IsManaged":false,"Label":"Persona F\u00edsica","LanguageCode":3082,"HasChanged":null}},"UserLocalizedLabel":{"MetadataId":"137ee93c-e42f-4745-a8bd-7b892c821dab","IsManaged":false,"Label":"Persona F\u00edsica","LanguageCode":3082,"HasChanged":null}},"Value":100000000,"ExternalValue":"","ParentValues":[],"Tag":null,"IsHidden":false,"HasChanged":null},"100000001":{"MetadataId":null,"Color":"#0000ff","Description":{"LocalizedLabels":{"3082":{"MetadataId":"eaa8cd0b-2366-4fa6-88b3-c86d1fe5cdf2","IsManaged":false,"Label":"","LanguageCode":3082,"HasChanged":null}},"UserLocalizedLabel":{"MetadataId":"eaa8cd0b-2366-4fa6-88b3-c86d1fe5cdf2","IsManaged":false,"Label":"","LanguageCode":3082,"HasChanged":null}},"IsManaged":false,"Label":{"LocalizedLabels":{"3082":{"MetadataId":"19b6e7a6-f8cb-4145-9f9a-3f5822427970","IsManaged":false,"Label":"Persona Jur\u00eddica","LanguageCode":3082,"HasChanged":null}},"UserLocalizedLabel":{"MetadataId":"19b6e7a6-f8cb-4145-9f9a-3f5822427970","IsManaged":false,"Label":"Persona Jur\u00eddica","LanguageCode":3082,"HasChanged":null}},"Value":100000001,"ExternalValue":"","ParentValues":[],"Tag":null,"IsHidden":false,"HasChanged":null}}; }, }); Vue.component('new_sucursal', { template: //html ` <div class="row"> <div class="col-lg-12"> <div class="form-group mb-0"> <select name="new_sucursal" v-model="data.new_sucursal" id="new_sucursal" class="form-control rounded" data-placeholder="Sucursal" required> <option value="" selected hidden>¿Dónde está ubicado?</option> <option name="e9d677cc-596d-f011-bec2-7c1e527e71dc" value="e9d677cc-596d-f011-bec2-7c1e527e71dc">Santo Domingo - Sur - Este</option> <option name="de2c18de-596d-f011-bec2-7c1e527e7f2e" value="de2c18de-596d-f011-bec2-7c1e527e7f2e">Zona Norte</option> </select> </div> </div> </div> `, data(){ return{ data: { new_sucursal: '', new_sucursales: [], }, } }, created() { this.data.new_sucursales = [{"Attributes":{"businessunitid":"e9d677cc-596d-f011-bec2-7c1e527e71dc","name":"Santo Domingo - Sur - Este"},"FormattedValues":[],"Id":"e9d677cc-596d-f011-bec2-7c1e527e71dc","LogicalName":"businessunit","KeyAttributes":null},{"Attributes":{"businessunitid":"de2c18de-596d-f011-bec2-7c1e527e7f2e","name":"Zona Norte"},"FormattedValues":[],"Id":"de2c18de-596d-f011-bec2-7c1e527e7f2e","LogicalName":"businessunit","KeyAttributes":null}]; }, }); Vue.use(VueMask.VueMaskPlugin); const app = new Vue({ el: '#app2', data:{ titulo: 'Componentes' } }) const app2 = new Vue({ el: '#app3', 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>