Skills File

Header

Background color

Text color

Body

Text color

Footer

Background color

Text color

Template Entre les Deux

Template Entre les Deux

Parameters

Add to Cart

Le modèle le plus simplifié de notre catalogue vous permet de voir tous les avantages de notre offre Skills File avec un petit budget. Il est moins chargé et se concentre sur les informations importantes du dossier de compétences de vos candidats. Il peut aussi être personnalisé comme tous les autres modèles de notre catalogue. Il allie simplicité et élégance avec ses icônes et images.

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

// Table header
formationTable[0] = [
    {text: datas.chapters.formationslist.institution, style: 'tableHeader'},
    {text: datas.chapters.formationslist.level, style: 'tableHeader'},
    {text: datas.chapters.formationslist.title, style: 'tableHeader'}
];
// Table content
// Loop over formations models
datas.candidate.formations.forEach((formation, i) => {
 formationTable[i+1] = [
    {text: formation.institution.name, italics: true, color: 'gray', style: 'tableCell'},
    {text: formation.level, italics: true, color: 'gray', style: 'tableCell'},
    {text: formation.title, italics: true, color: 'gray', style: 'tableCell'}
 ];
});

// 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] = {
      columns: [
         {style: 'formationTitles', text: formation.level+'/'+formation.from+' - '+formation.to},
        {text: formation.title},
       ],
  unbreakable: true,
};
});

// Loop over languages models
datas.candidate.languages.forEach((language, i) => {
  languages[i] = {
        text: language.name+", "
     };
});

// 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 experiences models
datas.candidate.experiences.forEach((experience, i) => {
  var taskValue = [];
  experience.tasks.forEach((task, j) => {
    taskValue[j] = [
     {
       text: task.value,
       style: 'experienceParagraph',
      },
  ];
 });

var environmentValue = [];
experience.environments.forEach((environment, j) => {
    environmentValue[j] = [
     {
       text: environment.value,
       style: 'experienceParagraph',
      },
  ];
 });

experiences[i] = [
    {
     margin: [0, 50, 0, 0],
     columns: [
         {
          image: 'experienceLogo',
          width: 60,
          alignment: 'left',
        },
        {
          text: experience.enterprise.name,
          style: 'experienceCompany',
        },
      ],
     },
     {
       text: experience.from+' - '+experience.to,
       style: 'experienceDate',
     },
     {
       text: experience.title,
       style: 'experienceTitle',
     },
     {
       text: datas.chapters.experienceslist.objective+' : ',
       style: 'experienceChapter',
     },
     {
       text: experience.purpose,
       style: 'experienceParagraph',
     },
     {
       text: datas.chapters.experienceslist.mission+' : ',
       style: 'experienceChapter',
     },
     taskValue,
     {
       text: datas.chapters.experienceslist.technicals+' : ',
       style: 'experienceChapter',
     },
     environmentValue,
  ];
});

// Images definition
images['titleImage'] = datas.images.title;
images['frontImage'] = datas.images.front;
images['logo'] = datas.images.logo;
images['experienceLogo'] = 'https://www.skillsfile.net/storage/images/templates/TemplateBetwixtBetween/64425f23e0a24skf%20icon-experience.png';
images['iconTitle'] = 'https://www.skillsfile.net/storage/images/templates/TemplateBetwixtBetween/64426041d790achrome_U5tPbt95at.png';
images['iconExperience'] = 'https://www.skillsfile.net/storage/images/templates/TemplateBetwixtBetween/64425ffdf0031chrome_pwhyNTL7ws.png';
images['iconFormation'] = 'https://www.skillsfile.net/storage/images/templates/TemplateBetwixtBetween/6442602054e98chrome_k9IrBlDHwd.png';
images['iconTechnical'] = 'https://www.skillsfile.net/storage/images/templates/TemplateBetwixtBetween/644260b26a155technical.png';
images['iconDomain'] = 'https://www.skillsfile.net/storage/images/templates/TemplateBetwixtBetween/6442602054e98chrome_k9IrBlDHwd.png';

