diff --git a/static/config.html b/static/config.html
index 8c37373..868eba2 100644
--- a/static/config.html
+++ b/static/config.html
@@ -6,13 +6,11 @@
FeDirect
+
-
+
diff --git a/static/config.mts b/static/config.mts
index 30630e9..bb7e3d7 100644
--- a/static/config.mts
+++ b/static/config.mts
@@ -8,12 +8,16 @@ let reordering = false;
// Dragging code is a heavily modified version of https://stackoverflow.com/a/28962290
let elementBeingDragged: HTMLLIElement | undefined;
+const mainDialog = findDialogOrFail(document.body, "#mainDialog");
+const showAddInstanceDialogButton = findButtonOrFail(document.body, "#showAddInstanceDialog");
const detailsDialog = findDialogOrFail(document.body, "#instanceDetails");
const addDialog = findDialogOrFail(document.body, "#addInstance");
const instanceList = findOlOrFail(document.body, "#instanceList");
const saveButton = findButtonOrFail(document.body, "#save");
const reorderButton = findButtonOrFail(document.body, "#reorder");
+showAddInstanceDialogButton.addEventListener("click", e => showAddInstanceDialog());
+
saveButton.addEventListener("click", e => {
storageManager.save();
});
@@ -25,15 +29,13 @@ reorderButton.addEventListener("click", () => {
reorderButton.innerText = reordering ? "Finish reordering" : "Reorder";
});
-export const getMainDialog = () => findDialogOrFail(document.body, "#mainDialog");
-
const {
showInstanceDetailsDialog,
hideInstanceDetailsDialog,
populateInstanceDetailsDialog,
} = initializeInstanceDetailsDialog(detailsDialog, () => { });
-export const {
+const {
showAddInstanceDialog,
hideAddInstanceDialog
} = initializeAddInstanceFlow(detailsDialog, addDialog);
@@ -41,6 +43,8 @@ export const {
updateInstanceList();
storageManager.addSaveCallback(updateInstanceList);
+mainDialog.show();
+
function updateInstanceList() {
instanceList.replaceChildren(); // Erase all child nodes
instanceList.style.listStyleType = reordering ? "\"≡ \"" : "disc";