forked from dk96/QuotationMaker
78 lines
2.8 KiB
JavaScript
78 lines
2.8 KiB
JavaScript
"use strict";
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
// DataTables Demo
|
|
// =============================================================
|
|
var TableDemo = /*#__PURE__*/function () {
|
|
function TableDemo() {
|
|
_classCallCheck(this, TableDemo);
|
|
|
|
this.init();
|
|
}
|
|
|
|
_createClass(TableDemo, [{
|
|
key: "init",
|
|
value: function init() {
|
|
// event handlers
|
|
this.handleSelecter();
|
|
}
|
|
}, {
|
|
key: "handleSelecter",
|
|
value: function handleSelecter() {
|
|
var self = this;
|
|
$(document).on('change', '#check-handle', function () {
|
|
var isChecked = $(this).prop('checked');
|
|
$('input[name="selectedRow[]"]').prop('checked', isChecked); // get info
|
|
|
|
self.getSelectedInfo();
|
|
}).on('change', 'input[name="selectedRow[]"]', function () {
|
|
var $selectors = $('input[name="selectedRow[]"]');
|
|
var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
|
|
var prop = $selectedRow === $selectors.length ? 'checked' : 'indeterminate'; // reset props
|
|
|
|
$('#check-handle').prop('indeterminate', false).prop('checked', false);
|
|
|
|
if ($selectedRow) {
|
|
$('#check-handle').prop(prop, true);
|
|
} // get info
|
|
|
|
|
|
self.getSelectedInfo();
|
|
});
|
|
}
|
|
}, {
|
|
key: "getSelectedInfo",
|
|
value: function getSelectedInfo() {
|
|
var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
|
|
var $info = $('.thead-btn');
|
|
var $badge = $('<span/>').addClass('selected-row-info text-muted pl-1').text("".concat($selectedRow, " selected")); // remove existing info
|
|
|
|
$('.selected-row-info').remove(); // add current info
|
|
|
|
if ($selectedRow) {
|
|
$info.prepend($badge);
|
|
}
|
|
}
|
|
}, {
|
|
key: "clearSelectedRows",
|
|
value: function clearSelectedRows() {
|
|
$('#check-handle').prop('indeterminate', false).prop('checked', false).trigger('change');
|
|
}
|
|
}]);
|
|
|
|
return TableDemo;
|
|
}();
|
|
/**
|
|
* Keep in mind that your scripts may not always be executed after the theme is completely ready,
|
|
* you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
|
|
*/
|
|
|
|
|
|
$(document).on('theme:init', function () {
|
|
new TableDemo();
|
|
}); |