monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-03-04 18:53:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

impr(edit tag): add ability to show as modal chain

Browse source
This commit is contained in:
Miodec 2024-03-15 17:26:35 +01:00
parent 474c6aa52e
commit e933bbff73
2 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/ts/commandline/lists/tags.ts
View file

@ -39,8 +39,12 @@ function update(): void {
display: "Create tag",
icon: "fa-plus",
shouldFocusTestUI: false,
exec: (): void => {
EditTagsPopup.show("add");
EditTagsPopup.show(
"add",
undefined,
undefined,
commandlineModal as AnimatedModal
);
},
});
return;
@ -93,8 +97,12 @@ function update(): void {
display: "Create tag",
icon: "fa-plus",
shouldFocusTestUI: false,
exec: (): void => {
EditTagsPopup.show("add");
EditTagsPopup.show(
"add",
undefined,
undefined,
commandlineModal as AnimatedModal
);
},
});
}

16
frontend/src/ts/modals/edit-tag.ts
View file

@ -6,7 +6,12 @@ import * as Settings from "../pages/settings";
import * as ConnectionState from "../states/connection";
import AnimatedModal from "../utils/animated-modal";
export function show(action: string, id?: string, name?: string): void {
export function show(
action: string,
id?: string,
name?: string,
modalChain?: AnimatedModal
): void {
if (!ConnectionState.get()) {
Notifications.add("You are offline", 0, {
duration: 2,
@ -16,6 +21,7 @@ export function show(action: string, id?: string, name?: string): void {
void modal.show({
focusFirstInput: true,
modalChain,
beforeAnimation: async () => {
$("#editTagModal .modal .text").addClass("hidden");
if (action === "add") {
@ -64,8 +70,10 @@ export function show(action: string, id?: string, name?: string): void {
});
}
function hide(): void {
void modal.hide();
function hide(clearModalChain = false): void {
void modal.hide({
clearModalChain,
});
}
async function apply(): Promise<void> {
@ -74,7 +82,7 @@ async function apply(): Promise<void> {
const tagName = propTagName.replaceAll(" ", "_");
const tagId = $("#editTagModal .modal").attr("data-tag-id") as string;
hide();
hide(true);
Loader.show();
if (action === "add") {