123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155 |
- import prettyMilliseconds from 'pretty-ms';
- const {AppSubUrl, csrf, NotificationSettings, EnableTimetracking} = window.config;
-
- let updateTimeInterval = null; // holds setInterval id when active
-
- export async 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(async () => {
- await 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': csrf},
- });
-
- if (updateTimeInterval) {
- clearInterval(updateTimeInterval);
- updateTimeInterval = null;
- }
-
- return updateStopwatchData(data);
- }
-
- async 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;
- }
-
- async 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);
- }
|