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'), }), ); } } }