</div>
<footer class="footer">
<div class="container-fluid clearfix">
</div>
</footer>
<!-- partial -->
</div>
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
{% block javascripts %}
<script src="{{ asset('js/vendor.bundle.base.js') }}" ></script>
<script src="{{ asset('js/hoverable-collapse.js') }}" ></script>
<script src="{{ asset('js/off-canvas.js') }}" ></script>
<script src="{{ asset('js/misc.js') }}"></script>
<script src="{{ asset('js/bootstrap-table.js') }}"></script>
<script src="{{ asset('assets2/vendors/chart.js/Chart.min.js') }}"></script>
<script src="{{ asset('js/dashboard.js') }}"></script>
<script src="{{ asset('assets2/js/chart.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
<script>
$(document).ready(function () {
bsCustomFileInput.init()
})
</script>
<script type="text/javascript">
var $table = $('#bootstrap-table');
function operateFormatter(value, row, index) {
return [
'<a rel="tooltip" title="View" class="btn btn-link btn-info table-action view" href="javascript:void(0)">',
'<i class="fa fa-image"></i>',
'</a>',
'<a rel="tooltip" title="Edit" class="btn btn-link btn-warning table-action edit" href="javascript:void(0)">',
'<i class="fa fa-edit"></i>',
'</a>',
'<a rel="tooltip" title="Remove" class="btn btn-link btn-danger table-action remove" href="javascript:void(0)">',
'<i class="fa fa-remove"></i>',
'</a>'
].join('');
}
$().ready(function() {
window.operateEvents = {
'click .view': function(e, value, row, index) {
info = JSON.stringify(row);
swal('You click view icon, row: ', info);
console.log(info);
},
'click .edit': function(e, value, row, index) {
info = JSON.stringify(row);
swal('You click edit icon, row: ', info);
console.log(info);
},
'click .remove': function(e, value, row, index) {
console.log(row);
$table.bootstrapTable('remove', {
field: 'id',
values: [row.id]
});
}
};
$table.bootstrapTable({
toolbar: ".toolbar",
clickToSelect: true,
showRefresh: true,
search: true,
showToggle: true,
showColumns: true,
pagination: true,
searchAlign: 'left',
pageSize: 25,
clickToSelect: false,
pageList: [10, 20, 25, 50, 100],
formatShowingRows: function(pageFrom, pageTo, totalRows) {
//do nothing here, we don't want to show the text "showing x of y from..."
},
formatRecordsPerPage: function(pageNumber) {
return pageNumber + " ";
},
icons: {
refresh: 'mdi mdi-refresh',
toggle: 'mdi mdi-view-list',
columns: 'mdi mdi-table-edit',
detailOpen: 'fa fa-plus-circle',
detailClose: 'fa fa-minus-circle'
}
});
//activate the tooltips after the data table is initialized
$('[rel="tooltip"]').tooltip();
$(window).resize(function() {
$table.bootstrapTable('resetView');
});
});
</script>
</script>
{% endblock %}
</body>
</html>