HummingBirdAnimeClient/public/js/anime_edit.js

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

	'use strict';

	// Action to increment episode count
	_.on('body.anime.list', 'click', '.plus_one', (e) => {
		let parentSel = _.closestParent(e.target, 'article');
		let watchedCount = parseInt(_.$('.completed_number', parentSel)[0].textContent, 10) || 0;
		let totalCount = parseInt(_.$('.total_number', parentSel)[0].textContent, 10);
		let title = _.$('.name a', parentSel)[0].textContent;

		// Setup the update data
		let data = {
			id: parentSel.dataset.kitsuId,
			mal_id: parentSel.dataset.malId,
			data: {
				progress: watchedCount + 1
			}
		};

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

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

		_.show(_.$('#loading-shadow')[0]);

		// okay, lets actually make some changes!
		_.ajax(_.url('/anime/update'), {
			data,
			dataType: 'json',
			type: 'POST',
			success: (res) => {
				const resData = JSON.parse(res);

				if (resData.errors) {
					_.hide(_.$('#loading-shadow')[ 0 ]);
					_.showMessage('error', `Failed to update ${title}. `);
					_.scrollToTop();
					return;
				}

				if (resData.data.attributes.status === 'completed') {
					_.hide(parentSel);
				}

				_.hide(_.$('#loading-shadow')[0]);

				_.showMessage('success', `Successfully updated ${title}`);
				_.$('.completed_number', parentSel)[0].textContent = ++watchedCount;
				_.scrollToTop();
			},
			error: (xhr, errorType, error) => {
				_.hide(_.$('#loading-shadow')[0]);
				_.showMessage('error', `Failed to update ${title}. `);
				_.scrollToTop();
			}
		});
	});

})(AnimeClient);