forked from dk96/QuotationMaker
3 lines
5.1 KiB
JavaScript
3 lines
5.1 KiB
JavaScript
"use strict";function _classCallCheck(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,a){for(var t=0;t<a.length;t++){var n=a[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,a,t){return a&&_defineProperties(e.prototype,a),t&&_defineProperties(e,t),e}var DataTablesDemo=function(){function e(){_classCallCheck(this,e),this.init()}return _createClass(e,[{key:"init",value:function(){this.table=this.table(),this.searchRecords(),this.selecter(),this.clearSelected(),this.table2(),this.table.buttons().container().appendTo("#dt-buttons").unwrap()}},{key:"table",value:function(){return $("#myTable").DataTable({dom:"<'text-muted'Bi>\n <'table-responsive'tr>\n <'mt-4'p>",buttons:["copyHtml5",{extend:"print",autoPrint:!1}],language:{paginate:{previous:'<i class="fa fa-lg fa-angle-left"></i>',next:'<i class="fa fa-lg fa-angle-right"></i>'}},autoWidth:!1,ajax:"assets/data/products.json",deferRender:!0,order:[1,"asc"],columns:[{data:"id",className:"col-checker align-middle",orderable:!1,searchable:!1},{data:"name",className:"align-middle"},{data:"inventory",className:"align-middle"},{data:"variant",className:"align-middle"},{data:"prices",className:"align-middle"},{data:"sales",className:"align-middle"},{data:"id",className:"align-middle text-right",orderable:!1,searchable:!1}],columnDefs:[{targets:0,render:function(e,a,t){return'<div class="custom-control custom-control-nolabel custom-checkbox">\n <input type="checkbox" class="custom-control-input" name="selectedRow[]" id="p'.concat(t.id,'" value="').concat(t.id,'">\n <label class="custom-control-label" for="p').concat(t.id,'"></label>\n </div>')}},{targets:1,render:function(e,a,t){return'<a href="#'.concat(t.id,'" class="tile tile-img mr-1">\n <img class="img-fluid" src="assets/images/dummy/img-').concat(t.img,'.jpg" alt="Card image cap">\n </a>\n <a href="#').concat(t.id,'">').concat(t.name,"</a>")}},{targets:6,render:function(e){return'<a class="btn btn-sm btn-icon btn-secondary" href="#'.concat(e,'"><i class="fa fa-pencil-alt"></i></a>\n <a class="btn btn-sm btn-icon btn-secondary" href="#').concat(e,'"><i class="far fa-trash-alt"></i></a>')}}]})}},{key:"searchRecords",value:function(){var c=this;$("#table-search, #filterBy").on("keyup change focus",function(e){var a=$("#filterBy").val(),t=""!==a,n=$("#table-search").val();!n.length||"keyup"!==e.type&&"change"!==e.type||c.clearSelectedRows(),c.table.search("").columns().search("").draw(),t?c.table.columns(a).search(n).draw():c.table.search(n).draw()})}},{key:"getSelectedInfo",value:function(){var e=$('input[name="selectedRow[]"]:checked').length,a=$(".thead-btn"),t=$("<span/>").addClass("selected-row-info text-muted pl-1").text("".concat(e," selected"));$(".selected-row-info").remove(),e&&a.prepend(t)}},{key:"selecter",value:function(){var n=this;$(document).on("change","#check-handle",function(){var e=$(this).prop("checked");$('input[name="selectedRow[]"]').prop("checked",e),n.getSelectedInfo()}).on("change",'input[name="selectedRow[]"]',function(){var e=$('input[name="selectedRow[]"]'),a=$('input[name="selectedRow[]"]:checked').length,t=a===e.length?"checked":"indeterminate";$("#check-handle").prop("indeterminate",!1).prop("checked",!1),a&&$("#check-handle").prop(t,!0),n.getSelectedInfo()})}},{key:"clearSelected",value:function(){var e=this;$("#myTable").on("page.dt",function(){e.clearSelectedRows()}),$("#clear-search").on("click",function(){e.clearSelectedRows()})}},{key:"clearSelectedRows",value:function(){$("#check-handle").prop("indeterminate",!1).prop("checked",!1).trigger("change")}},{key:"table2",value:function(){$("#myTable2").DataTable({dom:"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>\n <'table-responsive'tr>\n <'row align-items-center'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 d-flex justify-content-end'p>>",language:{paginate:{previous:'<i class="fa fa-lg fa-angle-left"></i>',next:'<i class="fa fa-lg fa-angle-right"></i>'}},autoWidth:!1,ajax:"assets/data/products.json",deferRender:!0,order:[1,"asc"],columns:[{data:"name",className:"align-middle"},{data:"inventory",className:"align-middle"},{data:"variant",className:"align-middle"},{data:"prices",className:"align-middle"},{data:"sales",className:"align-middle"},{data:"actions",className:"align-middle text-right",orderable:!1,searchable:!1}],columnDefs:[{targets:0,render:function(e,a,t){return'<a href="#'.concat(t.id,'" class="tile tile-img mr-1">\n <img class="img-fluid" src="assets/images/dummy/img-').concat(t.img,'.jpg" alt="Card image cap">\n </a>\n <a href="#').concat(t.id,'">').concat(t.name,"</a>")}},{targets:5,render:function(e){return'<a class="btn btn-sm btn-icon btn-secondary" href="#'.concat(e,'"><i class="fa fa-pencil-alt"></i></a>\n <a class="btn btn-sm btn-icon btn-secondary" href="#').concat(e,'"><i class="far fa-trash-alt"></i></a>')}}]})}}]),e}();$(document).on("theme:init",function(){new DataTablesDemo});
|
|
//# sourceMappingURL=../../sourcemaps/pages/datatables-demo.min.js.map
|