96 lines
3.5 KiB
TypeScript
96 lines
3.5 KiB
TypeScript
import * as Cookies from 'js-cookie';
|
|
import { fetchPostJson, fetchDeleteJson, ResponseError } from './fetch';
|
|
import { pageSelector } from './tissue';
|
|
|
|
require('./bootstrap');
|
|
|
|
$(() => {
|
|
if (Cookies.get('agechecked')) {
|
|
$('body').removeClass('tis-need-agecheck');
|
|
} else {
|
|
$('#ageCheckModal')
|
|
.modal({ backdrop: 'static' })
|
|
.on('hide.bs.modal', function () {
|
|
$('body').removeClass('tis-need-agecheck');
|
|
Cookies.set('agechecked', '1', { expires: 365 });
|
|
});
|
|
}
|
|
|
|
if (navigator.serviceWorker) {
|
|
navigator.serviceWorker.register('/sw.js');
|
|
}
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
$('.alert').alert();
|
|
document.querySelectorAll('.tis-page-selector').forEach(pageSelector);
|
|
|
|
$('.link-card').linkCard();
|
|
const $deleteCheckinModal = $('#deleteCheckinModal').deleteCheckinModal();
|
|
$(document).on('click', '[data-target="#deleteCheckinModal"]', function (event) {
|
|
event.preventDefault();
|
|
$deleteCheckinModal.modal('show', this);
|
|
});
|
|
|
|
$(document).on('click', '[data-href]', function (_event) {
|
|
location.href = $(this).data('href');
|
|
});
|
|
|
|
$(document).on('click', '.like-button', function (event) {
|
|
event.preventDefault();
|
|
|
|
const $this = $(this);
|
|
const targetId = $this.data('id');
|
|
const isLiked = $this.data('liked');
|
|
|
|
if (isLiked) {
|
|
fetchDeleteJson(`/api/likes/${encodeURIComponent(targetId)}`)
|
|
.then((response) => {
|
|
if (response.status === 200 || response.status === 404) {
|
|
return response.json();
|
|
}
|
|
throw new ResponseError(response);
|
|
})
|
|
.then((data) => {
|
|
$this.data('liked', false);
|
|
$this.find('.oi-heart').removeClass('text-danger');
|
|
|
|
const count = data.ejaculation ? data.ejaculation.likes_count : 0;
|
|
$this.find('.like-count').text(count ? count : '');
|
|
})
|
|
.catch((e) => {
|
|
console.error(e);
|
|
alert('いいねを解除できませんでした。');
|
|
});
|
|
} else {
|
|
fetchPostJson('/api/likes', { id: targetId })
|
|
.then((response) => {
|
|
if (response.status === 200 || response.status === 409) {
|
|
return response.json();
|
|
}
|
|
throw new ResponseError(response);
|
|
})
|
|
.then((data) => {
|
|
$this.data('liked', true);
|
|
$this.find('.oi-heart').addClass('text-danger');
|
|
|
|
const count = data.ejaculation ? data.ejaculation.likes_count : 0;
|
|
$this.find('.like-count').text(count ? count : '');
|
|
})
|
|
.catch((e) => {
|
|
if (e instanceof ResponseError && e.response.status === 401) {
|
|
alert('いいねするためにはログインしてください。');
|
|
return;
|
|
}
|
|
|
|
console.error(e);
|
|
alert('いいねできませんでした。');
|
|
});
|
|
}
|
|
});
|
|
|
|
$(document).on('click', '.card-spoiler-overlay', function (_event) {
|
|
const $this = $(this);
|
|
$this.siblings('.card-link').removeClass('card-spoiler');
|
|
$this.remove();
|
|
});
|
|
});
|