Mango/public/js/subscription.js

const component = () => {
	return {
		available: undefined,
		subscriptions: [],

		init() {
			$.getJSON(`${base_url}api/admin/mangadex/expires`)
				.done((data) => {
					if (data.error) {
						alert('danger', 'Failed to check MangaDex integration status. Error: ' + data.error);
						return;
					}
					this.available = Boolean(data.expires && data.expires > Math.floor(Date.now() / 1000));

					if (this.available) this.getSubscriptions();
				})
				.fail((jqXHR, status) => {
					alert('danger', `Failed to check MangaDex integration status. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
				})
		},

		getSubscriptions() {
			$.getJSON(`${base_url}api/admin/mangadex/subscriptions`)
				.done(data => {
					if (data.error) {
						alert('danger', 'Failed to get subscriptions. Error: ' + data.error);
						return;
					}
					this.subscriptions = data.subscriptions;
				})
				.fail((jqXHR, status) => {
					alert('danger', `Failed to get subscriptions. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
				})
		},

		rm(event) {
			const id = event.currentTarget.parentNode.getAttribute('data-id');
			$.ajax({
					type: 'DELETE',
					url: `${base_url}api/admin/mangadex/subscriptions/${id}`,
					contentType: 'application/json'
				})
				.done(data => {
					if (data.error) {
						alert('danger', `Failed to delete subscription. Error: ${data.error}`);
					}
					this.getSubscriptions();
				})
				.fail((jqXHR, status) => {
					alert('danger', `Failed to delete subscription. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
				});
		},

		check(event) {
			const id = event.currentTarget.parentNode.getAttribute('data-id');
			$.ajax({
					type: 'POST',
					url: `${base_url}api/admin/mangadex/subscriptions/check/${id}`,
					contentType: 'application/json'
				})
				.done(data => {
					if (data.error) {
						alert('danger', `Failed to check subscription. Error: ${data.error}`);
						return;
					}
					alert('success', 'Mango is now checking the subscription for updates. This might take a while, but you can safely leave the page.');
				})
				.fail((jqXHR, status) => {
					alert('danger', `Failed to check subscription. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
				});
		},

		formatRange(min, max) {
			if (!isNaN(min) && isNaN(max)) return `≥ ${min}`;
			if (isNaN(min) && !isNaN(max)) return `≤ ${max}`;
			if (isNaN(min) && isNaN(max)) return 'All';

			if (min === max) return `= ${min}`;
			return `${min} - ${max}`;
		}
	};
};