From 213dc71c1f7af8b1cfd1571484c3bbd89e819d04 Mon Sep 17 00:00:00 2001 From: willgonzz Date: Tue, 16 Nov 2021 13:30:19 -0300 Subject: [PATCH] cambios visuales, y mejora del lista de postulante --- curriculumsearch/img/FondoRoshka.jpg | 0 curriculumsearch/src/main/java/com/roshka/controller/PostulanteController.java | 2 +- curriculumsearch/src/main/resources/static/main.js | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- curriculumsearch/src/main/webapp/css/cargoStyle.css | 10 ++++++++++ curriculumsearch/src/main/webapp/css/detallePostulantestyle.css | 44 ++++++++++++++++++++++++++++++++++++++++++++ curriculumsearch/src/main/webapp/css/formPostulanteStyle.css | 199 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ curriculumsearch/src/main/webapp/css/indexStyle.css | 8 ++++++++ curriculumsearch/src/main/webapp/css/style.css | 40 ++++++++++++++++++++++++++++++++++++++++ curriculumsearch/src/main/webapp/img/FondoRoshka.jpg | Bin 0 -> 137014 bytes curriculumsearch/src/main/webapp/img/LogoRoshka.jpg | Bin 0 -> 18593 bytes curriculumsearch/src/main/webapp/img/fondo.png | Bin 0 -> 238345 bytes curriculumsearch/src/main/webapp/img/fondoBlanco.jpg | Bin 0 -> 1408376 bytes curriculumsearch/src/main/webapp/img/fondoHeader.png | Bin 0 -> 3491 bytes curriculumsearch/src/main/webapp/img/fondoIndex.jpg | Bin 0 -> 193347 bytes curriculumsearch/src/main/webapp/jsp/cargo-form.jsp | 3 ++- curriculumsearch/src/main/webapp/jsp/cargos.jsp | 1 + curriculumsearch/src/main/webapp/jsp/convocatoria-form.jsp | 3 ++- curriculumsearch/src/main/webapp/jsp/convocatorias.jsp | 1 + curriculumsearch/src/main/webapp/jsp/detallepostulante.jsp | 17 ++++++++--------- curriculumsearch/src/main/webapp/jsp/detallepostulante2.jsp | 164 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ curriculumsearch/src/main/webapp/jsp/index.jsp | 2 ++ curriculumsearch/src/main/webapp/jsp/login.jsp | 12 +++++++----- curriculumsearch/src/main/webapp/jsp/postulante-form.jsp | 151 ++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------- curriculumsearch/src/main/webapp/jsp/postulantes.jsp | 2 ++ curriculumsearch/src/main/webapp/jsp/tecnologia-form.jsp | 4 ++-- curriculumsearch/src/main/webapp/jsp/tecnologias.jsp | 1 + curriculumsearch/webapp/css/styles.min.css | 32 ++++++++++++++++++++++++++++++++ 27 files changed, 601 insertions(+), 154 deletions(-) create mode 100644 curriculumsearch/img/FondoRoshka.jpg create mode 100644 curriculumsearch/src/main/webapp/css/cargoStyle.css create mode 100644 curriculumsearch/src/main/webapp/css/detallePostulantestyle.css create mode 100644 curriculumsearch/src/main/webapp/css/formPostulanteStyle.css create mode 100644 curriculumsearch/src/main/webapp/css/indexStyle.css create mode 100644 curriculumsearch/src/main/webapp/css/style.css create mode 100644 curriculumsearch/src/main/webapp/img/FondoRoshka.jpg create mode 100644 curriculumsearch/src/main/webapp/img/LogoRoshka.jpg create mode 100644 curriculumsearch/src/main/webapp/img/fondo.png create mode 100644 curriculumsearch/src/main/webapp/img/fondoBlanco.jpg create mode 100644 curriculumsearch/src/main/webapp/img/fondoHeader.png create mode 100644 curriculumsearch/src/main/webapp/img/fondoIndex.jpg create mode 100644 curriculumsearch/src/main/webapp/jsp/detallepostulante2.jsp create mode 100644 curriculumsearch/webapp/css/styles.min.css diff --git a/curriculumsearch/img/FondoRoshka.jpg b/curriculumsearch/img/FondoRoshka.jpg new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/curriculumsearch/img/FondoRoshka.jpg diff --git a/curriculumsearch/src/main/java/com/roshka/controller/PostulanteController.java b/curriculumsearch/src/main/java/com/roshka/controller/PostulanteController.java index 5ca25d4..485f12d 100644 --- a/curriculumsearch/src/main/java/com/roshka/controller/PostulanteController.java +++ b/curriculumsearch/src/main/java/com/roshka/controller/PostulanteController.java @@ -214,7 +214,7 @@ public class PostulanteController { Postulante p = post.findById(postulanteId).orElse(null); model.addAttribute("postulante",p); model.addAttribute("estadoP", EstadoPostulante.values()); - return "detallepostulante"; + return "detallepostulante2"; } @PostMapping({"/postulante/{postulanteId}"}) diff --git a/curriculumsearch/src/main/resources/static/main.js b/curriculumsearch/src/main/resources/static/main.js index 808eef0..81c57ef 100644 --- a/curriculumsearch/src/main/resources/static/main.js +++ b/curriculumsearch/src/main/resources/static/main.js @@ -158,8 +158,9 @@ function agregarFieldTecnologia(){ if(tecn==null) continue; content1 += `
  • - ${tecn.tecnologia.nombre} + ${tecn.tecnologia.nombre} +
    • ` @@ -528,4 +529,58 @@ function eliminarReferencia(event) { - +/*--------------------------------------------------------------------------------------------------------- */ +$(function(){ + $("#wizard").steps({ + headerTag: "h4", + bodyTag: "section", + transitionEffect: "fade", + enableAllSteps: true, + transitionEffectSpeed: 500, + onStepChanging: function (event, currentIndex, newIndex) { + if ( newIndex === 1 ) { + $('.steps ul').addClass('step-2'); + } else { + $('.steps ul').removeClass('step-2'); + } + if ( newIndex === 2 ) { + $('.steps ul').addClass('step-3'); + } else { + $('.steps ul').removeClass('step-3'); + } + + if ( newIndex === 3 ) { + $('.steps ul').addClass('step-4'); + $('.actions ul').addClass('step-last'); + } else { + $('.steps ul').removeClass('step-4'); + $('.actions ul').removeClass('step-last'); + } + return true; + }, + labels: { + finish: "Order again", + next: "Next", + previous: "Previous" + } + }); + // Custom Steps Jquery Steps + $('.wizard > .steps li a').click(function(){ + $(this).parent().addClass('checked'); + $(this).parent().prevAll().addClass('checked'); + $(this).parent().nextAll().removeClass('checked'); + }); + // Custom Button Jquery Steps + $('.forward').click(function(){ + $("#wizard").steps('next'); + }) + $('.backward').click(function(){ + $("#wizard").steps('previous'); + }) + // Checkbox + $('.checkbox-circle label').click(function(){ + $('.checkbox-circle label').removeClass('active'); + $(this).addClass('active'); + }) + }) +/*--------------------------------------------------------------------------------------------------------- */ \ No newline at end of file diff --git a/curriculumsearch/src/main/webapp/css/cargoStyle.css b/curriculumsearch/src/main/webapp/css/cargoStyle.css new file mode 100644 index 0000000..02aca46 --- /dev/null +++ b/curriculumsearch/src/main/webapp/css/cargoStyle.css @@ -0,0 +1,10 @@ +body{ + background-image:url(/img/fondoBlanco.jpg); + background-size:cover; + background-repeat:no-repeat; + height:100vh;width:100vw; +} +label { + display: inline-block; + width: 100px; +} \ No newline at end of file diff --git a/curriculumsearch/src/main/webapp/css/detallePostulantestyle.css b/curriculumsearch/src/main/webapp/css/detallePostulantestyle.css new file mode 100644 index 0000000..f124595 --- /dev/null +++ b/curriculumsearch/src/main/webapp/css/detallePostulantestyle.css @@ -0,0 +1,44 @@ +:root { + --nord0: #2e3440; + --nord1: #3b4252; + --nord2: #434c5e; + --nord3: #4c566a; + --nord4: #d8dee9; + --nord5: #e5e9f0; + --nord6: #eceff4; + --nord7: #8fbcbb; + --nord8: #88c0d0; + --nord9: #81a1c1; + --nord10: #5e81ac; + --nord11: #bf616a; + --nord12: #d08770; + --nord13: #ebcb8b; + --nord14: #a3be8c; + --nord15: #b48ead; +} +*{outline: 1px #bf616a;} +body{ + color: #3b4252; + margin: auto; +} +header,section{ + width: 960px; + margin: 0 auto; +} +ul{ + list-style-type: none; +} +header{ + background-image:url(/img/fondoHeader.png); + display: flex; + color: #2e3440; +} +section{ + background-image:url(/img/fondoBlanco.jpg); + + display: flex; + +} +article{ + width: 60%; +} \ No newline at end of file diff --git a/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css b/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css new file mode 100644 index 0000000..25dad7d --- /dev/null +++ b/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css @@ -0,0 +1,199 @@ +body { + /* background-color: #506BEE; */ + background-image:url(/img/fondo.png); + /*background-size:cover;*/ + background-repeat:repeat; + height:100vh;width:100vw; + align-items:"middle"; + +} +#head{text-align:center} + form{/*max-width:300px; + width:90%;position:relative; + left:50%; + top:10%;padding:40px; + border-radius:4px; + transform:translate(-50%,10%);*/ + + box-shadow:3px 3px 4px rgba(175, 209, 20, 0.2)} +.card { + border: none +} +li { + padding: 0; + display: inline-block; + width: 80px; + text-align: center; + letter-spacing:normal; + vertical-align: middle; + line-height: 1.1; +} +button { + + border: none; + color: white; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.image { + position: relative +} + +.image span { + background-color: #506BEE; + color: #fff; + padding: 6px; + height: 30px; + width: 30px; + border-radius: 50%; + font-size: 13px; + position: absolute; + display: flex; + justify-content: center; + align-items: center; + top: -0px; + right: 0px +} + +.user-details h4 { + color: #506BEE +} + +.ratings { + font-size: 30px; + font-weight: 600; + display: flex; + justify-content: left; + align-items: center; + color: #f9b43a +} + +.user-details span { + text-align: left +} + +.inputs label { + display: flex; + margin-left: 3px; + font-weight: 500; + font-size: 13px; + margin-bottom: 4px +} + +.inputs input { + font-size: 14px; + height: 40px; + border: 2px solid #ced4da +} + +.inputs input:focus { + box-shadow: none; + border: 2px solid #506BEE +} + +.about-inputs label { + display: flex; + margin-left: 3px; + font-weight: 500; + font-size: 13px; + margin-bottom: 4px +} + +.about-inputs textarea { + font-size: 14px; + height: 100px; + border: 2px solid #ced4da; + resize: none +} + +.about-inputs textarea:focus { + box-shadow: none +} + +.btn { + font-weight: 600 +} + +.btn:focus { + box-shadow: none +} + +select { + display: block; + width: 100%; + border: 1px solid #ddd; + border-radius: 20px; + height: 40px; + padding: 5px 10px +} + +select:focus { + outline: none +} + +.add-experience:hover { + background: #506BEE; + color: #fff; + cursor: pointer; + border: solid 1px #506BEE +} + +.content-select select{ + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; +} +.content-select{ + max-width: 250px; + position: relative; +} + +.content-select select{ + display: inline-block; + width: 100%; + cursor: pointer; + padding: 7px 10px; + height: 42px; + outline: 0; + border: 0; + border-radius: 0; + background: #f0f0f0; + color: #7b7b7b; + font-size: 1em; + color: #999; + font-family: + 'Quicksand', sans-serif; + border:2px solid rgba(0,0,0,0.2); + border-radius: 12px; + position: relative; + transition: all 0.25s ease; +} + +.content-select select:hover{ + background: #B1E8CD; +} + +/* +Creamos la fecha que aparece a la izquierda del select. +Realmente este elemento es un cuadrado que sólo tienen +dos bordes con color y que giramos con transform: rotate(-45deg); +*/ +.content-select i{ + position: absolute; + right: 20px; + top: calc(50% - 13px); + width: 16px; + height: 16px; + display: block; + border-left:4px solid #2AC176; + border-bottom:4px solid #2AC176; + transform: rotate(-45deg); /* Giramos el cuadrado */ + transition: all 0.25s ease; +} + +.content-select:hover i{ + margin-top: 3px; +} \ No newline at end of file diff --git a/curriculumsearch/src/main/webapp/css/indexStyle.css b/curriculumsearch/src/main/webapp/css/indexStyle.css new file mode 100644 index 0000000..6f1e132 --- /dev/null +++ b/curriculumsearch/src/main/webapp/css/indexStyle.css @@ -0,0 +1,8 @@ +body{ + background-image:url(/img/fondoIndex.jpg); + background-size:cover; + background-repeat:no-repeat; + height:100vh;width:100vw; + position: absolute; + -webkit-text-size-adjust: 100%; +} \ No newline at end of file diff --git a/curriculumsearch/src/main/webapp/css/style.css b/curriculumsearch/src/main/webapp/css/style.css new file mode 100644 index 0000000..990bcac --- /dev/null +++ b/curriculumsearch/src/main/webapp/css/style.css @@ -0,0 +1,40 @@ +*{ + margin: 0px; + padding: 0px; +} +body{ + background-image:url(/img/FondoRoshka.jpg); + background-size:cover; + background-repeat:no-repeat; + overflow: hidden; + height:100%;width:100%; + align-items:"middle"; + position: absolute; +} +#form{max-width:333px; + width:90%;position:relative; + left:50%; + top:10%;padding:40px; + border-radius:4px; + transform:translate(-50%,10%); + color:#fff; + box-shadow:3px 3px 4px rgba(0,0,0,.2)} +#head{text-align:center} +#image{margin:auto;width:50%; + padding:10px;max-height:175px; + max-width:175px} +/*#linkas{display:block; + text-align:center; + font-size:12px; + opacity:.9; + text-decoration:none} +#butonas{background:#70b2d0; + outline:0; + text-shadow:initial} +#formum,#formum2{background:0 0; + border:none; + border-bottom:1px solid #434a52; + border-radius:0; + box-shadow:none; + outline:0; + color:inherit} */ \ No newline at end of file diff --git a/curriculumsearch/src/main/webapp/img/FondoRoshka.jpg b/curriculumsearch/src/main/webapp/img/FondoRoshka.jpg new file mode 100644 index 0000000..503216a Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/FondoRoshka.jpg differ diff --git a/curriculumsearch/src/main/webapp/img/LogoRoshka.jpg b/curriculumsearch/src/main/webapp/img/LogoRoshka.jpg new file mode 100644 index 0000000..ecd4d8c Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/LogoRoshka.jpg differ diff --git a/curriculumsearch/src/main/webapp/img/fondo.png b/curriculumsearch/src/main/webapp/img/fondo.png new file mode 100644 index 0000000..85953d1 Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/fondo.png differ diff --git a/curriculumsearch/src/main/webapp/img/fondoBlanco.jpg b/curriculumsearch/src/main/webapp/img/fondoBlanco.jpg new file mode 100644 index 0000000..b5f6863 Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/fondoBlanco.jpg differ diff --git a/curriculumsearch/src/main/webapp/img/fondoHeader.png b/curriculumsearch/src/main/webapp/img/fondoHeader.png new file mode 100644 index 0000000..c5f0258 Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/fondoHeader.png differ diff --git a/curriculumsearch/src/main/webapp/img/fondoIndex.jpg b/curriculumsearch/src/main/webapp/img/fondoIndex.jpg new file mode 100644 index 0000000..90327ac Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/fondoIndex.jpg differ diff --git a/curriculumsearch/src/main/webapp/jsp/cargo-form.jsp b/curriculumsearch/src/main/webapp/jsp/cargo-form.jsp index ca2da8d..d7c924e 100644 --- a/curriculumsearch/src/main/webapp/jsp/cargo-form.jsp +++ b/curriculumsearch/src/main/webapp/jsp/cargo-form.jsp @@ -8,6 +8,7 @@ contentType="text/html;charset=UTF-8" language="java" %> Cargo +

    Agregar Cargo

    -
    +
    Cargo + Convocatoria + @@ -16,7 +17,7 @@

    Agregar Convocatoria

    -
    +
    Fecha inicial diff --git a/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp b/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp index cdec6d8..1e49265 100644 --- a/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp +++ b/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp @@ -9,6 +9,7 @@ Cargo + diff --git a/curriculumsearch/src/main/webapp/jsp/detallepostulante.jsp b/curriculumsearch/src/main/webapp/jsp/detallepostulante.jsp index 3eeaffc..c7c5387 100644 --- a/curriculumsearch/src/main/webapp/jsp/detallepostulante.jsp +++ b/curriculumsearch/src/main/webapp/jsp/detallepostulante.jsp @@ -19,12 +19,11 @@

    DETALLE POSTULANTE

    -

    +




    -
    -
    +



    @@ -38,13 +37,13 @@


    -

    +


    -

    +


    @@ -56,7 +55,7 @@
    -

    +


    @@ -68,7 +67,7 @@
    -

    +

    @@ -76,7 +75,7 @@
    -

    +


    @@ -85,7 +84,7 @@
    -

    Cambiar Estado del Postulante y Comentario de RRHH

    +

    Cambiar Estado del Postulante y Comentario de RRHH

     Estado
    diff --git a/curriculumsearch/src/main/webapp/jsp/detallepostulante2.jsp b/curriculumsearch/src/main/webapp/jsp/detallepostulante2.jsp new file mode 100644 index 0000000..953a278 --- /dev/null +++ b/curriculumsearch/src/main/webapp/jsp/detallepostulante2.jsp @@ -0,0 +1,164 @@ + +<%@ page contentType="text/html;charset=UTF-8" language="java" %> +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> +<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> + + + + + + + Curriculum vitae + + + + + +
    +
    +
    +

         ${postulante.nombre} ${postulante.apellido}

    +

         ${postulante.tipoDocumento}: ${postulante.nroDocument}

    +

         Correo: ${postulante.correo}

    +
    +
    +
    +
    +
    +
    +

      Informacion Personal

    +
      +
    • + Direccion: ${postulante.getCiudad().getDepartamento().getNombre()},${postulante.getCiudad().getNombre()} +
      • +
    • + Telefono: ${postulante.telefono} +
      • +
    • + Fecha de nacimiento: ${postulante.fechaNacimiento} +
      • +
    • + Nivel de ingles:   +
      • +
    • + Estado civil: ${postulante.estadoCivil} +
      • +
    • + Nacionalidad: ${postulante.nacionalidad} +
      • +
    • + Disponibilidad: ${postulante.disponibilidad} +
      • +
    • + Resumen: ${postulante.resumen} +
      • +
    +
    +

      TECNOLOGIAS

    +
      + +
      +       +
    +
    +

      Cargo al que Postula

    +
      + +
    • Nombre: ${convocatoria.getCargo().getNombre()}

      • +       +
    +
    +

      Estado RRHH

    +
      +
    • Estado del Postulante: ${postulante.estadoPostulante.getEstado()}
      • +
    • Comentario RRHH: ${postulante.getComentarioRRHH()}
      • + + +
    +
    + + +
    + + + + + + + + + + \ No newline at end of file diff --git a/curriculumsearch/src/main/webapp/jsp/index.jsp b/curriculumsearch/src/main/webapp/jsp/index.jsp index 6112019..4f0e442 100644 --- a/curriculumsearch/src/main/webapp/jsp/index.jsp +++ b/curriculumsearch/src/main/webapp/jsp/index.jsp @@ -9,6 +9,8 @@ Document + + diff --git a/curriculumsearch/src/main/webapp/jsp/login.jsp b/curriculumsearch/src/main/webapp/jsp/login.jsp index b426f3e..0f3f1ca 100644 --- a/curriculumsearch/src/main/webapp/jsp/login.jsp +++ b/curriculumsearch/src/main/webapp/jsp/login.jsp @@ -8,21 +8,22 @@ Login - + -
    +
    -
    +
    - -

    Ingresar

    +
    + +
    @@ -51,6 +52,7 @@
    + diff --git a/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp b/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp index 649ba5d..369c003 100644 --- a/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp +++ b/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp @@ -10,123 +10,8 @@ - Hello, world! - - - - - + Curriculum + @@ -232,8 +117,8 @@
    -
    - @@ -242,41 +127,41 @@
    -
    +
    -
    -
    +
    -
    -
    -
     Cargo al que postulas

    +
    +
     Cargo al que postulas

    -
    -
     Agregar Experiencia

    +
    +
     Agregar Experiencia

    -
    -
     Agregar Estudio

    +
    +
     Agregar Estudio

    @@ -284,16 +169,16 @@ -
    -
     Agregar Tecnologia

    +
    +
     Agregar Tecnologia

    -
    -
     Referencias Personales

    +
    +
     Referencias Personales

    diff --git a/curriculumsearch/src/main/webapp/jsp/postulantes.jsp b/curriculumsearch/src/main/webapp/jsp/postulantes.jsp index bbbedb1..81c5e5f 100644 --- a/curriculumsearch/src/main/webapp/jsp/postulantes.jsp +++ b/curriculumsearch/src/main/webapp/jsp/postulantes.jsp @@ -8,6 +8,7 @@ + Lista de postulantes @@ -51,6 +52,7 @@
    +