assetflow/static/js/editCategory.js

function getDataForEdit(name) {
	$.ajax({
		type: 'get',
		url: `/api/v1/categories?name=${name}`,
		success: function (data) {
			const result = JSON.parse(data);

			// Get elements inside the editCategoryModal
			const modal_categoryName = document.getElementById('editCategoryModalName');
			const modal_categoryDescription = document.getElementById('editCategoryModalDescription');
			const modal_categoryid = document.getElementById('editCategoryModalId');

			modal_categoryName.value = result.name;
			modal_categoryDescription.value = result.description;
			modal_categoryid.value = result.id;
		},
		error: function (data) {
			console.log('!!!! ERROR !!!!', data);
			// Hide overlay with spinner
			$('.loader-overlay').removeClass('active');
			// Close the modal
			$('.modal').modal('hide');
			$('#generalToast').removeClass('text-bg-primary');
			$('#generalToast').addClass('text-bg-danger');
			$('#generalToast').toast('show');
			$('#generalToast').children('.d-flex').children('.toast-body').html('<i class="bi bi-exclamation-triangle-fill"></i> Something went wrong. The category does no longer exist.');
			setTimeout(() => {
				window.location.reload();
			}, 3000);
		}
	});
}

function primeCreateNew() {
	const form = document.getElementById('CategoryModalForm');
	form.setAttribute('method', 'POST');
	document.getElementById('editCategoryModalLabel').innerText = 'Create a new category';
	return true;
}

function primeEdit() {
	const form = document.getElementById('CategoryModalForm');
	document.getElementById('editCategoryModalLabel').innerText = 'Edit category';
	form.setAttribute('method', 'PATCH');
	return true;
}

function deleteEntry(id) {
	$.ajax({
		type: 'delete',
		url: `/api/v1/categories`,
		data: { id: id },
		success: function (data) {
			$('#staticBackdrop').modal('hide');
			$('#generalToast').removeClass('text-bg-primary');
			$('#generalToast').addClass('text-bg-success');
			$('#generalToast').toast('show');
			$('#generalToast').children('.d-flex').children('.toast-body').html('<i class="bi bi-check2"></i> Category deleted successfully.');
			confetti({
				spread: 360,
				ticks: 100,
				gravity: 0.1,
				decay: 0.94,
				startVelocity: 30,
				particleCount: 20,
				scalar: 2,
				shapes: ['text'],
				shapeOptions: {
					text: {
						value: ['❌', '🗑️', '🚫']
					}
				}
			});
			setTimeout(() => {
				$('#generalToast').toast('hide');
				$('#generalToast').removeClass('text-bg-success');
				$('#generalToast').addClass('text-bg-primary');
				window.location.reload();
			}, 2000);
		},
		error: function (data) {
			// hide the staticBackdrop modal
			$('#staticBackdrop').modal('hide');
			$('#generalToast').removeClass('text-bg-primary');
			$('#generalToast').addClass('text-bg-danger');
			$('#generalToast').toast('show');
			$('#generalToast').children('.d-flex').children('.toast-body').html('<i class="bi bi-exclamation-triangle-fill"></i> Something went wrong. Please try again later.');
			setTimeout(() => {
				$('#generalToast').toast('hide');
				$('#generalToast').removeClass('text-bg-danger');
				$('#generalToast').addClass('text-bg-primary');
			}, 3000);
		}
	});
}

function preFillDeleteModal(name) {
	$.ajax({
		type: 'get',
		url: `/api/v1/categories?name=${name}`,
		success: function (data) {
			const result = JSON.parse(data);

			// Get elements inside the editCategoryModal
			const modal_categoryName = document.getElementById('deleteNamePlaceholder');
			const modal_deleteButton = document.getElementById('deleteActionBtn');
			//const modal_categoryDescription = document.getElementById('editCategoryModalDescription');
			//const modal_categoryid = document.getElementById('editCategoryModalId');

			modal_categoryName.innerText = result.name;
			modal_deleteButton.setAttribute('onclick', `deleteEntry(${result.id})`);

			//modal_categoryDescription.value = result.description;
			//modal_categoryid.value = result.id;
		},
		error: function (data) {
			console.log('!!!! ERROR !!!!', data);
			document.getElementById('deleteNamePlaceholder').innerText = 'Deleted';

			$('#staticBackdrop').modal('hide');
			$('#generalToast').removeClass('text-bg-primary');
			$('#generalToast').addClass('text-bg-danger');
			$('#generalToast').toast('show');
			$('#generalToast').children('.d-flex').children('.toast-body').html('<i class="bi bi-exclamation-triangle-fill"></i> Something went wrong. The category does no longer exist.');
			setTimeout(() => {
				window.location.reload();
			}, 3000);
		}
	});
}