Files added to repository
This commit is contained in:
26
scripts/modales/modalCompartir.js
Normal file
26
scripts/modales/modalCompartir.js
Normal file
@@ -0,0 +1,26 @@
|
||||
export function modalCompartir(){
|
||||
//<option value="1">One</option>
|
||||
var html= `<!-- Modal compartir-->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Compartir</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body modal-compartir">
|
||||
<select id="multiSelect" multiple="multiple">
|
||||
</select>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button id= "compartirDatos" type="button" class="btn btn-primary">Compartir Datos</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
return html;
|
||||
}
|
||||
130
scripts/modales/modalCrear.js
Normal file
130
scripts/modales/modalCrear.js
Normal file
@@ -0,0 +1,130 @@
|
||||
export function modal(){
|
||||
|
||||
var html = `<!-- Modal -->
|
||||
<div class="modal fade" id="addU" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
||||
|
||||
</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Añadir Nuevos Datos</h4>
|
||||
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div role="tabpanel">
|
||||
<!-- Nav tabs -->
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#NuevoUsuarioTab" aria-controls="NuevoUsuarioTab" role="tab" data-toggle="tab">Nuevo Usuario</a>
|
||||
|
||||
</li>
|
||||
<li role="presentation"><a href="#NuevaNotaTab" aria-controls="NuevaNotaTab" role="tab" data-toggle="tab">Nueva Nota</a>
|
||||
|
||||
</li>
|
||||
<li role="presentation"><a href="#NuevaTarjetaDeCréditoTab" aria-controls="NuevaTarjetaDeCréditoTab" role="tab" data-toggle="tab">Nueva Tarjeta de Crédito</a>
|
||||
|
||||
</li>
|
||||
<li role="presentation"><a href="#NuevaCuentaBancariaTab" aria-controls="NuevaCuentaBancariaTab" role="tab" data-toggle="tab">Nueva Cuenta Bancaria</a>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</br>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="NuevoUsuarioTab">
|
||||
<div class="form-group">
|
||||
<label for="DescripcionModal">Descripción</label>
|
||||
<input type="text" class="form-control" id="DescripcionModal" placeholder="Introduce Descripción">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="URLModal">URL</label>
|
||||
<input type="url" class="form-control" id="URLModal" placeholder="URL">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="UsuarioModal">Usuario</label>
|
||||
<input type="text" class="form-control" id="UsuarioModal" placeholder="Introduce Usuario">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ContraseñaModal">Contraseña</label>
|
||||
<div class="input-group ">
|
||||
<input type="password" class="form-control" id="ContraseñaModal" placeholder="Introduce Contraseña" aria-describedby="sizing-addon1">
|
||||
<span class="input-group-btn">
|
||||
<div class="btn-group">
|
||||
<button type="button" id="opcionesContraseñaa" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Desplegar menú</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a id = "generarContraseña" >Generar Contraseña</a></li>
|
||||
<li><a id = "verContraseña">Ver</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane" id="NuevaNotaTab">
|
||||
<div class="form-group">
|
||||
<label for="NombreNota">Nombre</label>
|
||||
<input type="text" class="form-control" id="NombreNota" placeholder="Introduce Nombre">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="textoNota">Texto Nota</label>
|
||||
<textarea class="form-control" id="textoNota" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane" id="NuevaTarjetaDeCréditoTab">
|
||||
<div class="form-group">
|
||||
<label for="nombreEntidad">Nombre Entidad</label>
|
||||
<input type="text" class="form-control" id="nombreEntidad" placeholder="Introduce Nombre de la Entidad/Banco">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="numTarjeta">Número tarjeta</label>
|
||||
<input type="text" class="form-control" id="numTarjeta" placeholder="Introduce el número de la tarjeta" maxlength=16>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="fechaCaducidad">Fecha de Caducidad</label>
|
||||
<input type="date" class="form-control" id="fechaCaducidad" placeholder="Introduce la fecha de caducidad">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="nombreTitular">Nombre Titular</label>
|
||||
<input type="text" class="form-control" id="nombreTitular" placeholder="Introduce Nombre del Titular">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="codigoDeSeguridad">Código de seguridad</label>
|
||||
<input type="text" class="form-control" id="codigoDeSeguridad" placeholder="Introduce el código de seguridad" maxlength=3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div role="tabpanel" class="tab-pane" id="NuevaCuentaBancariaTab">
|
||||
<div class="form-group">
|
||||
<label for="nombreEntidadBancaria">Nombre Entidad</label>
|
||||
<input type="text" class="form-control" id="nombreEntidadBancaria" placeholder="Introduce Nombre de la Entidad/Banco">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="IBAN">Número de cuenta (IBAN)</label>
|
||||
<input type="text" class="form-control" id="IBAN" placeholder="Introduce el número de la cuenta Bancaria" maxlength=24>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="usuarioBancario">Usuario Banca Online</label>
|
||||
<input type="text" class="form-control" id="usuarioBancario" placeholder="Introduce el usuario de la Banca Online">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="contraseñaBancario">Contraseña Banca Online</label>
|
||||
<input type="password" class="form-control" id="contraseñaBancario" placeholder="Introduce la contraseña de la Banca Online">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
|
||||
<button type="button" id="añadirModal" class="btn btn-primary save">Guardar Cambios</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
|
||||
return html;
|
||||
}
|
||||
151
scripts/modales/modalesEditar.js
Normal file
151
scripts/modales/modalesEditar.js
Normal file
@@ -0,0 +1,151 @@
|
||||
export function modalEUsuario(){
|
||||
var html = `<!-- Modal Editar Usuario -->
|
||||
<div class="modal fade" id="editarUsuarioModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Editar Usuario</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label for="DescripcionModalEditarUsuario">Descripción</label>
|
||||
<input type="text" class="form-control" id="DescripcionModalEditarUsuario" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="URLModalEditarUsuario">URL</label>
|
||||
<input type="url" class="form-control" id="URLModalEditarUsuario" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="UsuarioModalEditarUsuario">Usuario</label>
|
||||
<input type="text" class="form-control" id="UsuarioModalEditarUsuario" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ContraseñaModalEditarUsuario">Contraseña</label>
|
||||
<input type="password" class="form-control" id="ContraseñaModalEditarUsuario" placeholder="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Descartar</button>
|
||||
<button type="button" id = "modalConfirmacionEditarUsuario" class="btn btn-primary">Guardar Cambios</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
return html;
|
||||
}
|
||||
|
||||
|
||||
export function modalENota(){
|
||||
var html = `<!-- Modal Editar Notas -->
|
||||
<div class="modal fade" id="editarNotaModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Editar Nota</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label for="NombreNota">Nombre</label>
|
||||
<input type="text" class="form-control" id="EditarNombreNota" placeholder="Introduce Nombre">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="textoNota">Texto Nota</label>
|
||||
<textarea class="form-control" id="EditartextoNota" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Descartar</button>
|
||||
<button type="button" id = "modalConfirmacionEditarNota" class="btn btn-primary">Guardar Cambios</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
return html;
|
||||
}
|
||||
export function modalEditTarjetaCredito(){
|
||||
var html = `<!-- Modal Editar Tarjeta -->
|
||||
<div class="modal fade" id="editarTarjetaCreditoModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Editar Tarjeta de Crédito</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label for="nombreEntidadModalEditarTarjetaCredito">Nombre Entidad</label>
|
||||
<input type="text" class="form-control" id="nombreEntidadModalEditarTarjetaCredito" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="numTarjetaModalEditarTarjetaCredito">Número Tarjeta</label>
|
||||
<input type="text" class="form-control" id="numTarjetaModalEditarTarjetaCredito" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="fechaCaducidadModalEditarTarjetaCredito">Fecha Caducidad</label>
|
||||
<input type="date" class="form-control" id="fechaCaducidadModalEditarTarjetaCredito" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="nombreTitularModalEditarTarjetaCredito">Nombre Titular</label>
|
||||
<input type="text" class="form-control" id="nombreTitularModalEditarTarjetaCredito" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="codigoDeSeguridadEditarTarjetaCredito">Código Seguridad</label>
|
||||
<input type="text" class="form-control" id="codigoDeSeguridadModalEditarTarjetaCredito" placeholder="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Descartar</button>
|
||||
<button type="button" id = "modalConfirmacionEditarTarjetaCredito" class="btn btn-primary">Guardar Cambios</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
return html;
|
||||
}
|
||||
|
||||
export function modalEditCuentaBancaria(){
|
||||
var html = `<!-- Modal Editar Cuenta -->
|
||||
<div class="modal fade" id="editarCuentaBancariaModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Editar Cuenta Bancaria</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label for="nombreEntidadBancariaModalEditarCuentaBancaria">Nombre Entidad</label>
|
||||
<input type="text" class="form-control" id="nombreEntidadBancariaModalEditarCuentaBancaria" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="IBANModalEditarCuentaBancaria">IBAN</label>
|
||||
<input type="text" class="form-control" id="IBANModalEditarCuentaBancaria" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="usuarioBancarioModalEditarCuentaBancaria">Fecha Caducidad</label>
|
||||
<input type="text" class="form-control" id="usuarioBancarioModalEditarCuentaBancaria" placeholder="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="contraseñaBancarioModalEditarCuentaBancaria">Nombre Titular</label>
|
||||
<input type="password" class="form-control" id="contraseñaBancarioModalEditarCuentaBancaria" placeholder="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Descartar</button>
|
||||
<button type="button" id = "modalConfirmacionEditarCuentaBancaria" class="btn btn-primary">Guardar Cambios</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
return html;
|
||||
}
|
||||
Reference in New Issue
Block a user