var docDefinition = {
  pageMargins: [ 60, 100, 60, 80],

header: function(currentPage) {
  if (currentPage != 1)
    return [
      {
        absolutePosition: {x: 0, y: -10},
            image: 'logo',
            width: 100,
            height: 100,
      },
      {
        canvas: [
          {
            type: 'rect',
            x: 0, y: 99, w: 500, h: 1,
            color: '#f0c40d',
          }
        ]
      },
     ]
  },

footer: function(currentPage, pageCount) {
  if (currentPage == 1)
    return [
      {
        columns: [
          {
            fontSize: 8,
            bold: true,
            stack: [
                    datas.company.name,
                    datas.company.street+' – '+datas.company.zip+' '+datas.company.city,
                    datas.company.website+' / '+datas.company.phone
            ],
            alignment: 'center',
            absolutePosition: { x: 0, y: 20 },
            color: datas.footerTextColor,
          },
        ]
      },,
     ]
  else
    return [
      {
        columns: [
          {
            fontSize: 8,
            bold: true,
            stack: [
                    datas.company.name,
                    datas.company.street+' – '+datas.company.zip+' '+datas.company.city,
                    datas.company.website+' / '+datas.company.phone
            ],
            alignment: 'center',
            absolutePosition: { x: 0, y: 20 },
            color: datas.footerTextColor,
          },
        ]
      },
    ]
  },

images,

content: [
    {
      image: 'frontImage',
      fit: [400, 400],
      alignment: 'center',
    },
    {
      image: 'titleImage',
      width: 250,
      height: 100,
      alignment: 'center',
      margin: [0, 20, 0, 0]
    },
    {
      columns: [
      {
       text: datas.candidate.name+' '+datas.candidate.surname,
       fontSize: 30,
       color: 'blue',
       alignment: 'right',
      },
      {
       canvas: [
       {
        type: 'polyline',
        lineWidth: 1,
        closePath: true,
        lineColor: 'orange',
        color: 'orange',
        points: [{x: 0,y: 0}, {x: 12,y: 12}, {x: 0,y: 24}],
       },
      ],
      margin: [10, 5, 0, 0],
      alignment: 'left',
      },
     ],
     margin: [0, 50, 0, 0],
     pageBreak: 'after',
    },
{
      text: datas.candidate.name+' '+datas.candidate.surname,
      style: 'title',
    },
    {
      columns: [
          {
            image: 'iconDomain',
            width: 40,
            height: 40,
            alignment: 'left',
          },
     {
      text: datas.chapters.formations,
      style: 'chapterTitle',
       },
      ],
      margin: [ 0, 40, 0, 10],
    },
    {
	  style: 'tableExample',
	  table: {
         dontBreakRows: true,
         widths: [100, '*', '*'],
         body: formationTable,
	  }
	},
    {
      columns: [
          {
            image: 'iconTechnical',
            width: 40,
            height: 40,
            alignment: 'left',
          },
     {
      text: datas.chapters.technicals,
      style: 'chapterTitle',
       },
      ],
      margin: [ 0, 40, 0, 10],
    },
    {
      columns: [
        {
          text: datas.chapters.technicalslist.languages+' : ',
          style: 'technicalTitles',
        },
        {
          text: technicalLanguages,
        },
       ]
     },
    {
      columns: [
        {
          text: datas.chapters.technicalslist.environment+' : ',
          style: 'technicalTitles',
        },
        {
          text: technicalLanguages,
        },
       ]
     },
     {
      columns: [
        {
          text: datas.chapters.technicalslist.systems+' : ',
          style: 'technicalTitles',
        },
        {
          text: technicalSystems,
        },
       ]
     },
     {
      columns: [
        {
          text: datas.chapters.technicalslist.sgbd+' : ',
          style: 'technicalTitles',
        },
        {
          text: technicalSgbds,
        },
       ]
     },
     {
      columns: [
        {
          text: datas.chapters.technicalslist.tools+' : ',
          style: 'technicalTitles',
        },
        {
          text: technicalTools,
        },
       ]
     },
     {
      columns: [
        {
          text: datas.chapters.technicalslist.modelisations+' : ',
          style: 'technicalTitles',
        },
        {
          text: technicalModelisations,
        },
       ]
     },
     {
      columns: [
        {
          text: datas.chapters.languages+' : ',
          style: 'technicalTitles',
        },
        {
          text: languages,
        },
       ]
     },
    {
      columns: [
          {
            image: 'iconFormation',
            width: 40,
            height: 40,
            alignment: 'left',
          },
     {
      text: datas.chapters.formations,
      style: 'chapterTitle',
       },
      ],
      margin: [ 0, 40, 0, 10],
    },
     formations,
    {
      text: '',
      pageBreak: 'after',
    },
    {
     margin: [ 0, 40, 0, 10],
     columns: [
         {
          image: 'iconExperience',
          width: 40,
          height: 40,
          alignment: 'left',
        },
        {
         text: datas.chapters.experiences,
         style: 'chapterTitle',
        },
      ],
    },
experiences,
    ],
  defaultStyle: {
    color: datas.bodyTextColor,
  },
    styles: {
      title: {
      fontSize: 30,
      alignment: 'right',
      color: '#3e4081',
      bold: true,
      margin: [ 0, 20, 20, 0],
      },
		tableExample: {
           color: 'black',
		   margin: [0, 5, 0, 15]
		},
		tableHeader: {
			bold: true,
			fontSize: 13,
            fillColor: datas.headerTextColor,
			color: 'white'
		},
        tableCell: {
           border: [true, true, true, true],
           borderColor: ['#1e80cb', '#1e80cb', '#1e80cb', '#1e80cb'],
        },
      chapterTitle: {
          fontSize: 18,
          color: 'blue',
          bold: true,
          margin: [ 15, 0, 0, 0],
      },
      domainTitles: {
          color: 'blue',
          alignment: 'left',
          margin: [ 65, 0, 0, 10],
      },
      technicalTitles: {
          color: 'blue',
          alignment: 'left',
          margin: [ 65, 0, 0, 10],
      },
      formationTitles: {
          color: 'blue',
          alignment: 'left',
          margin: [ 65, 0, 0, 10],
      },
       experienceDate: {
       bold: false,
       color: 'grey',
       margin: [ 0, 20, 0, 0],
      },
       experienceTitle: {
       bold: true,
       color: 'black',
       margin: [ 0, 20, 0, 0],
      },
       experienceCompany: {
       fontSize: 18,
       bold: true,
       margin: [ 15, 0, 0, 0],
      },
       experienceChapter: {
       bold: true,
       decoration: 'underline',
       color: 'blue',
       margin: [ 0, 20, 0, 0],
      },
       experienceParagraph: {
       bold: false,
       margin: [ 0, 10, 0, 0],
      },
    }
  }