Skills File

Header

Background color

Text color

Body

Text color

Footer

Background color

Text color

Template Passe-Partout

Template Passe-Partout

Parameters

Add to Cart

Nos Templates vont du plus simple au plus sophistiqué. Ce Template est moins chargé en icones et dessins. Mais il a l’avantage d’aller à l’essentiel rapidement. Comme tous les autres Templates, il est personnalisable avec des logos, des images et couleurs de fond, des titres et des couleurs du texte pour coller au plus à l’image de votre entreprise.

//Variables set
  var formations = [];
  var experiences = [];
  var experienceTable = [];
  var technicalSystems = [];
  var technicalLanguages = [];
  var technicalModelisations = [];
  var technicalSgbds = [];
  var technicalTools = [];
  var languages = [];
  var functionals = [];
  var managements = [];
  var businesses = [];
  var flags = [];
  var images = {};

// Loop over formations models
datas.candidate.formations.forEach((formation, i) => {
  var contentValue = [];
  formation.contents.forEach((content, j) => {
     contentValue[j] =  {style: 'formationContent', text: content.value};
  });
  formations[i] = {
      style: 'formations',
      columns: [
         {style: 'formationDate', text: formation.from+' - '+formation.to},
        {style: 'formationBlock',
            stack: [
            {style: 'formationTitle', text: formation.title},
        {style: 'formationInstitution', text: formation.institution.name},
            {style: 'formationLevel', text: formation.level},
            contentValue,
          ],
        },
       ],
  unbreakable: true,
};
});

// Loop over technicals models
datas.candidate.technicals.forEach((technical, i) => {
// Loop over technicals systems models
technical.technical_systems.forEach((technical_system
, j) => {
    technicalSystems[j] = {text: technical_system.name+", "};
  });

// Loop over technicals languages models
technical.technical_languages.forEach((technical_language
, j) => {
    technicalLanguages[j] = {text: technical_language.name+", "};
  });

// Loop over technicals modelisations models
technical.technical_modelisations.forEach((technical_modelisation
, j) => {
    technicalModelisations[j] = {text: technical_modelisation.name+", "};
  });

// Loop over technicals sgbds models
  technical.technical_sgbds.forEach((technical_sgbd, j) => {
    technicalSgbds[j] = {text: technical_sgbd.name+", "};
  });

// Loop over technicals tools models
  technical.technical_tools.forEach((technical_tool, j) => {
    technicalTools[j] = {text: technical_tool.name+", "};
  });

});

// Loop over languages models
datas.candidate.languages.forEach((language, i) => {
  languages[i] = {
    style: 'languages',
    columns: [
      {style: 'languageName', text: language.name},
      {style: 'languageLevel', text: language.level},
    ],
    unbreakable: true,
  };
});

// Table header
experienceTable[0] = [
    {text: datas.chapters.experienceslist.date, style: 'tableHeader'},
    {text: datas.chapters.experienceslist.enterprise, style: 'tableHeader'},
    {text: datas.chapters.experienceslist.post, style: 'tableHeader'}
];
// Table content
// Loop over experiences models
datas.candidate.experiences.forEach((experience, i) => {
 experienceTable[i+1] = [
    {text: experience.from+' - '+experience.to, style: 'tableCell'},
    {text: experience.enterprise.name, italics: true, color: 'gray', style: 'tableCell'},
    {text: experience.title, italics: true, color: 'gray', style: 'tableCell'}
 ];
});

