Merge pull request #300 from deletidev/feature/#270-CV-monochrome-force-Create-relevants-links-section

juanpms2 · web-flow · commit 33ab993b70e1 · 2023-12-14T17:34:15.000+01:00
Closed #270
diff --git a/packages/manfred-common/src/doc-parts/profile-section/profile-section.mapper.spec.ts b/packages/manfred-common/src/doc-parts/profile-section/profile-section.mapper.spec.ts
@@ -1,6 +1,6 @@
-import { ManfredAwesomicCV } from '@/model';
+import { ContactMean, ManfredAwesomicCV } from '@/model';
 import { mapFromMacCvToProfileSectionVm, mapRelevantLinksToVm } from './profile-section.mapper';
-import { ProfileSectionVm, RelevantLinkVm } from './profile-section.vm';
+import { PhoneNumbers, ProfileSectionVm, RelevantLinkVm } from './profile-section.vm';
 describe('Testing profile-section.mapper.ts', () => {
   describe('relevanLinksToVm specs', () => {
     it('should return relevant link type with "otros" when passed relevantLinks type is "other"', () => {
@@ -81,6 +81,7 @@ describe('Testing profile-section.mapper.ts', () => {
         description: '',
         fullname: ' ',
         emails: [] as string[],
+        phoneNumbers: [] as PhoneNumbers[],
         relevantLinks: [] as RelevantLinkVm[],
         avatarUrl: '',
         city: '',
@@ -103,6 +104,7 @@ describe('Testing profile-section.mapper.ts', () => {
         description: '',
         fullname: ' ',
         emails: [] as string[],
+        phoneNumbers: [] as PhoneNumbers[],
         relevantLinks: [] as RelevantLinkVm[],
         avatarUrl: '',
         city: '',
@@ -137,6 +139,7 @@ describe('Testing profile-section.mapper.ts', () => {
         description: '',
         fullname: ' ',
         emails: [] as string[],
+        phoneNumbers: [] as PhoneNumbers[],
         relevantLinks: [] as RelevantLinkVm[],
         avatarUrl: '',
         city: '',
@@ -171,6 +174,7 @@ describe('Testing profile-section.mapper.ts', () => {
         description: '',
         fullname: ' ',
         emails: [] as string[],
+        phoneNumbers: [] as PhoneNumbers[],
         relevantLinks: [] as RelevantLinkVm[],
         avatarUrl: '',
         city: '',
@@ -214,6 +218,7 @@ describe('Testing profile-section.mapper.ts', () => {
         description: '',
         fullname: ' ',
         emails: [] as string[],
+        phoneNumbers: [] as PhoneNumbers[],
         relevantLinks: [] as RelevantLinkVm[],
         avatarUrl: '',
         city: '',
@@ -258,6 +263,7 @@ describe('Testing profile-section.mapper.ts', () => {
         description: '',
         fullname: ' ',
         emails: [] as string[],
+        phoneNumbers: [] as PhoneNumbers[],
         relevantLinks: [] as RelevantLinkVm[],
         avatarUrl: '',
         city: '',
@@ -272,8 +278,9 @@ describe('Testing profile-section.mapper.ts', () => {
 
     it('It should returns cv with proper data when fields from aboutMe field have valid values', () => {
       // Arrange
-      const theContact: any = {
+      const theContact: ContactMean = {
         contactMails: ['john.doe@mydomain.com', 'john.doe@anydomain.com'],
+        phoneNumbers: [{ number: '659120720', countryCode: '+34' }],
       };
 
       const theLink: any = {
@@ -289,7 +296,6 @@ describe('Testing profile-section.mapper.ts', () => {
         description: 'Frontend developer',
         birthday: '30/03/1990',
         avatar: { link: 'http://manfredexport.com' },
-        contact: theContact,
         location: { municipality: 'Madrid', country: 'Spain' },
       };
 
@@ -303,6 +309,9 @@ describe('Testing profile-section.mapper.ts', () => {
           profile: person,
           relevantLinks: [theLink],
         },
+        careerPreferences: {
+          contact: theContact,
+        },
       };
 
       const expectedResult: ProfileSectionVm = {
@@ -311,7 +320,8 @@ describe('Testing profile-section.mapper.ts', () => {
         title: 'Computer Science Bachelor',
         description: 'Frontend developer',
         fullname: 'John Doe',
-        emails: ['john.doe@mydomain.com', 'john.doe@anydomain.com'] as string[],
+        emails: theContact.contactMails as string[],
+        phoneNumbers: theContact.phoneNumbers as PhoneNumbers[],
         relevantLinks: [theLink] as RelevantLinkVm[],
         avatarUrl: 'http://manfredexport.com',
         city: 'Madrid',
diff --git a/packages/manfred-common/src/doc-parts/profile-section/profile-section.mapper.ts b/packages/manfred-common/src/doc-parts/profile-section/profile-section.mapper.ts
@@ -1,6 +1,7 @@
 import { ManfredAwesomicCV } from '@/model';
-import { ProfileSectionVm, RelevantLinkVm, ManfredRelevantLink } from './profile-section.vm';
+import { ProfileSectionVm, RelevantLinkVm, ManfredRelevantLink, PhoneNumbers } from './profile-section.vm';
 
+//Sólo afecta al .json de David Bonilla
 const mapLinkTypeToVm = (linkType: ManfredRelevantLink['type']): RelevantLinkVm['type'] => {
   switch (linkType) {
     case 'website':
@@ -26,7 +27,9 @@ export const mapFromMacCvToProfileSectionVm = (cv: ManfredAwesomicCV): ProfileSe
   const title = cv?.aboutMe?.profile?.title ?? '';
   const description = cv?.aboutMe?.profile?.description ?? '';
   const fullname = `${name ?? ''} ${surnames ?? ''}`;
-  const emails = (cv?.aboutMe?.profile?.contact?.contactMails as string[]) ?? [];
+
+  const emails = (cv?.careerPreferences?.contact?.contactMails as string[]) ?? [];
+  const phoneNumbers = (cv?.careerPreferences?.contact?.phoneNumbers as PhoneNumbers[]) ?? [];
 
   const avatarUrl = (cv?.aboutMe?.profile?.avatar?.link as string) ?? '';
 
@@ -48,5 +51,6 @@ export const mapFromMacCvToProfileSectionVm = (cv: ManfredAwesomicCV): ProfileSe
     avatarUrl,
     city,
     country,
+    phoneNumbers,
   };
 };
diff --git a/packages/manfred-common/src/doc-parts/profile-section/profile-section.vm.ts b/packages/manfred-common/src/doc-parts/profile-section/profile-section.vm.ts
@@ -5,6 +5,7 @@ export interface ProfileSectionVm {
   description: string;
   fullname: string;
   emails: string[];
+  phoneNumbers: PhoneNumbers[];
   relevantLinks: RelevantLinkVm[];
   avatarUrl: string;
   city: string;
@@ -24,3 +25,8 @@ export interface ManfredRelevantLink {
   URL: string;
   description?: string;
 }
+
+export interface PhoneNumbers {
+  countryCode: string;
+  number: string;
+}
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/index.ts b/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/index.ts
@@ -7,3 +7,4 @@ export * from './footer-section';
 export * from './main-element-start';
 export * from './main-element-end';
 export * from './about-me-section';
+export * from './relevants-links-section';
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/index.ts b/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/index.ts
@@ -0,0 +1 @@
+export * from './relevants-links-section.part';
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/labels/index.ts b/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/labels/index.ts
@@ -0,0 +1,15 @@
+import { Language } from '@/model';
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+import { spanishRelevantsLinksLabels } from './relevants-links-spanish-labels.const';
+import { englishRelevantsLinksLabels } from './relevants-links-english-labels.const';
+
+export const getLabels = (language: Language): RelevantsLinksLabels => {
+  switch (language) {
+    case 'es':
+      return spanishRelevantsLinksLabels;
+    case 'en':
+      return englishRelevantsLinksLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts b/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+
+export const englishRelevantsLinksLabels: RelevantsLinksLabels = {
+  RELEVANTS_LINKS_HEADING: 'My Links',
+};
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/labels/relevants-links-label.model.ts b/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/labels/relevants-links-label.model.ts
@@ -0,0 +1,3 @@
+export interface RelevantsLinksLabels {
+  RELEVANTS_LINKS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts b/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+
+export const spanishRelevantsLinksLabels: RelevantsLinksLabels = {
+  RELEVANTS_LINKS_HEADING: 'Mis enlaces',
+};
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -0,0 +1,89 @@
+<%_ if (profile.relevantLinks && profile.relevantLinks.length !==0 || profile.emails && profile.emails.length !==0 || profile.city || profile.country || profile.phoneNumbers && profile.phoneNumbers.length !==0) { -%>
+    <section class="section links">
+        <h2 class="title"><%- labels.RELEVANTS_LINKS_HEADING %></h2>
+        <div class="links__container">
+        <%_ if (profile.relevantLinks && profile.relevantLinks.length !==0) { -%>
+            <%_ for (const link of profile.relevantLinks) { -%>
+                <%_ if (link.type ==='linkedin') { -%>
+                <a class="links__item" href=<%= link.URL %> target="_blank">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                         <path
+                            d="M14 1H1.99687C1.44687 1 1 1.45313 1 2.00938V13.9906C1 14.5469 1.44687 15 1.99687 15H14C14.55 15 15 14.5469 15 13.9906V2.00938C15 1.45313 14.55 1 14 1ZM5.23125 13H3.15625V6.31875H5.23438V13H5.23125ZM4.19375 5.40625C3.52812 5.40625 2.99063 4.86562 2.99063 4.20312C2.99063 3.54063 3.52812 3 4.19375 3C4.85625 3 5.39687 3.54063 5.39687 4.20312C5.39687 4.86875 4.85938 5.40625 4.19375 5.40625ZM13.0094 13H10.9344V9.75C10.9344 8.975 10.9187 7.97813 9.85625 7.97813C8.775 7.97813 8.60938 8.82188 8.60938 9.69375V13H6.53438V6.31875H8.525V7.23125H8.55312C8.83125 6.70625 9.50938 6.15312 10.5188 6.15312C12.6187 6.15312 13.0094 7.5375 13.0094 9.3375V13Z"
+                            fill="var(--primary-500)" />
+                    </svg>
+                <span><%= link.URL %></span></a>
+                <%_ } -%>
+                <%_ if (link.type ==='github') { -%>
+                <a class="links__item" href=<%= link.URL %> target="_blank">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                        <path
+                            d="M13.5 1H2.5C1.67188 1 1 1.67188 1 2.5V13.5C1 14.3281 1.67188 15 2.5 15H13.5C14.3281 15 15 14.3281 15 13.5V2.5C15 1.67188 14.3281 1 13.5 1ZM9.66562 12.9906C9.40312 13.0375 9.30625 12.875 9.30625 12.7406C9.30625 12.5719 9.3125 11.7094 9.3125 11.0125C9.3125 10.525 9.15 10.2156 8.95937 10.0531C10.1156 9.925 11.3344 9.76562 11.3344 7.76875C11.3344 7.2 11.1313 6.91563 10.8 6.55C10.8531 6.41563 11.0312 5.8625 10.7469 5.14375C10.3125 5.00938 9.31875 5.70312 9.31875 5.70312C8.90625 5.5875 8.45938 5.52812 8.01875 5.52812C7.57812 5.52812 7.13125 5.5875 6.71875 5.70312C6.71875 5.70312 5.725 5.00938 5.29063 5.14375C5.00625 5.85938 5.18125 6.4125 5.2375 6.55C4.90625 6.91563 4.75 7.2 4.75 7.76875C4.75 9.75625 5.91563 9.925 7.07188 10.0531C6.92188 10.1875 6.7875 10.4187 6.74062 10.75C6.44375 10.8844 5.68437 11.1156 5.23125 10.3156C4.94687 9.82188 4.43438 9.78125 4.43438 9.78125C3.92812 9.775 4.4 10.1 4.4 10.1C4.7375 10.2563 4.975 10.8562 4.975 10.8562C5.27812 11.7844 6.72813 11.4719 6.72813 11.4719C6.72813 11.9062 6.73438 12.6125 6.73438 12.7406C6.73438 12.875 6.64062 13.0375 6.375 12.9906C4.3125 12.3 2.86875 10.3375 2.86875 8.04375C2.86875 5.175 5.0625 2.99688 7.93125 2.99688C10.8 2.99688 13.125 5.175 13.125 8.04375C13.1281 10.3375 11.7281 12.3031 9.66562 12.9906ZM6.6 11.0813C6.54063 11.0938 6.48438 11.0687 6.47813 11.0281C6.47188 10.9812 6.5125 10.9406 6.57188 10.9281C6.63125 10.9219 6.6875 10.9469 6.69375 10.9875C6.70312 11.0281 6.6625 11.0688 6.6 11.0813ZM6.30312 11.0531C6.30312 11.0938 6.25625 11.1281 6.19375 11.1281C6.125 11.1344 6.07812 11.1 6.07812 11.0531C6.07812 11.0125 6.125 10.9781 6.1875 10.9781C6.24687 10.9719 6.30312 11.0063 6.30312 11.0531ZM5.875 11.0188C5.8625 11.0594 5.8 11.0781 5.74687 11.0594C5.6875 11.0469 5.64688 11 5.65938 10.9594C5.67188 10.9188 5.73438 10.9 5.7875 10.9125C5.85 10.9313 5.89062 10.9781 5.875 11.0188ZM5.49062 10.85C5.4625 10.8844 5.40312 10.8781 5.35625 10.8313C5.30937 10.7906 5.29688 10.7312 5.32812 10.7031C5.35625 10.6687 5.41563 10.675 5.4625 10.7219C5.50313 10.7625 5.51875 10.825 5.49062 10.85ZM5.20625 10.5656C5.17813 10.5844 5.125 10.5656 5.09062 10.5188C5.05625 10.4719 5.05625 10.4188 5.09062 10.3969C5.125 10.3688 5.17813 10.3906 5.20625 10.4375C5.24063 10.4844 5.24063 10.5406 5.20625 10.5656ZM5.00313 10.2625C4.975 10.2906 4.92812 10.275 4.89375 10.2437C4.85938 10.2031 4.85312 10.1562 4.88125 10.1344C4.90937 10.1062 4.95625 10.1219 4.99062 10.1531C5.025 10.1937 5.03125 10.2406 5.00313 10.2625ZM4.79375 10.0312C4.78125 10.0594 4.74062 10.0656 4.70625 10.0437C4.66562 10.025 4.64687 9.99062 4.65937 9.9625C4.67188 9.94375 4.70625 9.93437 4.74688 9.95C4.7875 9.97188 4.80625 10.0063 4.79375 10.0312Z"
+                            fill="var(--primary-500)" />
+                    </svg>
+                <span><%= link.URL %></span></a>
+                <%_ } -%>
+                <%_ if (link.type ==='twitter') { -%>
+                <a class="links__item" href=<%= link.URL %> target="_blank">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+                        <path d="M4.5477 2.73921H3.10437L9.47799 11.2611H10.9213L4.5477 2.73921Z" fill="var(--primary-500)" />
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                d="M1.63226 14H12.3679C13.2694 14 14.0002 13.2693 14 12.3676V1.63224C14 0.730747 13.2692 0 12.3677 0H1.63226C0.730756 0 0 0.730747 0 1.63224V12.3678C0 13.2693 0.730756 14 1.63226 14ZM5.82306 7.50962L1.74662 2.05902H4.88843L7.56087 5.63222L10.8683 2.05902H11.7916L7.97336 6.18396L12.2793 11.9411H9.13745L6.23572 8.06118L2.64423 11.9411H1.72093L5.82306 7.50962Z"
+                                fill="var(--primary-500)" />
+                    </svg><span><%= link.URL %></span></a>
+                <%_ } -%>
+                <%_ if (link.type === 'otros' || link.type === 'web') { -%>
+                <a class="links__item" href=<%= link.URL %> target="_blank">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+                        <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M1.16667 0C0.522326 0 0 0.522308 0 1.16667V12.8333C0 13.4777 0.522326 14 1.16667 14H12.8333C13.4777 14 14 13.4777 14 12.8333V1.16667C14 0.522308 13.4777 0 12.8333 0H1.16667ZM12.2661 3.09198C13.4113 4.23721 13.4113 6.09189 12.2661 7.23712L9.98978 9.51342C8.84455 10.6587 6.98987 10.6587 5.84462 9.51342C4.83114 8.49992 4.69939 6.90266 5.53449 5.7392L5.5568 5.70673C5.76355 5.41691 6.17096 5.34998 6.46083 5.55676C6.75068 5.76348 6.8196 6.16886 6.61081 6.46082L6.58853 6.49321C6.12434 7.14185 6.19731 8.03166 6.76284 8.59719C7.40134 9.23571 8.4351 9.23571 9.07359 8.59719L11.3479 6.3189C11.9864 5.68038 11.9864 4.64666 11.3479 4.00814C10.7843 3.44261 9.89452 3.36962 9.24386 3.83382L9.21143 3.85611C8.92157 4.06489 8.51617 3.99596 8.30739 3.70615C8.09861 3.41626 8.16551 3.01087 8.45739 2.80209L8.48982 2.77981C9.65533 1.94675 11.2526 2.07848 12.2661 3.09198ZM1.73392 10.9079C0.588692 9.76272 0.588692 7.90804 1.73392 6.76281L4.01022 4.48651C5.15545 3.34128 7.01013 3.34128 8.15538 4.48651C9.16886 5.50001 9.30061 7.09727 8.46551 8.26273L8.4432 8.2952C8.23645 8.58508 7.82904 8.65195 7.53917 8.44516C7.24932 8.23844 7.1804 7.83306 7.38919 7.54118L7.41147 7.50871C7.87566 6.85808 7.80269 5.9682 7.23716 5.40267C6.59866 4.76422 5.5649 4.76422 4.92641 5.40267L2.65215 7.67897C2.01365 8.31748 2.01365 9.35128 2.65215 9.99179C3.21565 10.5573 4.10548 10.6302 4.75614 10.1661L4.78857 10.1438C5.07842 9.93504 5.48383 10.0039 5.69261 10.2938C5.90139 10.5837 5.83449 10.9891 5.54261 11.1978L5.51017 11.2201C4.34467 12.0532 2.74741 11.9214 1.73392 10.9079Z"
+                            fill="var(--primary-500)" />
+                    </svg><span><%= link.URL %></span></a>
+                <%_ } -%>
+            <%_ } -%>
+        <%_ } -%>
+        <%_ if (profile.emails && profile.emails.length !==0) { -%>
+            <%_ for (const mails of profile.emails) { -%>
+                <a class="links__item" href="mailto:<%= mails %>" target="_blank">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                        <path
+                            d="M13.5 1H2.5C1.67156 1 1 1.67156 1 2.5V13.5C1 14.3284 1.67156 15 2.5 15H13.5C14.3284 15 15 14.3284 15 13.5V2.5C15 1.67156 14.3284 1 13.5 1ZM6.56616 8.19075C3.73216 6.13397 3.76103 6.12878 3 5.53647V4.75C3 4.33578 3.33578 4 3.75 4H12.25C12.6642 4 13 4.33578 13 4.75V5.53647C12.2384 6.12925 12.2677 6.13409 9.43384 8.19078C9.10572 8.43 8.45284 9.00703 8 8.99997C7.54678 9.00678 6.89478 8.43038 6.56616 8.19075ZM13 6.80547V11.25C13 11.6642 12.6642 12 12.25 12H3.75C3.33578 12 3 11.6642 3 11.25V6.80547C3.43619 7.14278 4.04153 7.59409 5.97822 8.99966C6.42078 9.32281 7.16494 10.0042 7.99991 9.99997C8.84012 10.0042 9.59481 9.31119 10.0224 8.99919C11.9586 7.59403 12.5638 7.14275 13 6.80547Z"
+                            fill="var(--primary-500)" />
+                    </svg>
+                <span><%= mails %></span></a>
+            <%_ } -%>
+        <%_ } -%>
+        <%_ if (profile.city || profile.country) { -%>
+            <p class="links__item">
+                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16" fill="none">
+                    <g clip-path="url(#clip0_1825_4351)">
+                        <path
+                            d="M6.74062 15.6C8.34375 13.5938 12 8.73125 12 6C12 2.6875 9.3125 0 6 0C2.6875 0 0 2.6875 0 6C0 8.73125 3.65625 13.5938 5.25938 15.6C5.64375 16.0781 6.35625 16.0781 6.74062 15.6ZM9.53125 4.53125L5.53125 8.53125C5.2375 8.825 4.7625 8.825 4.47188 8.53125L2.46875 6.53125C2.175 6.2375 2.175 5.7625 2.46875 5.47188C2.7625 5.18125 3.2375 5.17813 3.52813 5.47188L4.99687 6.94063L8.46875 3.46875C8.7625 3.175 9.2375 3.175 9.52812 3.46875C9.81875 3.7625 9.82187 4.2375 9.52812 4.52812L9.53125 4.53125Z"
+                            fill="var(--primary-500)" />
+                    </g>
+                    <defs>
+                        <clipPath id="clip0_1825_4351">
+                            <rect width="12" height="16" fill="white" />
+                        </clipPath>
+                    </defs>
+                </svg>
+                <%_ if (profile.city && profile.country) { -%>
+                    <span><%= profile.city + ", " + profile.country %></span>
+                <%_ } else{ -%>
+                    <span><%= profile.city || profile.country %></span>
+                <%_ } -%>
+            </p>
+        <%_ } -%>
+        <%_ if (profile.phoneNumbers && profile.phoneNumbers.length !==0) { -%>
+            <%_ for (const phone of profile.phoneNumbers) { -%>
+                <a class="links__item" href="tel:<%= phone.countryCode + phone.number%>" target="_blank">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                        <path
+                            d="M13.5 1H2.5C2.10218 1 1.72064 1.15804 1.43934 1.43934C1.15804 1.72064 1 2.10218 1 2.5L1 13.5C1 13.8978 1.15804 14.2794 1.43934 14.5607C1.72064 14.842 2.10218 15 2.5 15H13.5C13.8978 15 14.2794 14.842 14.5607 14.5607C14.842 14.2794 15 13.8978 15 13.5V2.5C15 2.10218 14.842 1.72064 14.5607 1.43934C14.2794 1.15804 13.8978 1 13.5 1ZM12.9878 10.6053L12.5191 12.6366C12.4953 12.7398 12.4371 12.832 12.3542 12.898C12.2713 12.964 12.1685 13 12.0625 13C7.0625 13 3 8.94656 3 3.9375C3.00372 3.83252 3.04104 3.7315 3.10646 3.64931C3.17189 3.56712 3.26196 3.5081 3.36344 3.48094L5.39469 3.01219C5.42934 3.00486 5.46459 3.00078 5.5 3C5.59065 3.00458 5.67841 3.03333 5.75419 3.08328C5.82997 3.13323 5.891 3.20256 5.93094 3.28406L6.86844 5.47156C6.8914 5.53054 6.90419 5.59299 6.90625 5.65625C6.89862 5.79501 6.83692 5.92526 6.73438 6.01906L5.55031 6.98781C6.26775 8.50841 7.49159 9.73225 9.01219 10.4497L9.98094 9.26562C10.0747 9.16308 10.205 9.10138 10.3438 9.09375C10.407 9.09579 10.4695 9.10857 10.5284 9.13156L12.7159 10.0691C12.7975 10.1089 12.8668 10.17 12.9168 10.2458C12.9668 10.3215 12.9955 10.4093 13 10.5C12.9994 10.5354 12.9953 10.5707 12.9878 10.6053Z"
+                            fill="var(--primary-500)" />
+                    </svg>
+                <span>(<%= phone.countryCode %>) <%= phone.number %></span></a>
+            <%_ } -%>
+        <%_ } -%>
+        </div>
+    </section>
+<%_ } -%>
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/cv-monochrome-force/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -0,0 +1,25 @@
+import ejs from 'ejs';
+import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
+import { getLabels } from './labels';
+import relevantsLinksSection from './relevants-links-section.ejs?raw';
+
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
+  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
+
+  return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
+};
+
+const generateRelevantsLinksSectionInner = (
+  profileSectionVm: ProfileSectionVm,
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
+  const rootObject = {
+    profile: profileSectionVm,
+    labels: getLabels(language),
+  };
+  console.log(profileSectionVm.emails);
+
+  return ejs.render(relevantsLinksSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/cv-monochrome-force/index.ts b/packages/manfred2html/src/engine/cv-monochrome-force/index.ts

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export * from './relevants-links-section.part';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export interface RelevantsLinksLabels {`
	`2`	`+ RELEVANTS_LINKS_HEADING: string;`
	`3`	`+}`