HummingBirdAnimeClient/public/js/manga_edit.js

/**
 * Javascript for editing manga, if logged in
 */
((_) => {

	'use strict';

	_.on('.manga.list', 'click', '.edit_buttons button', function() {
		let this_sel = this;
		let parent_sel = _.closestParent(this, 'article');
		let manga_id = parent_sel.id.replace("manga-", "");
		let type = this_sel.classList.contains("plus_one_chapter") ? 'chapter' : 'volume';
		let completed = parseInt(_.$(`.${type}s_read`, parent_sel)[0].textContent, 10);
		let total = parseInt(_.$(`.${type}_count`, parent_sel)[0].textContent, 10);
		let manga_name = _.$('.name', parent_sel)[0].textContent;

		if (isNaN(completed)) {
			completed = 0;
		}

		// Setup the update data
		let data = {
			id: manga_id,
			data: {
				progress: completed
			}
		};

		// If the episode count is 0, and incremented,
		// change status to currently reading
		if (isNaN(completed) || completed === 0) {
			data.data.status = 'current';
		}

		// If you increment at the last chapter, mark as completed
		if (( ! isNaN(completed)) && (completed + 1) == total) {
			data.data.status = 'completed';
		}

		// Update the total count
		data.data.progress = ++completed;

		_.ajax(_.url('/manga/update'), {
			data: data,
			dataType: 'json',
			type: 'POST',
			mimeType: 'application/json',
			success: () => {
				if (data.data.status == 'completed') {
					_.hide(parent_sel);
				}

				_.$(`.${type}s_read`, parent_sel)[0].textContent = completed;
				_.showMessage('success', `Sucessfully updated ${manga_name}`);
				_.scrollToTop();
			},
			error: (xhr, errorType, error) => {
				console.error(error);
				_.showMessage('error', `Failed to updated ${manga_name}`);
				_.scrollToTop();
			}
		});
	});

})(AnimeClient);