// Loop over experiences models
datas.candidate.experiences.forEach((experience, i) => {
  var taskValue = [];
  experience.tasks.forEach((task, j) => {
    taskValue[j] = [
    {
     margin: [0, 5, 0, 0],
     columns: [
      {
      width: 25,
      canvas: [
      {
		 type: 'polyline',
		 lineWidth: 0.2,
         lineColor: 'black',
		 closePath: true,
		 points: [{ x: 0, y: 0 }, { x: 8, y: 5 }, { x: 3, y: 5 }]
      },
      {
		 type: 'polyline',
		 lineWidth: 0.2,
         lineColor: 'black',
		 closePath: true,
         color: 'black',
		 points: [{ x: 3, y: 5 }, { x: 8, y: 5 }, { x: 0, y: 10 }]
      },
      ]
     },
      {
       text: task.value,
       alignment: 'left',
      },
     ],
   },
  ];
 });

experiences[i] = [
    {
     canvas: [
       {
         type: 'rect',
         x: 0, y: 0, w: 515, h: 3,
         color: datas.headerColor[0],
       },
     ]
    },
    {
     columns: [
       {
         fontSize: 13,
         bold: true,
          stack: [
            experience.enterprise.name,
            experience.title
          ],
         alignment: 'left',
         color: datas.headerColor[0],
       },
       {
         fontSize: 13,
         bold: true,
         text: experience.from+' - '+experience.to,
         alignment: 'right',
         color: datas.headerColor[0],
       },
      ]
    },
    {
     canvas: [
       {
         type: 'rect',
         x: 0, y: 0, w: 515, h: 3,
         color: datas.headerColor[0],
       },
     ]
    },
    {
      margin: [0, 20, 0, 0],
      fontSize: 12,
      bold: true,
      text: [
            datas.chapters.experienceslist.mission+" : ",
            {text: experience.purpose, fontSize: 11, italics: true, bold: false},
         ],
    },
    {
      margin: [0, 20, 0, 10],
      fontSize: 12,
      bold: true,
      color: datas.headerColor[0],
      text: datas.chapters.experienceslist.objective,
    },
     taskValue,
    {
      margin: [0, 20, 0, 10],
      fontSize: 12,
      bold: true,
      color: datas.headerColor[0],
      text: datas.chapters.experienceslist.technicals,
    },
    {
       margin: [0, 0, 0, 40],
       stack: environmentValue,
    },
  ];
});

// Images definition
images['headerLogo'] = datas.images.logo;

