mirror of https://github.com/go-gitea/gitea.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
682 B
TypeScript
20 lines
682 B
TypeScript
import $ from 'jquery';
|
|
import {queryElemSiblings} from '../../utils/dom.ts';
|
|
|
|
export function initFomanticTab() {
|
|
$.fn.tab = function (this: any) {
|
|
for (const elBtn of this) {
|
|
const tabName = elBtn.getAttribute('data-tab');
|
|
if (!tabName) continue;
|
|
elBtn.addEventListener('click', () => {
|
|
const elTab = document.querySelector(`.ui.tab[data-tab="${tabName}"]`);
|
|
queryElemSiblings(elTab, `.ui.tab`, (el) => el.classList.remove('active'));
|
|
queryElemSiblings(elBtn, `[data-tab]`, (el) => el.classList.remove('active'));
|
|
elBtn.classList.add('active');
|
|
elTab.classList.add('active');
|
|
});
|
|
}
|
|
return this;
|
|
};
|
|
}
|