Skip to content

Commit

Permalink
Merge pull request #9 from ThePandaDevs/develop
Browse files Browse the repository at this point in the history 
Develop
  • Loading branch information
@Sterplay2010
Sterplay2010 authored Aug 25, 2022
2 parents 6f2a206 + 65b23a8 commit 8a50818
Show file tree
Hide file tree
Showing 28 changed files with 757 additions and 564 deletions.
20 changes: 20 additions & 0 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^13.5.0",
"axios": "^0.27.2",
"lodash": "^4.17.21",
"primeflex": "^3.2.1",
"primeicons": "^5.0.0",
"primereact": "^8.1.1",
Expand Down
2 changes: 1 addition & 1 deletion public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
/>
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

<title>React App</title>
<title>PIBE</title>
</head>
<body style="background-color:#EAF3FB">
<noscript>You need to enable JavaScript to run this app.</noscript>
Expand Down
59 changes: 36 additions & 23 deletions src/components/candidates_components/templates_components/Aptitudes.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,37 @@
export const Aptitudes = ({ resume,color }) => {
return (
<>
<div className=" px-5 m-0 md:m-5">
<div class="card ">
<div class="flex flex-wrap align-items-center mt-3 justify-content-center card-container blue-container">
<div class={`min-w-full border-round ${color} text-white font-bold p-1 flex align-items-center text-left`}>Habilidades:</div>
</div>
<div className="grid container ">
<div className="col-12 ">
{resume.aptitudes.map((r, i) => {
return(
<div className="text-base text-justify mt-2 font-light text-600 md:ml-3 lg:ml-3 md:mr-3 lg:mr-3">
• {r.name}
import _ from 'lodash';

export const Aptitudes = ({ resume, color }) => {
return (
<>
<div className=' px-5 m-0 md:m-5'>
<div class='card '>
<div class='flex flex-wrap align-items-center mt-3 justify-content-center card-container blue-container'>
<div
class={`min-w-full border-round ${color} text-white font-bold p-1 flex align-items-center text-left`}>
Habilidades:
</div>
</div>
)
})}
</div>
</div>
</div>
</div>
</>
)
}
<div className='grid container '>
<div className='col-12 '>
{_.size(resume.aptitudes)>0 ? (
<>
{resume.aptitudes.map((r, i) => {
return (
<div className='text-base text-justify mt-2 font-light text-600 md:ml-3 lg:ml-3 md:mr-3 lg:mr-3'>
• {r.name}
</div>
);
})}
</>
):(
<div className="flex justify-content-center text-color-secondary">
Sin datos.
</div>
)}
</div>
</div>
</div>
</div>
</>
);
};
113 changes: 66 additions & 47 deletions src/components/candidates_components/templates_components/Certifications.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,50 +1,69 @@
import DateService from '../../../services/DateService';

export const Certifications = ({resume,color}) => {
return (
<>
<div className=" px-5 m-0 md:m-5">
<div class="card ">
<div class="flex flex-wrap align-items-center mt-3 justify-content-center card-container blue-container">
<div class={`min-w-full border-round ${color} text-white font-bold p-1 flex align-items-center text-left`}>Certificación:</div>
</div>
<div className="grid container ">
<div className="col-4 justify-content-center">
<div className="text-base font-bold mt-2 flex justify-content-center">Nombre</div>
{resume.certifications.map((r, i) => {
return (
<div className="text-base font-light text-600 flex justify-content-center">{r.name}</div>
)
})}
</div>
export const Certifications = ({ resume, color }) => {
return (
<>
<div className=' px-5 m-0 md:m-5'>
<div class='card '>
<div class='flex flex-wrap align-items-center mt-3 justify-content-center card-container blue-container'>
<div
class={`min-w-full border-round ${color} text-white font-bold p-1 flex align-items-center text-left`}>
Certificación:
</div>
</div>
<div className='grid container '>
<div className='col-4 justify-content-center'>
<div className='text-base font-bold mt-2 flex justify-content-center'>
Nombre
</div>
{resume.certifications.map((r, i) => {
return (
<div className='text-base font-light text-600 flex justify-content-center'>
{r.name}
</div>
);
})}
</div>

<div className="col-4 ">
<div className="text-base font-bold mt-2 flex justify-content-center">Compañia</div>
{resume.certifications.map((r,i)=>{
return(
<div className="text-base font-light text-600 flex justify-content-center">{r.company}</div>
)
})}
</div>
<div className="col-4 4 justify-content-center">
<div className="text-base font-bold mt-2 flex justify-content-center">Logro</div>
{resume.certifications.map((r,i)=>{
return(
<div className="text-base font-light text-600 flex justify-content-center">{DateService.parseToDate(r.obtainedDate)}</div>
)
})}
</div>
<div className="col-4 ">
<div className="text-base font-bold mt-2 flex justify-content-center">Expiración</div>
{resume.certifications.map((r,i)=>{
return(
<div className="text-base font-light text-600 flex justify-content-center">{DateService.parseToDate(r.expirationDate)}</div>
)
})}
</div>
</div>
</div>
</div>
</>
)
}
<div className='col-4 '>
<div className='text-base font-bold mt-2 flex justify-content-center'>
Compañia
</div>
{resume.certifications.map((r, i) => {
return (
<div className='text-base font-light text-600 flex justify-content-center'>
{r.company}
</div>
);
})}
</div>
<div className='col-4 4 justify-content-center'>
<div className='text-base font-bold mt-2 flex justify-content-center'>
Logro
</div>
{resume.certifications.map((r, i) => {
return (
<div className='text-base font-light text-600 flex justify-content-center'>
{DateService.parseToDate(r.obtainedDate)}
</div>
);
})}
</div>
<div className='col-4 '>
<div className='text-base font-bold mt-2 flex justify-content-center'>
Expiración
</div>
{resume.certifications.map((r, i) => {
return (
<div className='text-base font-light text-600 flex justify-content-center'>
{DateService.parseToDate(r.expirationDate)}
</div>
);
})}
</div>
</div>
</div>
</div>
</>
);
};
113 changes: 66 additions & 47 deletions src/components/candidates_components/templates_components/Courses.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,50 +1,69 @@
import DateService from '../../../services/DateService';

