New-OMIS/public/assets/js/custom.js
2024-04-10 18:06:18 +05:45

137 lines
3.9 KiB
JavaScript

$('body').on('click', '.remove-item-btn', function (e) {
e.preventDefault();
let url = $(this).data('link');
let id = $(this).data('id');
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert this!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!'
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
url: url,
type: 'DELETE',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
id: id
},
success: function (response) {
if(response.status == true){
location.reload();
}
},
error: function (xhr, status, error) {
console.error(xhr.responseText);
}
});
}
});
});
//initialize ckeditor
document.querySelectorAll('.ckeditor-classic').forEach(editor => {
console.log(editor);
ClassicEditor
.create(editor)
.catch(error => {
console.error(error);
});
});
$('.date-picker').nepaliDatePicker({
// dateFormat: '%D, %M %d, %y',
dateFormat: '%y-%m-%d',
closeOnDateSelect: true,
});
// initialize filepond
const inputElement = document.querySelector('.filepond');
console.log(inputElement);
FilePond.registerPlugin(FilePondPluginImagePreview);
const pond = FilePond.create(inputElement);
FilePond.setOptions({
server: {
process: "/filepond/upload",
revert: '/delete',
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
},
}
});
//ajax form submit
document.addEventListener('DOMContentLoaded', function () {
let form = document.getElementById('storeUpdateForm');
let action = form.getAttribute('action');
let method = form.getAttribute('method');
toastr.options = {
'closeButton': true,
'debug': false,
'newestOnTop': true,
'progressBar': true,
'positionClass': 'toast-top-right',
'preventDuplicates': true,
'showDuration': '1000',
'hideDuration': '1000',
'timeOut': '5000',
'extendedTimeOut': '1000',
'showEasing': 'swing',
'hideEasing': 'linear',
'showMethod': 'fadeIn',
'hideMethod': 'fadeOut',
}
form.addEventListener('submit', function (e) {
e.preventDefault();
let formData = new FormData(form);
fetch(action, {
method: method,
body: formData,
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
}
})
.then(response => {
if (response.ok) {
response.json().then(data => {
toastr['success'](data.message);
})
} else {
response.json().then(data => {
if (data.errors) {
for (const [key, message] of Object.entries(data.errors)) {
let errorDiv = document.createElement('div');
errorDiv.innerHTML = `<span class="text-danger">${message}</span>`;
document.getElementById(key).parentNode.appendChild(errorDiv);
}
}
})
.catch(error => {
console.error('Error parsing JSON:', error);
});
}
})
.catch(error => {
console.error('Error during fetch:', error);
});
});
});