Skills File

Header

Background color

Text color

Body

Text color

Footer

Background color

Text color

Template Betwixt & Between

Template Betwixt & Between

Parameters

Add to Cart

The most simplified model in our catalog allows you to see all the advantages of our SKills File offer with a small budget. It is less loaded and focuses on the important information in your candidates' skills file. It can also be personalized like all the other Templates in our catalog. It combines simplicity and elegance with its icons and pictures.

//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],
      },
    }
  }