// PDFMake document
var docDefinition = {
  pageMargins: [ 40, 80, 40, 80],

header: function() {
    return [
      {
        canvas: [
          {
            type: 'rect',
            x: 0, y: 20, w: 400, h: 40,
            color: datas.headerColor[0],
          }
        ]
      },
      {
        absolutePosition: { x: 10, y: 20 },
        columns: [
          {
            fontSize: 22,
            bold: true,
            text: datas.document.header,
            alignment: 'left',
            color: datas.headerTextColor,
            absolutePosition: { x: 10, y: 28 },
          },
          {
            image: 'headerLogo',
            width: 195,
            height: 60,
            absolutePosition: { x: 400, y: 10 },
            alignment: 'left',
          }
        ]
      },
     ]
  },

footer: function(currentPage, pageCount) {
    return [
      {
        canvas: [
         {
            type: 'rect',
            x: 0, y: 20, w: 495, h: 40,
            color: datas.footerColor[0],
         },
         {
          type: 'rect',
          lineWidth: 2,
          lineColor: datas.footerColor[0],
          color: datas.footerTextColor,
          x: 495, y: 21, w: 100, h: 38,
         }
        ]
      },
      {
        columns: [
          {
            fontSize: 10,
            bold: true,
            text: currentPage.toString(),
            absolutePosition: { x: 545, y: 35 },
            color: 'black',
          },
          {
            fontSize: 10,
            bold: true,
            text: datas.company.name+', '+datas.company.type+' au capital de '+datas.company.capital+'  Euros',
            absolutePosition: { x: 10, y: 35 },
            color: datas.footerTextColor,
          },
        ]
      },
    ]
  },

images,

content: [
    {
        columns: [
          {
            fontSize: 22,
            bold: true,
            text: datas.candidate.name+' '+datas.candidate.surname,
            alignment: 'left',
            color: datas.headerColor[0],
          },
          {
            fontSize: 22,
            bold: true,
            text: datas.candidate.function,
            alignment: 'right',
            color: datas.headerColor[0],
          }
        ],
      margin: [ 0, 20, 0, 0 ]
    },

{
     canvas: [
       {
         type: 'rect',
         x: 0, y: 50, w: 515, h: 20,
         color: datas.headerColor[0],
       },
     ],
    },
    {
      style: 'chapterTitle',
      text: datas.chapters.formations,
    },
    formations,

{
     canvas: [
       {
         type: 'rect',
         x: 0, y: 50, w: 515, h: 20,
         color: datas.headerColor[0],
       },
     ],
    },
    {
      style: 'chapterTitle',
      text: datas.chapters.experiences,
    },
    {
	 style: 'tableExample',
	 table: {
        dontBreakRows: true,
		widths: [100, '*', '*'],
		body: experienceTable,
	  }
     },
    {
     canvas: [
       {
         type: 'rect',
         x: 0, y: 50, w: 515, h: 20,
         color: datas.headerColor[0],
       },
     ],
    },
    {
      style: 'chapterTitle',
      text: datas.chapters.technicals,
    },
    {
      margin: [0, 0, 0, 0],
      columns: [
        {
          width: 25,
          canvas: [
          {
		  type: 'polyline',
          lineWidth: 0.2,
          lineColor: 'black',
		  closePath: true,
          color: 'black',
		  points: [{x: 0, y: 6}, {x: 3, y: 8}, {x: 10, y: 0}, {x: 3, y: 10}]
          },
          ],
         },
         {
           bold: true,
           text: datas.chapters.technicalslist.systems,
         },
         {
           italics: true,
           alignment: 'left',
           text: technicalSystems,
         },
      ],
    },
    {
      margin: [0, 10, 0, 0],
      columns: [
        {
          width: 25,
          canvas: [
          {
		  type: 'polyline',
          lineWidth: 0.2,
          lineColor: 'black',
		  closePath: true,
          color: 'black',
		  points: [{x: 0, y: 6}, {x: 3, y: 8}, {x: 10, y: 0}, {x: 3, y: 10}]
          },
          ],
         },
         {
           bold: true,
           text: datas.chapters.technicalslist.languages,
         },
         {
           italics: true,
           alignment: 'left',
           text: technicalLanguages,
         },
      ],
    },
    {
      margin: [0, 10, 0, 0],
      columns: [
        {
          width: 25,
          canvas: [
          {
		  type: 'polyline',
          lineWidth: 0.2,
          lineColor: 'black',
		  closePath: true,
          color: 'black',
		  points: [{x: 0, y: 6}, {x: 3, y: 8}, {x: 10, y: 0}, {x: 3, y: 10}]
          },
          ],
         },
         {
           bold: true,
           text: datas.chapters.technicalslist.modelisations,
         },
         {
           italics: true,
           alignment: 'left',
           text: technicalModelisations,
         },
      ],
    },
    {
      margin: [0, 10, 0, 0],
      columns: [
        {
          width: 25,
          canvas: [
          {
		  type: 'polyline',
          lineWidth: 0.2,
          lineColor: 'black',
		  closePath: true,
          color: 'black',
		  points: [{x: 0, y: 6}, {x: 3, y: 8}, {x: 10, y: 0}, {x: 3, y: 10}]
          },
          ],
         },
         {
           bold: true,
           text: datas.chapters.technicalslist.sgbd,
         },
         {
           italics: true,
           alignment: 'left',
           text: technicalSgbds,
         },
      ],
    },
    {
      margin: [0, 10, 0, 0],
      columns: [
        {
          width: 25,
          canvas: [
          {
		  type: 'polyline',
          lineWidth: 0.2,
          lineColor: 'black',
		  closePath: true,
          color: 'black',
		  points: [{x: 0, y: 6}, {x: 3, y: 8}, {x: 10, y: 0}, {x: 3, y: 10}]
          },
          ],
         },
         {
           bold: true,
           text: datas.chapters.technicalslist.miscellaneous,
         },
         {
           italics: true,
           alignment: 'left',
           text: technicalTools,
         },
      ],
    },
    {
     canvas: [
       {
         type: 'rect',
         x: 0, y: 50, w: 515, h: 20,
         color: datas.headerColor[0],
       },
     ],
    },
    {
      style: 'chapterTitle',
      text: datas.chapters.languages,
    },
    languages,
    {
     canvas: [
       {
         type: 'rect',
         x: 0, y: 50, w: 515, h: 20,
         color: datas.headerColor[0],
       },
     ],
    },
    {
      style: 'chapterTitle',
      text: datas.chapters.experiences,
    },
    experiences,
],
  defaultStyle: {
    color: datas.bodyTextColor,
  },
    styles: {
      header: {
        fontSize: 18,
        bold: false,
        alignment: 'justify'
        },
		tableExample: {
           color: 'black',
		   margin: [0, 5, 0, 15]
		},
		tableHeader: {
			bold: true,
			fontSize: 13,
            fillColor: datas.headerColor[0],
			color: datas.headerTextColor
		},
        tableCell: {
           border: [true, true, true, true],
           borderColor: ['#1e80cb', '#1e80cb', '#1e80cb', '#1e80cb'],
        },
        chapterTitle: {
         fontSize: 18,
         bold: true,
         alignment: 'center',
         color: datas.headerTextColor,
         margin: [ 0, -20, 0, 40 ]
       },
       formations: {
         margin: [ 0, 0, 0, 20],
       },
       formationDate: {
         alignment: 'left',
         width: 100,
       },
       formationBlock: {
         alignment: 'left',
       },
       formationTitle: {
         bold: true,
       },
      formationInstitution: {
         bold: false,
      },
       formationLevel: {
         italics: true,
       },
       languages: {
         margin: [40, 10, 40, 0],
       },
       languageFlag: {
         alignment: 'left',
       },
       languageName: {
         alignment: 'left',
         bold: true,
       },
       languageLevel: {
         alignment: 'left',
         italics: true,
       },
    }
  }