var table = new DataTable('#example', {

  layout: {

    top1: 'searchBuilder',

    topStart: {

      buttons: [

        {

          text: 'Share',

          action: function (e, dt, node, config) {

            const search = dt.searchBuilder.getDetails();

            const value = JSON.stringify(search);

            const queryParams = new URLSearchParams();

            queryParams.set("searchBuilder", value);

            const shareUrl = `${window.location.origin}/yaroyala/2?${queryParams}`;

            // TODO - Display link to user

            console.log(shareUrl);

          }

        },

      ]

    }

  },

  processing: true,

  serverSide: true,

  ajax: {

    url: '/ssp/objects.php',

    type: 'post'

  },

  columns: [

    { data: 'first_name' },

    { data: 'last_name' },

    { data: 'position' },

    { data: 'office' },

    { data: 'start_date' },

    { data: 'salary' },

  ]    

});

​

table.ready(function () {

    var d = table.searchBuilder.getDetails();

    console.log(d);

    console.log("draw - TODO Share SearchBuilder Feature");

    // console.log(table.searchBuilder.getDetails());

    const urlParams = new URLSearchParams(window.location.search);

    const searchBuilderParam = urlParams.get('searchBuilder');

    if (searchBuilderParam) {

        table.searchBuilder.rebuild(JSON.parse(searchBuilderParam));

    }

});