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"]{ ...@@ -217,6 +217,7 @@ form[name="postulante"]{
label:hover { label:hover {
color: #bfbfbf; color: #bfbfbf;
} }
/*ICONOS Y PLACEHOLDER
.size-placeholder::placeholder{ .size-placeholder::placeholder{
background-size: 18px 18px; background-size: 18px 18px;
...@@ -225,19 +226,19 @@ label:hover { ...@@ -225,19 +226,19 @@ label:hover {
} }
/*Nombre*/ /*Nombre
.name-placeholder::placeholder{ .nombre-ph::placeholder{
background-image: url(../img/placeholder/name_ph.png); background-image: url(../img/placeholder/name_ph.png);
} }
/*Apellido*/ Apellido
.lastname-placeholder::placeholder{ #apellido::placeholder{
background-image: url(../img/placeholder/lastname_ph.png); background-image: url(../img/placeholder/lastname_ph.png);
} }
/*Email*/ Email
.email-placeholder::placeholder{ #correo::placeholder{
background-image: url(../img/placeholder/email_ph.png); background-image: url(../img/placeholder/email_ph.png);
} }
/*Numero de documento*/ Numero de documento*/
#nroDocument::-webkit-outer-spin-button, #nroDocument::-webkit-outer-spin-button,
#nroDocument::-webkit-inner-spin-button #nroDocument::-webkit-inner-spin-button
{ {
...@@ -247,15 +248,16 @@ label:hover { ...@@ -247,15 +248,16 @@ label:hover {
#nroDocument[type=number] { #nroDocument[type=number] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }
/*
.nroDocument-ph::placeholder{ .nroDocument-ph::placeholder{
background-image: url(../img/placeholder/nroDocumento_ph.png); background-image: url(../img/placeholder/nroDocumento_ph.png);
margin-left: 5px; margin-left: 5px;
} }
/*Direccion*/ Direccion
.direccion-ph::placeholder{ #direccion::placeholder{
background-image: url(../img/placeholder/adress_ph.png); background-image: url(../img/placeholder/adress_ph.png);
background-size: 14px 14px; background-size: 14px 14px;
} }*/
/*Telefono*/ /*Telefono*/
#telefono::-webkit-outer-spin-button, #telefono::-webkit-outer-spin-button,
#telefono::-webkit-inner-spin-button #telefono::-webkit-inner-spin-button
...@@ -266,8 +268,53 @@ label:hover { ...@@ -266,8 +268,53 @@ label:hover {
#telefono[type=number] { #telefono[type=number] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }
/*
.telefono-ph::placeholder{ .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 @@ ...@@ -15,6 +15,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css"> <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="icon" href="../img/LogoRoshka.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Shippori+Antique+B1"> <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> </head>
<body class="container"> <body class="container">
...@@ -36,20 +38,20 @@ ...@@ -36,20 +38,20 @@
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="nombre" class="form-label">Nombre *</label> <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>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="apellido" class="form-label ">Apellido *</label> <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>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="correo" class="form-label">Email *</label> <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> </div>
...@@ -73,7 +75,7 @@ ...@@ -73,7 +75,7 @@
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="nroDocument" class="form-label">Numero de Documento</label> <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> </div>
...@@ -97,13 +99,13 @@ ...@@ -97,13 +99,13 @@
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="direccion" class="form-label">Direccion *</label> <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>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="telefono" class="form-label">Telefono *</label> <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> </div>
...@@ -255,7 +257,7 @@ ...@@ -255,7 +257,7 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <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;"> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="color:#21130d;">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
...@@ -297,7 +299,7 @@ ...@@ -297,7 +299,7 @@
<div class="inputs"> <div class="inputs">
<label for="institucionExperiencia" class="inputs form-label">Institucion *</label> <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>
<div class="inputs"> <div class="inputs">
<label for="fechaDesdeExperiencia" class="form-label">Fecha Desde *</label> <label for="fechaDesdeExperiencia" class="form-label">Fecha Desde *</label>
...@@ -315,26 +317,26 @@ ...@@ -315,26 +317,26 @@
<div class="inputs"> <div class="inputs">
<label for="cargo" class="form-label">Cargo *</label> <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>
<div class="inputs"> <div class="inputs">
<label for="descripcion" class="form-label">Descripcion *</label> <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>
<div class="inputs"> <div class="inputs">
<label for="refNombre" class="form-label">Nombre de la Referencia</label> <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>
<div class="inputs"> <div class="inputs">
<label for="refTel" class="form-label">Telefono de la Referencia</label> <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>
<div class="inputs"> <div class="inputs">
<label for="motivoSalida" class="form-label">Motivo de Salida</label> <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>
<div class="inputs"> <div class="inputs">
<label for="tipoExperiencia" class="form-label"> Tipo de Experiencia</label> <label for="tipoExperiencia" class="form-label"> Tipo de Experiencia</label>
...@@ -362,7 +364,7 @@ ...@@ -362,7 +364,7 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <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;"> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="color:#21130d;">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
...@@ -422,11 +424,11 @@ ...@@ -422,11 +424,11 @@
<%-- <input type="text" class="form-control " name="tipoDeEstudio" id="tipoDeEstudio">--%> <%-- <input type="text" class="form-control " name="tipoDeEstudio" id="tipoDeEstudio">--%>
<div class="form-group"> <div class="form-group">
<label for="institucionEstudio" class="form-label">Institucion *</label> <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>
<div class="form-group"> <div class="form-group">
<label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso *</label> <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>
<div class="form-group"> <div class="form-group">
<label for="estado">Estado</label> <label for="estado">Estado</label>
...@@ -478,16 +480,16 @@ ...@@ -478,16 +480,16 @@
<form name="referencia-form" class="needs-validation" novalidate> <form name="referencia-form" class="needs-validation" novalidate>
<div class="form-group"> <div class="form-group">
<label for="nombre" class="form-label">Nombre *</label> <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>
<div class="form-group"> <div class="form-group">
<label for="relacion" class="form-label">Relacion *</label> <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>
<div class="form-group"> <div class="form-group">
<label for="telefono" class="form-label">Telefono *</label> <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> </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