first approach at ejs templates

Author: AbelDeTena

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/experience-section/experience-section.ejs

@@ -1,42 +1,31 @@
-<section>
-    <h3>Experiencia</h3>
-    <div class="section__content section__experiencie">
-      <article>
-        <header>
-          <h3>Manfred</h3>
-          <h3><span>CEO</span><span class="separator"></span><span>Junio 2018 - Actualidad</span></h3>
-        </header>
-        <p>
-          We grew the company from a recruiting agency to become a genuine career management platform. Now, we are
-          an international team of 45 people, taking care of the career of +20,000 professionals around the World.
-          To achieve this, we had to: Adapt the organization processes to scale its operations. Implementation of
-          Holacracy as the management system. Development of own product to scale the company operations,
-          especially the value added to candidates. Completing the acquisition process by Sngular, maintaining the
-          company's core of employees without any productivity or sales suffering before, during, and after it.
-        </p>
-      </article>
-      <hr />
-      <article>
-        <header>
-          <h3>Comalatech</h3>
-          <h3><span>CEO</span><span class="separator"></span><span>Febrero 2017 - Junio 2018</span></h3>
-        </header>
-        <p>
-          Comalatech was a company with 17 employees and 3 million dollar revenue per year, developing plugins
-          that extend the functionalities of the Atlassian main products. My goal was to scale the organization to
-          help grow. With these solid foundations, Comalatech was finally acquired by Appfire in 2022.
-        </p>
-      </article>
-      <hr />
-      <article>
-        <header>
-          <h3>Instituto de empresa</h3>
-          <h3>
-            <span>Profesor asociado de productividad y metodologías ágiles</span><span class="separator"></span
-            ><span>Sep 2002 - Jun 2006</span>
-          </h3>
-        </header>
-        <p></p>
-      </article>
-    </div>
-  </section>
+  <%_ if(experienceCollection && experienceCollection.length !== 0){ -%>
+    <section>
+      <h3><%- labels.EXPERIENCE_CAREER_HEADING %></h3>
+      <div class="section__content section__experiencie">
+        <%_ for(const experience of experienceCollection){ -%>
+          <article>
+            <header>
+              <h3><%- experience.name %></h3>
+              <h3><span><%- experience.roles[0].name %></span><span class="separator"></span><span><%- new Date(experience.roles[0].startDate).toLocaleDateString(undefined, { year:"numeric", month:"short"})%> <%_ if(experience.roles[0].finishDate && experience.roles[0].finishDate.toLowerCase() !=='actualidad') { -%>
+                <%- "- "+new Date(experience.roles[0].finishDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) -%>
+              <%_ } else { -%>
+                - Actualidad
+                <%_}-%></span></h3>
+            </header>
+            <p><%- experience.description %></p> 
+            <%_ if(experience.roles[0].challenges && experience.roles[0].challenges.length !== 0) { -%>
+              
+              
+                  <%_ for(const challenge of experience.roles[0].challenges){ -%>
+                    <p><%- challenge.description %></p>
+                  <%_ }-%>
+                
+              <%_ }-%>           
+          </article>
+          <hr />
+          <%_ }-%>
+      
+      </div>
+      </section>
+  <%_ }-%>
+  

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/experience-section/experience-section.part.ts

@@ -1,4 +1,24 @@
 import ejs from 'ejs';
+import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
+import { Settings, Language, ManfredAwesomicCV } from '@/model';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import experienceSection from './experience-section.ejs?raw';
+import { getLabels } from './labels';
 
-export const generateExperienceSection = (): string => ejs.render(experienceSection);
+export const generateExperienceSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
+  const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
+
+  return generateExperienceSectionInner(experienceSectionVm, settings.language);
+};
+
+const generateExperienceSectionInner = (
+  experienceSectionVm: ExperienceVm[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
+  const rootObject = {
+    experienceCollection: experienceSectionVm,
+    labels: getLabels(language),
+  };
+
+  return ejs.render(experienceSection, rootObject);
+};

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/experience-section/labels/experience-english-labels.const.ts

@@ -0,0 +1,5 @@
+import { ExperienceLabels } from './experience-label.model';
+
+export const englishExperienceLabels: ExperienceLabels = {
+  EXPERIENCE_CAREER_HEADING: 'Experience / Career',
+};

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/experience-section/labels/experience-label.model.ts

@@ -0,0 +1,3 @@
+export interface ExperienceLabels {
+  EXPERIENCE_CAREER_HEADING: string;
+}

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/experience-section/labels/experience-spanish-labels.const.ts

@@ -0,0 +1,5 @@
+import { ExperienceLabels } from './experience-label.model';
+
+export const spanishExperienceLabels: ExperienceLabels = {
+  EXPERIENCE_CAREER_HEADING: 'Experiencia / Carrera',
+};

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/experience-section/labels/index.ts

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

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/lenguage-section/labels/index.ts

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

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/lenguage-section/labels/language-english-labels.const.ts

@@ -0,0 +1,5 @@
+import { LanguageLabels } from './language-label.model';
+
+export const englishLanguageLabels: LanguageLabels = {
+  LANGUAGE_HEADING: 'Languages',
+};

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/lenguage-section/labels/language-label.model.ts

@@ -0,0 +1,3 @@
+export interface LanguageLabels {
+  LANGUAGE_HEADING: string;
+}

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/lenguage-section/labels/language-spanish-labels.const.ts

@@ -0,0 +1,5 @@
+import { LanguageLabels } from './language-label.model';
+
+export const spanishLanguageLabels: LanguageLabels = {
+  LANGUAGE_HEADING: 'Idiomas',
+};