Dossier de Compétences

En-tête

Couleur de fond

Couleur du texte

Body

Couleur du texte

Pied de page

Couleur de fond

Couleur du texte

Template Betwixt & Between

Template Betwixt & Between

Paramètres

Ajouter au panier

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