add showModalPreselectTab

src/util/modal/showModal.ts

@@ -1,4 +1,4 @@
-import { Modal } from 'bootstrap';
+import { Modal, Tab } from 'bootstrap'
 
 /**
  * Show Bootstrap modal with given ID.
@@ -18,10 +18,27 @@ export function showModalIfExist(modalId : string) : boolean {
   return showModalInternal(modalId, true)
 }
 
+/**
+ * Show Bootstrap modal with given ID, and preselect the tab with the given ID.
+ * Throws error if no HTML element with the given ID was found.
+ * @param modalId HTML element ID of modal dialog
+ * @param tabId HTML element ID of tab to preselect
+ */
+export function showModalPreselectTab(modalId: string, tabId: string) : void {
+  showModal(modalId)
+  const tabElement = document.querySelector(`#${tabId}`)
+  if (tabElement) {
+    new Tab(tabElement).show()
+  }
+  else {
+    throw new Error(`Tab '#${tabId}' not found.`)
+  }
+}
+
 function showModalInternal(modalId : string, ignoreError? : boolean) : boolean {
-  const modalElement = document.getElementById(modalId)
+  const modalElement = document.querySelector(`#${modalId}`)
   if (modalElement) {
-    new Modal(modalElement as Element).show()
+    new Modal(modalElement).show()
     return true
   }
   else if (ignoreError) {