pdf2.component.ts

createPdf(): void {
  this.isLoaded = true;
  var data_2,data_3,data_4,data_5,data_6,data_7,data,elem;
  var data_1 = [];
  var content = [];
     function home() {
      var home = document.getElementById('home');
      var homeDef = $.Deferred();
      html2canvas(home).then(function(canvas) {
        home.appendChild(canvas);
        var basic = canvas.toDataURL();
        var item = {};
        item["image"] = basic;
        item["width"] = 595;
        data_1.push(item);
        homeDef.resolve(data_1);
      });
      return homeDef;
    }

    function options() {
      var optionsDef = $.Deferred();
      var temp_cnt = 0;
      $('.tour_options_table_data_info').each(function( index, element ) { 
       html2canvas(element).then(function(canvas) {
        element.appendChild(canvas);
        elem  = canvas.toDataURL();
        var item = {};
        item["image"] = elem;
        item["width"] = 595;
        data_1.push(item);
        optionsDef.resolve(data_1);
      }); 
     });
      return optionsDef;
    }

    function inclusions() {
      var inclusionsDef = $.Deferred();
      $('.inc-main1,.inc-main2,.inc-main3').each(function( index, element ) { 
       html2canvas(element).then(function(canvas) {
        element.appendChild(canvas);
        elem  = canvas.toDataURL();
        var item = {};
        item["image"] = elem;
        item["width"] = 595;
        data_1.push(item);
        inclusionsDef.resolve(data_1);
      }); 
     });
      return inclusionsDef;
    }

    function optionals() {
      var optionalsDef = $.Deferred();
      $('.optional-section-detail-supplement').each(function( index, element ) {  
       html2canvas(element).then(function(canvas) {
        element.appendChild(canvas);
        elem  = canvas.toDataURL();
        var item = {};
        item["image"] = elem;
        item["width"] = 595;
        item["height"] = 835;
        data_1.push(item);
        optionalsDef.resolve(data_1);
      }); 
     });
      return optionalsDef;
    }
    function itinerary() {
      var itineraryDef = $.Deferred();
      $('.itinerary-section-detail').each(function( index, element ) {  
       html2canvas(element).then(function(canvas) {
        element.appendChild(canvas);
        elem  = canvas.toDataURL();
        var item = {};
        item["image"] = elem;
        item["width"] = 595;
        data_1.push(item);
        itineraryDef.resolve(data_1);
      }); 
     });
      return itineraryDef;
    }

    function terms() {
     var termsCond = document.getElementById('terms-main');
     var termsDef = $.Deferred();
     html2canvas(termsCond).then(function(canvas) {
      termsCond.appendChild(canvas);
      var termsCanvas = canvas.toDataURL();
      var item = {};
      item["image"] = termsCanvas;
      item["width"] = 595;
      data_1.push(item);
      termsDef.resolve(data_1);
    });
     return termsDef;
   }

   function contact() {
    var contact = document.getElementById('contact');
    var contactDef = $.Deferred();
    html2canvas(contact).then(function(canvas) {
      contact.appendChild(canvas);
      var contactData = canvas.toDataURL();
      var item = {};
      item["image"] = contactData;
      item["width"] = 595;
      data_1.push(item);
      contactDef.resolve(data_1);
      console.log(data_1);
    });
    return contactDef;
  }


  $.when(home(),options(),inclusions(),optionals(),itinerary(),
   terms(),contact()).done(function(a,b,c,d,e,f,g) {
     this.docDefinition   = {
      pageMargins:[0,0,0,0],
      content: g
    };
    console.log(this.docDefinition);
    setTimeout(() => {  
      pdfMake.createPdf(this.docDefinition).download("travel.pdf");
    },11000);

  })
   
 }