diff --git a/ToDo.yaml b/ToDo.yaml index 40346d4..c4a3165 100755 --- a/ToDo.yaml +++ b/ToDo.yaml @@ -24,9 +24,6 @@ Server: Server.csproj: Find a way to keep all the libraries up to date - DbDriver: - Make getConnection() -> Based on a connection pool so that more than a specific number of connections cannot be made [ 30 connections max -> else wait for connection to open ] - Client: jobs/editor: Job Listing Skills exists but isn't implimented in the UI diff --git a/src/Client/src/app/pages/resumes/editor/editor.component.css b/src/Client/src/app/pages/resumes/editor/editor.component.css index 0daf73e..7230e75 100644 --- a/src/Client/src/app/pages/resumes/editor/editor.component.css +++ b/src/Client/src/app/pages/resumes/editor/editor.component.css @@ -1,4 +1,38 @@ +input, textarea { + border: none; + background-color: transparent; +} + +h1 { + margin: 0; + font-size: 15px; +} + +.paper { + width: 70vw; + aspect-ratio: 1 / 1.294; + background: white; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + margin: auto; + margin-top: 50px; + border: 1px solid #ddd; +} + +.columns { + columns: 2; +} + +.resume-header { + width: 70vw; + background: white; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + margin: auto; + margin-top: 50px; + border: 1px solid #ddd; +} + .resume-section { + break-inside: avoid; background-color: #DDDDDD; margin: 10px; } diff --git a/src/Client/src/app/pages/resumes/editor/editor.component.html b/src/Client/src/app/pages/resumes/editor/editor.component.html index 15c06d1..954a35a 100644 --- a/src/Client/src/app/pages/resumes/editor/editor.component.html +++ b/src/Client/src/app/pages/resumes/editor/editor.component.html @@ -1,140 +1,149 @@
- - -
- - - - - - - - - +
+
+ +

Public:

+

Is Veteran:

+
- -
- - @for(experience of resume.experiences; track experience.trackUUID ){ -
- - - - - - - - - @if(!experience.stillEmployed){ - - } - - @for(bullet of experience.experienceBullets; track bullet.trackUUID){ -
- - +
+ +
+ + + + + + + + +
+ +
+ +
+ + @for(experience of resume.experiences; track experience.trackUUID ){ +
+ + + + + + + + + + @if(!experience.stillEmployed){ + + } + + @for(bullet of experience.experienceBullets; track bullet.trackUUID){ +
+ + +
+ }
} -
- } -
- -
-

Is Veteran:

- @if(resume.military !== null){ - - - -

Still Serving:

- @if (!resume.military.stillServing){ - - } - - @for(military of resume.military.militaryBullets; track military.trackUUID ){ -
- - - + + @if(resume.military !== null){ +
+ + +

Still Serving:

+ + @if (!resume.military.stillServing){ + + } + + @for(military of resume.military.militaryBullets; track military.trackUUID ){ +
+ + + +
+ }
} - } -
- - -
- - @for(education of resume.educations; track education.trackUUID){ -
- - - - - - - - - - @if (!education.stillStudying){ - + + +
+ + @for(education of resume.educations; track education.trackUUID){ +
+ + + + + + + + + + + @if (!education.stillStudying){ + + } +
} -
- } -
- - -
- - @for(skill of resume.skills; track skill.trackUUID){ -
- - - + + +
+ + @for(skill of resume.skills; track skill.trackUUID){ +
+ + + +
+ }
- } -
- -
- - @for(language of resume.languages; track language.trackUUID){ -
- - - + +
+ + @for(language of resume.languages; track language.trackUUID){ +
+ + + +
+ }
- } -
- + - -
- - @for(cert of resume.certifications; track cert.trackUUID){ -
- - - - + +
+ + @for(cert of resume.certifications; track cert.trackUUID){ +
+ + + + +
+ }
- } -
- - -
- - @for(proj of resume.projects; track proj.trackUUID){ -
- - - - + + +
+ + @for(proj of resume.projects; track proj.trackUUID){ +
+ + + + +
+ }
- } +
@if (isNewResume){ diff --git a/src/Client/src/app/pages/resumes/editor/editor.component.ts b/src/Client/src/app/pages/resumes/editor/editor.component.ts index 925131e..9b276d3 100644 --- a/src/Client/src/app/pages/resumes/editor/editor.component.ts +++ b/src/Client/src/app/pages/resumes/editor/editor.component.ts @@ -56,6 +56,22 @@ export class ResumesEditorComponent { }); } + PrintResume(){ + const divToPrint = document.getElementsByClassName("paper")[0]; + + const printContents = divToPrint.innerHTML; + const originalContents = document.body.innerHTML; // Store original body content + + // Temporarily replace the body content with the div's content + document.body.innerHTML = printContents; + + // Trigger the print dialog + window.print(); + + // Restore the original body content + document.body.innerHTML = originalContents; + } + addExperience(){ this.resume.experiences.push( new ResumeExperience ); }