R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Fixed incorrect tab switching on closing

Browse Source
This commit is contained in:
Adam Bem
2023-11-30 08:35:31 +01:00
parent 19e73f0c5d
commit b5fdf0fc9f
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Frontend/src/components/xml/TabComponent.vue
View File

@@ -25,8 +25,8 @@ function remove() {
</script> </script>
<template> <template>
<div @click="activate" :class=" isActive ? 'tab-active' : 'tab'" class="flex flex-row gap-3 cursor-pointer"> <div :class=" isActive ? 'tab-active' : 'tab'" class="flex flex-row gap-3">
<button class="hover:brightness-110"><slot /></button> <button @click="activate" class="hover:brightness-110"><slot /></button>
<button @click="remove" class="hover:brightness-110 hover:bg-blue-100 hover:dark:bg-slate-400 hover:dark:text-black px-2 rounded-full">x</button> <button @click="remove" class="hover:brightness-110 hover:bg-blue-100 hover:dark:bg-slate-400 hover:dark:text-black px-2 rounded-full">x</button>
</div> </div>
</template> </template>

6
Frontend/src/components/xml/XmlTabbedInputComponent.vue
View File

@@ -21,7 +21,7 @@ const activeTabId = ref(0);
const tabs = ref(new Array<TabData>); const tabs = ref(new Array<TabData>);
tabs.value.push({ tabs.value.push({
id: newTabId.value++, id: newTabId.value++,
name: "XML1", name: "xml1.xml",
data: "", data: "",
}) })
@@ -86,7 +86,7 @@ function addTab() {
tabs.value.push({ tabs.value.push({
id: newTabId.value++, id: newTabId.value++,
name: "XML" + newTabId.value, name: "xml" + newTabId.value + ".xml",
data: "" data: ""
}); });
} }
@@ -101,7 +101,7 @@ function removeTab(id : number) {
let indexToRemove = findIndexWithID(id); let indexToRemove = findIndexWithID(id);
switchToExistingTab(indexToRemove) switchToExistingTab(indexToRemove);
tabs.value.splice(indexToRemove, 1); tabs.value.splice(indexToRemove, 1);