From 809d1df805f61370ba256e0354123e868ef5e72c Mon Sep 17 00:00:00 2001
From: Joaquin Elias Baranda Ayala <joaquinbaranda1999@gmail.com>
Date: Tue, 23 Nov 2021 11:28:14 -0300
Subject: [PATCH] Actualizacion Front-End

---
 curriculumsearch/src/main/webapp/css/formPostulanteStyle.css         | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------
 curriculumsearch/src/main/webapp/img/placeholder/building_ph.png     | Bin 0 -> 160866 bytes
 curriculumsearch/src/main/webapp/img/placeholder/cargo_ph.png        | Bin 0 -> 159839 bytes
 curriculumsearch/src/main/webapp/img/placeholder/description_ph.png  | Bin 0 -> 148328 bytes
 curriculumsearch/src/main/webapp/img/placeholder/motivoSalida_ph.png | Bin 0 -> 168344 bytes
 curriculumsearch/src/main/webapp/img/placeholder/relacion_ph.png     | Bin 0 -> 168917 bytes
 curriculumsearch/src/main/webapp/img/placeholder/studios_ph.png      | Bin 0 -> 135723 bytes
 curriculumsearch/src/main/webapp/jsp/postulante-form.jsp             | 40 +++++++++++++++++++++-------------------
 8 files changed, 81 insertions(+), 32 deletions(-)
 create mode 100644 curriculumsearch/src/main/webapp/img/placeholder/building_ph.png
 create mode 100644 curriculumsearch/src/main/webapp/img/placeholder/cargo_ph.png
 create mode 100644 curriculumsearch/src/main/webapp/img/placeholder/description_ph.png
 create mode 100644 curriculumsearch/src/main/webapp/img/placeholder/motivoSalida_ph.png
 create mode 100644 curriculumsearch/src/main/webapp/img/placeholder/relacion_ph.png
 create mode 100644 curriculumsearch/src/main/webapp/img/placeholder/studios_ph.png

diff --git a/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css b/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css
index 352d6bd..a4276b5 100644
--- a/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css
+++ b/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
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/building_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/building_ph.png
new file mode 100644
index 0000000..f631308
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/building_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/cargo_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/cargo_ph.png
new file mode 100644
index 0000000..0d9b3c4
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/cargo_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/description_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/description_ph.png
new file mode 100644
index 0000000..7d99dfb
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/description_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/motivoSalida_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/motivoSalida_ph.png
new file mode 100644
index 0000000..7ffec61
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/motivoSalida_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/relacion_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/relacion_ph.png
new file mode 100644
index 0000000..7dfb0d8
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/relacion_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/studios_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/studios_ph.png
new file mode 100644
index 0000000..cb079e5
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/studios_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp b/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
index c696873..79db604 100644
--- a/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
+++ b/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>
                  
                 
--
libgit2 0.26.0