mirror of
https://github.com/go-gitea/gitea
synced 2024-08-28 01:56:31 +02:00
- Don't rely on globals (window.$) for jQuery import - Remove eslint globals no longer in use
157 lines
4.4 KiB
JavaScript
157 lines
4.4 KiB
JavaScript
import $ from 'jquery';
|
|
import prettyMilliseconds from 'pretty-ms';
|
|
|
|
const {appSubUrl, csrfToken, notificationSettings, enableTimeTracking} = window.config;
|
|
let updateTimeInterval = null; // holds setInterval id when active
|
|
|
|
export function initStopwatch() {
|
|
if (!enableTimeTracking) {
|
|
return;
|
|
}
|
|
|
|
const stopwatchEl = $('.active-stopwatch-trigger');
|
|
|
|
if (!stopwatchEl.length) {
|
|
return;
|
|
}
|
|
|
|
stopwatchEl.removeAttr('href'); // intended for noscript mode only
|
|
stopwatchEl.popup({
|
|
position: 'bottom right',
|
|
hoverable: true,
|
|
});
|
|
|
|
// form handlers
|
|
$('form > button', stopwatchEl).on('click', function () {
|
|
$(this).parent().trigger('submit');
|
|
});
|
|
|
|
if (notificationSettings.EventSourceUpdateTime > 0 && !!window.EventSource && window.SharedWorker) {
|
|
// Try to connect to the event source via the shared worker first
|
|
const worker = new SharedWorker(`${__webpack_public_path__}js/eventsource.sharedworker.js`, 'notification-worker');
|
|
worker.addEventListener('error', (event) => {
|
|
console.error(event);
|
|
});
|
|
worker.port.addEventListener('messageerror', () => {
|
|
console.error('Unable to deserialize message');
|
|
});
|
|
worker.port.postMessage({
|
|
type: 'start',
|
|
url: `${window.location.origin}${appSubUrl}/user/events`,
|
|
});
|
|
worker.port.addEventListener('message', (event) => {
|
|
if (!event.data || !event.data.type) {
|
|
console.error(event);
|
|
return;
|
|
}
|
|
if (event.data.type === 'stopwatches') {
|
|
updateStopwatchData(JSON.parse(event.data.data));
|
|
} else if (event.data.type === 'error') {
|
|
console.error(event.data);
|
|
} else if (event.data.type === 'logout') {
|
|
if (event.data.data !== 'here') {
|
|
return;
|
|
}
|
|
worker.port.postMessage({
|
|
type: 'close',
|
|
});
|
|
worker.port.close();
|
|
window.location.href = appSubUrl;
|
|
} else if (event.data.type === 'close') {
|
|
worker.port.postMessage({
|
|
type: 'close',
|
|
});
|
|
worker.port.close();
|
|
}
|
|
});
|
|
worker.port.addEventListener('error', (e) => {
|
|
console.error(e);
|
|
});
|
|
worker.port.start();
|
|
window.addEventListener('beforeunload', () => {
|
|
worker.port.postMessage({
|
|
type: 'close',
|
|
});
|
|
worker.port.close();
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
if (notificationSettings.MinTimeout <= 0) {
|
|
return;
|
|
}
|
|
|
|
const fn = (timeout) => {
|
|
setTimeout(() => {
|
|
const _promise = updateStopwatchWithCallback(fn, timeout);
|
|
}, timeout);
|
|
};
|
|
|
|
fn(notificationSettings.MinTimeout);
|
|
|
|
const currSeconds = $('.stopwatch-time').data('seconds');
|
|
if (currSeconds) {
|
|
updateTimeInterval = updateStopwatchTime(currSeconds);
|
|
}
|
|
}
|
|
|
|
async function updateStopwatchWithCallback(callback, timeout) {
|
|
const isSet = await updateStopwatch();
|
|
|
|
if (!isSet) {
|
|
timeout = notificationSettings.MinTimeout;
|
|
} else if (timeout < notificationSettings.MaxTimeout) {
|
|
timeout += notificationSettings.TimeoutStep;
|
|
}
|
|
|
|
callback(timeout);
|
|
}
|
|
|
|
async function updateStopwatch() {
|
|
const data = await $.ajax({
|
|
type: 'GET',
|
|
url: `${appSubUrl}/api/v1/user/stopwatches`,
|
|
headers: {'X-Csrf-Token': csrfToken},
|
|
});
|
|
|
|
if (updateTimeInterval) {
|
|
clearInterval(updateTimeInterval);
|
|
updateTimeInterval = null;
|
|
}
|
|
|
|
return updateStopwatchData(data);
|
|
}
|
|
|
|
function updateStopwatchData(data) {
|
|
const watch = data[0];
|
|
const btnEl = $('.active-stopwatch-trigger');
|
|
if (!watch) {
|
|
btnEl.addClass('hidden');
|
|
} else {
|
|
const {repo_owner_name, repo_name, issue_index, seconds} = watch;
|
|
const issueUrl = `${appSubUrl}/${repo_owner_name}/${repo_name}/issues/${issue_index}`;
|
|
$('.stopwatch-link').attr('href', issueUrl);
|
|
$('.stopwatch-commit').attr('action', `${issueUrl}/times/stopwatch/toggle`);
|
|
$('.stopwatch-cancel').attr('action', `${issueUrl}/times/stopwatch/cancel`);
|
|
$('.stopwatch-issue').text(`${repo_owner_name}/${repo_name}#${issue_index}`);
|
|
$('.stopwatch-time').text(prettyMilliseconds(seconds * 1000));
|
|
updateStopwatchTime(seconds);
|
|
btnEl.removeClass('hidden');
|
|
}
|
|
|
|
return !!data.length;
|
|
}
|
|
|
|
function updateStopwatchTime(seconds) {
|
|
const secs = parseInt(seconds);
|
|
if (!Number.isFinite(secs)) return;
|
|
|
|
const start = Date.now();
|
|
updateTimeInterval = setInterval(() => {
|
|
const delta = Date.now() - start;
|
|
const dur = prettyMilliseconds(secs * 1000 + delta, {compact: true});
|
|
$('.stopwatch-time').text(dur);
|
|
}, 1000);
|
|
}
|