gitlab-org--gitlab-foss/app/assets/javascripts/milestone.js

49 lines
1.2 KiB
JavaScript

import $ from 'jquery';
import createFlash from './flash';
import axios from './lib/utils/axios_utils';
import { __ } from './locale';
export default class Milestone {
constructor() {
this.bindTabsSwitching();
this.loadInitialTab();
}
bindTabsSwitching() {
return $('a[data-toggle="tab"]').on('show.bs.tab', (e) => {
const $target = $(e.target);
window.location.hash = $target.attr('href');
this.loadTab($target);
});
}
loadInitialTab() {
const $target = $(`.js-milestone-tabs a:not(.active)[href="${window.location.hash}"]`);
if ($target.length) {
$target.tab('show');
} else {
this.loadTab($('.js-milestone-tabs a.active'));
}
}
// eslint-disable-next-line class-methods-use-this
loadTab($target) {
const endpoint = $target.data('endpoint');
const tabElId = $target.attr('href');
if (endpoint && !$target.hasClass('is-loaded')) {
axios
.get(endpoint)
.then(({ data }) => {
$(tabElId).html(data.html);
$target.addClass('is-loaded');
})
.catch(() =>
createFlash({
message: __('Error loading milestone tab'),
}),
);
}
}
}