export const Courses = ({ resume,color }) => {
return (
<>
<div className=" px-5 m-0 md:m-5">
<div class="card ">
<div class="flex flex-wrap align-items-center mt-3 justify-content-center card-container blue-container">
<div class={`min-w-full border-round ${color} text-white font-bold p-1 flex align-items-center text-left`}>Cursos:</div>
</div>
export const Courses = ({ resume, color }) => {
return (
<>
<div className=' px-5 m-0 md:m-5'>
<div class='card '>
<div class='flex flex-wrap align-items-center mt-3 justify-content-center card-container blue-container'>
<div
class={`min-w-full border-round ${color} text-white font-bold p-1 flex align-items-center text-left`}>
Cursos:
</div>
</div>

<div className="grid container ">
<div className="col-4 justify-content-center">
<div className="text-base font-bold mt-2 flex justify-content-center">Nombre</div>
{resume.courses.map((r, i) => {
return (
<div className="text-base font-light text-600 flex justify-content-center">{r.name}</div>
)
})}
</div>
<div className="col-4">
<div className="text-base font-bold mt-2 flex justify-content-center">Instituto</div>
{resume.courses.map((r, i) => {
return (
<div className="text-base font-light text-600 flex justify-content-center">{r.trainingInstitution}</div>
)
})}
</div>
<div className="col-4 justify-content-center">
<div className="text-base font-bold mt-2 flex justify-content-center">Realización</div>
{resume.courses.map((r, i) => {
return (
<div className="text-base font-light text-600 flex justify-content-center">{DateService.parseToDate(r.realizationDate)}</div>
)
})}
</div>
<div className="col-4">
<div className="text-base font-bold mt-2 flex justify-content-center">Horas</div>
{resume.courses.map((r, i) => {
return (
<div className="text-base font-light text-600 flex justify-content-center">{r.hours}</div>
)
})}
</div>
</div>
</div>
</div>
</>
)
}
<div className='grid container '>
<div className='col-4 justify-content-center'>
<div className='text-base font-bold mt-2 flex justify-content-center'>
Nombre
</div>
{resume.courses.map((r, i) => {
return (
<div className='text-base font-light text-600 flex justify-content-center'>
{r.name}
</div>
);
})}
</div>
<div className='col-4'>
<div className='text-base font-bold mt-2 flex justify-content-center'>
Instituto
</div>
{resume.courses.map((r, i) => {
return (
<div className='text-base font-light text-600 flex justify-content-center'>
{r.trainingInstitution}
</div>
);
})}
</div>
<div className='col-4 justify-content-center'>
<div className='text-base font-bold mt-2 flex justify-content-center'>
Realización
</div>
{resume.courses.map((r, i) => {
return (
<div className='text-base font-light text-600 flex justify-content-center'>
{DateService.parseToDate(r.realizationDate)}
</div>
);
})}
</div>
<div className='col-4'>
<div className='text-base font-bold mt-2 flex justify-content-center'>
Horas
</div>
{resume.courses.map((r, i) => {
return (
<div className='text-base font-light text-600 flex justify-content-center'>
{r.hours}
</div>
);
})}
</div>
</div>
</div>
</div>
</>
);
};
Loading

0 comments on commit 8a50818

Please sign in to comment.