Merge pull request #301 from deletidev/feature/#272-CV-monochrome-for…

…ce-Create-hard-skills-section

Closed #272

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/hard-skills-section/hard-skills-section.ejs

@@ -0,0 +1,10 @@
+<%_ if (hardSkillsCollection && hardSkillsCollection.length !== 0) { -%>
+    <section class="section hard-skills">
+        <h2 class="title"><%- labels.HARD_SKILLS_HEADING %></h2>
+        <ul class="hard-skills__list">
+            <%_ for (const item of hardSkillsCollection) { -%>
+                <li class="chip chip-primary"><%- item.skill.name %></li>
+            <%_ } -%>
+        </ul>
+      </section>
+  <%_ } -%>

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/hard-skills-section/hard-skills-section.parts.ts

@@ -0,0 +1,22 @@
+import ejs from 'ejs';
+import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
+import { Settings, Language, ManfredAwesomicCV } from '@/model';
+import { getLabels } from './labels';
+import hardSkillsSection from './hard-skills-section.ejs?raw';
+
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
+  const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
+  return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
+};
+
+const generateHardSkillsSectionInner = (
+  hardSkillsSectionVm: HardSkillVM[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
+  const rootObject = {
+    hardSkillsCollection: hardSkillsSectionVm,
+    labels: getLabels(language),
+  };
+  return ejs.render(hardSkillsSection, rootObject);
+};

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/hard-skills-section/index.ts

@@ -0,0 +1 @@
+export * from './hard-skills-section.parts';

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts

@@ -0,0 +1,5 @@
+import { HardSkillsLabels } from './hard-skills-label.model';
+
+export const englishHardSkillsLabels: HardSkillsLabels = {
+  HARD_SKILLS_HEADING: 'Hard Skills',
+};

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/hard-skills-section/labels/hard-skills-label.model.ts

@@ -0,0 +1,3 @@
+export interface HardSkillsLabels {
+  HARD_SKILLS_HEADING: string;
+}

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts

@@ -0,0 +1,5 @@
+import { HardSkillsLabels } from './hard-skills-label.model';
+
+export const spanishHardSkillsLabels: HardSkillsLabels = {
+  HARD_SKILLS_HEADING: 'Competencias',
+};

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/hard-skills-section/labels/index.ts

@@ -0,0 +1,15 @@
+import { Language } from '@/model';
+import { HardSkillsLabels } from './hard-skills-label.model';
+import { spanishHardSkillsLabels } from './hard-skills-spanish-labels.const';
+import { englishHardSkillsLabels } from './hard-skills-english-labels.const';
+
+export const getLabels = (language: Language): HardSkillsLabels => {
+  switch (language) {
+    case 'es':
+      return spanishHardSkillsLabels;
+    case 'en':
+      return englishHardSkillsLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/index.ts

@@ -8,3 +8,4 @@ export * from './main-element-start';
 export * from './main-element-end';
 export * from './about-me-section';
 export * from './relevants-links-section';
+export * from './hard-skills-section';

packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/relevants-links-section.part.ts

@@ -19,7 +19,6 @@ const generateRelevantsLinksSectionInner = (
     profile: profileSectionVm,
     labels: getLabels(language),
   };
-  console.log(profileSectionVm.emails);
 
   return ejs.render(relevantsLinksSection, rootObject);
 };

packages/manfred2html/src/engine/cv-monochrome-force/index.ts

@@ -10,6 +10,7 @@ import {
   generateMainElementEnd,
   generateAboutMeSection,
   generateRelevantsLinksSection,
+  generateHardSkillsSection,
 } from './html-parts';
 
 export const exportManfredJSonToCVMonochromeForceHTML = (
@@ -26,6 +27,7 @@ export const exportManfredJSonToCVMonochromeForceHTML = (
   const mainElementEnd = generateMainElementEnd();
   const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent, settings);
   const aboutMeSection = generateAboutMeSection(manfredJsonContent, settings);
+  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent, settings);
 
   return `
     ${htmlDocumentStart}
@@ -35,6 +37,7 @@ export const exportManfredJSonToCVMonochromeForceHTML = (
       ${mainElementStart}
         ${relevantsLinksSection}
         ${aboutMeSection}
+        ${hardSkillsSection}
       ${mainElementEnd}
       ${footerSection}
     ${htmlDocumentEnd}