2022-09-28 09:09:28 +00:00
|
|
|
import { createAlert } from '~/flash';
|
2022-01-07 12:10:47 +00:00
|
|
|
import axios from '~/lib/utils/axios_utils';
|
|
|
|
import { spriteIcon } from '~/lib/utils/common_utils';
|
|
|
|
import { __, s__ } from '~/locale';
|
2017-07-21 10:43:04 +00:00
|
|
|
|
2017-07-06 18:19:41 +00:00
|
|
|
export default class Star {
|
2022-06-22 03:08:59 +00:00
|
|
|
constructor(containerSelector = '.project-home-panel') {
|
|
|
|
const container = document.querySelector(containerSelector);
|
|
|
|
const starToggle = container.querySelector('.toggle-star');
|
2022-09-21 06:13:35 +00:00
|
|
|
starToggle?.addEventListener('click', function toggleStarClickCallback() {
|
2022-06-22 03:08:59 +00:00
|
|
|
const starSpan = starToggle.querySelector('span');
|
|
|
|
const starIcon = starToggle.querySelector('svg');
|
|
|
|
const iconClasses = Array.from(starIcon.classList.values());
|
2017-10-11 08:10:35 +00:00
|
|
|
|
2018-10-10 07:13:34 +00:00
|
|
|
axios
|
2022-06-22 03:08:59 +00:00
|
|
|
.post(starToggle.dataset.endpoint)
|
2018-02-20 22:20:48 +00:00
|
|
|
.then(({ data }) => {
|
2022-06-22 03:08:59 +00:00
|
|
|
const isStarred = starSpan.classList.contains('starred');
|
|
|
|
starToggle.parentNode.querySelector('.count').textContent = data.star_count;
|
2018-02-20 22:20:48 +00:00
|
|
|
|
2017-10-11 08:10:35 +00:00
|
|
|
if (isStarred) {
|
2022-06-22 03:08:59 +00:00
|
|
|
starSpan.classList.remove('starred');
|
|
|
|
starSpan.textContent = s__('StarProject|Star');
|
|
|
|
starIcon.remove();
|
2022-08-22 09:11:23 +00:00
|
|
|
// eslint-disable-next-line no-unsanitized/method
|
2022-06-22 03:08:59 +00:00
|
|
|
starSpan.insertAdjacentHTML('beforebegin', spriteIcon('star-o', iconClasses));
|
2017-10-11 08:10:35 +00:00
|
|
|
} else {
|
2022-06-22 03:08:59 +00:00
|
|
|
starSpan.classList.add('starred');
|
|
|
|
starSpan.textContent = __('Unstar');
|
|
|
|
starIcon.remove();
|
2022-08-22 09:11:23 +00:00
|
|
|
|
|
|
|
// eslint-disable-next-line no-unsanitized/method
|
2022-06-22 03:08:59 +00:00
|
|
|
starSpan.insertAdjacentHTML('beforebegin', spriteIcon('star', iconClasses));
|
2017-10-11 08:10:35 +00:00
|
|
|
}
|
2018-02-20 22:20:48 +00:00
|
|
|
})
|
2021-06-21 03:10:27 +00:00
|
|
|
.catch(() =>
|
2022-09-28 09:09:28 +00:00
|
|
|
createAlert({
|
2021-06-21 03:10:27 +00:00
|
|
|
message: __('Star toggle failed. Try again later.'),
|
|
|
|
}),
|
|
|
|
);
|
2018-02-20 22:20:48 +00:00
|
|
|
});
|
2017-07-05 17:20:41 +00:00
|
|
|
}
|
2017-06-30 21:27:31 +00:00
|
|
|
}
|