Skip to content

th-app-java
th-app-java
Commit 809d1df8 by Joaquin Elias Baranda Ayala
Options

Actualizacion Front-End

parent 2d67c970
Showing with 82 additions and 32 deletions
curriculumsearch/src/main/webapp/css/formPostulanteStyle.css
......@@ -217,6 +217,7 @@ form[name="postulante"]{
label:hover {
color: #bfbfbf;
}
/*ICONOS Y PLACEHOLDER
.size-placeholder::placeholder{
background-size: 18px 18px;
......@@ -225,19 +226,19 @@ label:hover {
}
/*Nombre*/
.name-placeholder::placeholder{
/*Nombre
.nombre-ph::placeholder{
background-image: url(../img/placeholder/name_ph.png);
}
/*Apellido*/
.lastname-placeholder::placeholder{
Apellido
#apellido::placeholder{
background-image: url(../img/placeholder/lastname_ph.png);
}
/*Email*/
.email-placeholder::placeholder{
Email
#correo::placeholder{
background-image: url(../img/placeholder/email_ph.png);
}
/*Numero de documento*/
Numero de documento*/
#nroDocument::-webkit-outer-spin-button,
#nroDocument::-webkit-inner-spin-button
{
......@@ -247,15 +248,16 @@ label:hover {
#nroDocument[type=number] {
-moz-appearance: textfield;
}
/*
.nroDocument-ph::placeholder{
background-image: url(../img/placeholder/nroDocumento_ph.png);
margin-left: 5px;
}
/*Direccion*/
.direccion-ph::placeholder{
Direccion
#direccion::placeholder{
background-image: url(../img/placeholder/adress_ph.png);
background-size: 14px 14px;
}
}*/
/*Telefono*/
#telefono::-webkit-outer-spin-button,
#telefono::-webkit-inner-spin-button
......@@ -266,8 +268,53 @@ label:hover {
#telefono[type=number] {
-moz-appearance: textfield;
}
/*
.telefono-ph::placeholder{
background-image: url(../img/placeholder/telephone_ph.png);
background-image: url(../img/placeholder/telephone_ph.png);
}
/*Modal Estudio
#institucionEstudio::placeholder{
background-image: url(../img/placeholder/studios_ph.png);
}
#temaDeEstudio::placeholder{
background-image: url(../img/placeholder/studios_ph.png);
}
#institucionExperiencia::placeholder{
background-image: url(../img/placeholder/studios_ph.png);
}
#cargo::placeholder{
background-image: url(../img/placeholder/cargo_ph.png);
}
#descripcion::placeholder{
background-image: url(../img/placeholder/description_ph.png);
}
#refNombre::placeholder{
background-image: url(../img/placeholder/name_ph.png);
}*/
#refTel::-webkit-outer-spin-button,
#refTel::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
#refTel[type=number] {
-moz-appearance: textfield;
}
/*
.telefono-ph::placeholder{
background-image: url(../img/placeholder/telephone_ph.png);
}
#motivoSalida::placeholder{
background-image: url(../img/placeholder/motivoSalida_ph.png);
}
#relacion::placeholder{
background-image: url(../img/placeholder/relacion_ph.png);
}
*/
/*Prueba Font Awesome*/
.FA{
font-family: 'Shippori Antique B1',FontAwesome;
}
\ No newline at end of file
curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
......@@ -15,6 +15,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">
<link rel="icon" href="../img/LogoRoshka.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Shippori+Antique+B1">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
</head>
<body class="container">
......@@ -36,20 +38,20 @@
<div class="inputs mb-3 col-md-6">
<label for="nombre" class="form-label">Nombre *</label>
<input placeholder="Ingrese su nombre" type="text" name="nombre" class="form-control name-placeholder size-placeholder" id="nombre" required>
<input placeholder="&#xf007; Ingrese su nombre" type="text" name="nombre" class="form-control FA" id="nombre" required>
</div>
<div class="inputs mb-3 col-md-6">
<label for="apellido" class="form-label ">Apellido *</label>
<input placeholder="Ingrese su apellido" type="text" name="apellido" class="form-control lastname-placeholder size-placeholder " id="apellido" required>
<input placeholder="&#xf007; Ingrese su apellido" type="text" name="apellido" class="form-control FA" id="apellido" required>
</div>
<div class="inputs mb-3 col-md-6">
<label for="correo" class="form-label">Email *</label>
<input type="email" placeholder="Ingrese su Email" name="correo" class="form-control email-placeholder size-placeholder " id="correo" required>
<input type="email" placeholder="&#xf0e0; Ingrese su Email" name="correo" class="form-control FA" id="correo" required>
</div>
......@@ -73,7 +75,7 @@
<div class="inputs mb-3 col-md-6">
<label for="nroDocument" class="form-label">Numero de Documento</label>
<input placeholder="Ingrese su numero de documento" type="number" name="nroDocument" class="form-control nroDocument-ph size-placeholder" id="nroDocument" required>
<input placeholder="&#xf2c2; Ingrese su numero de documento" type="number" name="nroDocument" class="form-control nroDocument-ph FA" id="nroDocument" required>
</div>
......@@ -97,13 +99,13 @@
<div class="inputs mb-3 col-md-6">
<label for="direccion" class="form-label">Direccion *</label>
<input placeholder="Ingrese su direccion" type="text" name="direccion" class="form-control direccion-ph size-placeholder " id="direccion" required> </textarea>
<input placeholder="&#xf041; Ingrese su direccion" type="text" name="direccion" class="form-control FA " id="direccion" required> </textarea>
</div>
<div class="inputs mb-3 col-md-6">
<label for="telefono" class="form-label">Telefono *</label>
<input placeholder="Ingrese su numero de telefono" type="number" name="telefono" class="form-control telefono-ph size-placeholder" id="telefono" required>
<input placeholder="&#xf095; Ingrese su numero de telefono" type="number" name="telefono" class="form-control telefono-ph FA" id="telefono" required>
</div>
......@@ -255,7 +257,7 @@
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel" >CargosDisponibles</h5>
<h5 class="modal-title" id="exampleModalLabel" >Cargos Disponibles</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="color:#21130d;">
<span aria-hidden="true">&times;</span>
</button>
......@@ -297,7 +299,7 @@
<div class="inputs">
<label for="institucionExperiencia" class="inputs form-label">Institucion *</label>
<input placeholder="Ingrese su institucion" type="text" class="inputs form-control " name="institucion" id="institucionExperiencia" required>
<input placeholder="&#xf1ad; Ingrese su institucion" type="text" class="inputs form-control FA" name="institucion" id="institucionExperiencia" required>
</div>
<div class="inputs">
<label for="fechaDesdeExperiencia" class="form-label">Fecha Desde *</label>
......@@ -315,26 +317,26 @@
<div class="inputs">
<label for="cargo" class="form-label">Cargo *</label>
<input placeholder="Ingrese su cargo" type="text" class="form-control " name="cargo" id="cargo" required>
<input placeholder="&#xf0b1; Ingrese su cargo" type="text" class="form-control FA " name="cargo" id="cargo" required>
</div>
<div class="inputs">
<label for="descripcion" class="form-label">Descripcion *</label>
<textarea placeholder="Ingrese una descripcion de su trabajo" class="form-control" name="descripcion" id="descripcion" required></textarea>
<textarea placeholder="&#xf022; Ingrese una descripcion de su trabajo" class="form-control FA" name="descripcion" id="descripcion" required></textarea>
</div>
<div class="inputs">
<label for="refNombre" class="form-label">Nombre de la Referencia</label>
<input placeholder="Ingrese el nombre de su referencia" type="text" class="form-control " name="nombreReferencia" id="refNombre" >
<input placeholder="&#xf007; Ingrese el nombre de su referencia" type="text" class="form-control FA " name="nombreReferencia" id="refNombre" >
</div>
<div class="inputs">
<label for="refTel" class="form-label">Telefono de la Referencia</label>
<input placeholder="Ingrese el telefono de su referencia" type="text" class="form-control " name="telefonoReferencia" id="refTel" >
<input placeholder="&#xf095; Ingrese el telefono de su referencia" type="number" class="form-control FA" name="telefonoReferencia" id="refTel" >
</div>
<div class="inputs">
<label for="motivoSalida" class="form-label">Motivo de Salida</label>
<textarea placeholder="Ingrese el motivo de su salida" class="form-control " name="motivoSalida" id="motivoSalida" ></textarea>
<textarea placeholder="&#xf022; Ingrese el motivo de su salida" class="form-control FA " name="motivoSalida" id="motivoSalida" ></textarea>
</div>
<div class="inputs">
<label for="tipoExperiencia" class="form-label"> Tipo de Experiencia</label>
......@@ -362,7 +364,7 @@
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel" >tecnologia</h5>
<h5 class="modal-title" id="exampleModalLabel" >Tecnologia</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="color:#21130d;">
<span aria-hidden="true">&times;</span>
</button>
......@@ -422,11 +424,11 @@
<%-- <input type="text" class="form-control " name="tipoDeEstudio" id="tipoDeEstudio">--%>
<div class="form-group">
<label for="institucionEstudio" class="form-label">Institucion *</label>
<input placeholder="Ingrese su institucion" type="text" class="form-control" name="institucion" id="institucionEstudio" required>
<input placeholder="&#xf19c; Ingrese su institucion" type="text" class="form-control FA" name="institucion" id="institucionEstudio" required>
</div>
<div class="form-group">
<label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso *</label>
<input placeholder="Ingrese su carrera/bachiller/tema de curso " type="text" class="form-control" name="temaDeEstudio" id="temaDeEstudio" required>
<input placeholder="&#xf02d; Ingrese su carrera/bachiller/tema de curso " type="text" class="form-control FA" name="temaDeEstudio" id="temaDeEstudio" required>
</div>
<div class="form-group">
<label for="estado">Estado</label>
......@@ -478,16 +480,16 @@
<form name="referencia-form" class="needs-validation" novalidate>
<div class="form-group">
<label for="nombre" class="form-label">Nombre *</label>
<input placeholder="Ingrese el nombre de su referencia" type="text" class="form-control" name="nombre" id="nombre" required>
<input placeholder="&#xf007; Ingrese el nombre de su referencia" type="text" class="form-control FA " name="nombre" id="nombre" required>
</div>
<div class="form-group">
<label for="relacion" class="form-label">Relacion *</label>
<input placeholder="Ingrese la relacion con su referencia" type="text" class="form-control" name="relacion" id="relacion" required>
<input placeholder="&#xf0c1; Ingrese la relacion con su referencia" type="text" class="form-control FA" name="relacion" id="relacion" required>
</div>
<div class="form-group">
<label for="telefono" class="form-label">Telefono *</label>
<input placeholder="Ingrese el numero de su referncia" type="number" class="form-control" name="telefono" id="telefono" required>
<input placeholder="&#xf095; Ingrese el numero de su referencia" type="number" class="form-control FA" name="telefono" id="telefono" required>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment