Performance improvements

A-Herzog · Jun 21, 2023 · 7a9381c · 7a9381c
1 parent 34d4431
commit 7a9381c
Show file tree

Hide file tree

Showing 17 changed files with 211 additions and 218 deletions.
diff --git a/docs/css/index.css b/docs/css/index.css
@@ -21,4 +21,17 @@ h6.dropdown-header {
 
 a {
   color: #0050FF;
+}
+
+nav .nav-link {
+  color: white;
+}
+
+nav .nav-link:hover {
+  color: #FFA;
+}
+
+nav .nav-item .active {
+  background-color: #14E !important;
+  border-radius: 4px !important;
 }
diff --git a/docs/index.html b/docs/index.html
@@ -40,7 +40,7 @@
   </script>
 </head>
 
-<body data-bs-spy="scroll" data-bs-target="#navbar_main" data-bs-offset="150">
+<body>
 <div id="infoLoading">Loading...</div>
 <div id="mainContent" style="display: none;">
 
@@ -59,8 +59,8 @@
   </button>
   <div class="collapse navbar-collapse" id="navbarSupportedContent">
     <ul class="navbar-nav mr-auto nav-pills nav" role="tablist" id="mainNavBar">
-      <li class="nav-item" role="tab"><a class="nav-link bi-house-door" data-bs-toggle="tab" href="#Home" data-bs-target="#Home" id="menuHome"></a></li>
-      <li class="nav-item" role="tab"><a class="nav-link bi-caret-right-square" data-bs-toggle="tab" href="#Simulation" data-bs-target="#Simulation" id="menuSimulation"></a></li>
+      <li class="nav-item" role="presentation"><a class="nav-link bi-house-door" data-bs-toggle="tab" href="#Home" data-bs-target="#Home" id="menuHome" role="tab"></a></li>
+      <li class="nav-item" role="presentation"><a class="nav-link bi-caret-right-square" data-bs-toggle="tab" href="#Simulation" data-bs-target="#Simulation" id="menuSimulation" role="tab"></a></li>
       <li class="nav-item dropdown" role="tab">
         <a class="nav-link dropdown-toggle bi-question-circle" href="#" id="menuHelp" role="button" data-bs-toggle="dropdown" aria-expanded="false"></a>
         <ul class="dropdown-menu dropdown-menu-dark bg-primary" aria-labelledby="menuHelp">

diff --git a/docs/index.js b/docs/index.js
@@ -1,82 +1,82 @@
-  /* Language selector */
-
-  import {selectLanguage, buildMultiNavDropdown, showTab} from './js/tools_gui.js';
-  selectLanguage([{name: "default", file: "index.html"}, {name: "de", file: "index_de.html"}]);
-  window.showTab=showTab;
-
-  /* Language */
-
-  import {language} from './js/Language.js';
-
-  brandName.innerHTML=" "+language.GUI.Name;
-
-  menuHome.innerHTML=" "+language.GUI.tabHome;
-  menuSimulation.innerHTML=" "+language.GUI.tabSimulation;
-  menuHelp.innerHTML=" "+language.GUI.tabHelp;
-  menuHelpQueueingTheory.innerHTML=language.GUI.tabHelpDoc;
-  menuHelpGlossary.innerHTML=language.GUI.tabHelpGlossary;
-  menuHelpTextbook.innerHTML=language.GUI.tabHelpTextbook;
-
-  footerQueueCalc.innerHTML=language.GUI.Name;
-  footerQueueCalcImprint.innerHTML=language.GUI.Imprint;
-  footerQueueCalcPrivacy.innerHTML=language.GUI.Privacy;
-  footerQueueCalcHomeLink.href="https://"+language.GUI.homeURL;
-  footerQueueCalcHomeLink.innerHTML=language.GUI.homeURL;
-
-  footerPrivacyTitle.innerHTML=language.GUI.PrivacyTitle;
-  footerPrivacyInfo.innerHTML=language.GUI.PrivacyInfo;
-
-  footerSimulators.innerHTML=language.GUI.simulators;
-
-  /* Menu */
-
-  let insertCount=1;
-
-  mainNavBar.insertBefore(buildMultiNavDropdown("ErlangBMenu",language.GUI.tabErlangB,[
-    {id: "ErlangB", name: language.GUI.tabErlangB, info: language.GUI.tabErlangBInfo}
-  ]),mainNavBar.children[insertCount++]);
-
-  mainNavBar.insertBefore(buildMultiNavDropdown("ErlangCMenu",language.GUI.tabErlangC,[
-    {id: "ErlangC", name: language.GUI.tabErlangC, info: language.GUI.tabErlangCInfo},
-    {id: "ExtErlangC", name: language.GUI.tabExtErlangC, info: language.GUI.tabExtErlangCInfo}
-  ]),mainNavBar.children[insertCount++]);
-
-  mainNavBar.insertBefore(buildMultiNavDropdown("ACMenu",language.GUI.tabGeneralS,[
-    {id: "PC", name: language.GUI.tabPC, info: language.GUI.tabPCInfo},
-    {id: "AC", name: language.GUI.tabAC, info: language.GUI.tabACInfo},
-    {id: "ExtAC", name: language.GUI.tabExtAC, info: language.GUI.tabExtACInfo}
-  ]),mainNavBar.children[insertCount++]);
-
-  mainNavBar.insertBefore(buildMultiNavDropdown("DesignMenu",language.GUI.tabDesign,[
-    {id: "Compare", name: language.GUI.tabCompare, onlyValues: true},
-    {id: "ShortestQueue", name: language.GUI.tabShortestQueue}
-  ]),mainNavBar.children[insertCount++]);
-
-  /* Content */
-
-  import {getMainGUI} from './js/gui_Start.js';
-  document.querySelector("main div").innerHTML=getMainGUI(isDesktopApp);
-
-  document.addEventListener('readystatechange',event=>{if (event.target.readyState=="complete") {
-    if (isDesktopApp) {
-      PrivacyInfo1.style.display="none";
-      PrivacyInfo2.style.display="none";
-      document.querySelector("#Home h2").style.display="none";
-    }
-    mainContent.style.display="";
-    infoLoading.style.display="none";
-  }});
-
-  function rewriteLinksInOfflineMode() {
-    if (!isDesktopApp) return;
-    for (let link of document.querySelectorAll("a")) if (link.href.startsWith('https://')) {
-      const href=link.href;
-      link.onclick=()=>Neutralino.os.open(href);
-      link.removeAttribute("href");
-      link.style.cursor="pointer";
-      if (!link.classList.contains("dropdown-item") && !link.classList.contains("btn")) link.classList.add("link-primary");
-    }
+/* Language selector */
+
+import {selectLanguage, buildMultiNavDropdown, showTab} from './js/tools_gui.js';
+selectLanguage([{name: "default", file: "index.html"}, {name: "de", file: "index_de.html"}]);
+window.showTab=showTab;
+
+/* Language */
+
+import {language} from './js/Language.js';
+
+brandName.innerHTML=" "+language.GUI.Name;
+
+menuHome.innerHTML=" "+language.GUI.tabHome;
+menuSimulation.innerHTML=" "+language.GUI.tabSimulation;
+menuHelp.innerHTML=" "+language.GUI.tabHelp;
+menuHelpQueueingTheory.innerHTML=language.GUI.tabHelpDoc;
+menuHelpGlossary.innerHTML=language.GUI.tabHelpGlossary;
+menuHelpTextbook.innerHTML=language.GUI.tabHelpTextbook;
+
+footerQueueCalc.innerHTML=language.GUI.Name;
+footerQueueCalcImprint.innerHTML=language.GUI.Imprint;
+footerQueueCalcPrivacy.innerHTML=language.GUI.Privacy;
+footerQueueCalcHomeLink.href="https://"+language.GUI.homeURL;
+footerQueueCalcHomeLink.innerHTML=language.GUI.homeURL;
+
+footerPrivacyTitle.innerHTML=language.GUI.PrivacyTitle;
+footerPrivacyInfo.innerHTML=language.GUI.PrivacyInfo;
+
+footerSimulators.innerHTML=language.GUI.simulators;
+
+/* Menu */
+
+let insertCount=1;
+
+mainNavBar.insertBefore(buildMultiNavDropdown("ErlangBMenu",language.GUI.tabErlangB,[
+  {id: "ErlangB", name: language.GUI.tabErlangB, info: language.GUI.tabErlangBInfo}
+]),mainNavBar.children[insertCount++]);
+
+mainNavBar.insertBefore(buildMultiNavDropdown("ErlangCMenu",language.GUI.tabErlangC,[
+  {id: "ErlangC", name: language.GUI.tabErlangC, info: language.GUI.tabErlangCInfo},
+  {id: "ExtErlangC", name: language.GUI.tabExtErlangC, info: language.GUI.tabExtErlangCInfo}
+]),mainNavBar.children[insertCount++]);
+
+mainNavBar.insertBefore(buildMultiNavDropdown("ACMenu",language.GUI.tabGeneralS,[
+  {id: "PC", name: language.GUI.tabPC, info: language.GUI.tabPCInfo},
+  {id: "AC", name: language.GUI.tabAC, info: language.GUI.tabACInfo},
+  {id: "ExtAC", name: language.GUI.tabExtAC, info: language.GUI.tabExtACInfo}
+]),mainNavBar.children[insertCount++]);
+
+mainNavBar.insertBefore(buildMultiNavDropdown("DesignMenu",language.GUI.tabDesign,[
+  {id: "Compare", name: language.GUI.tabCompare, onlyValues: true},
+  {id: "ShortestQueue", name: language.GUI.tabShortestQueue}
+]),mainNavBar.children[insertCount++]);
+
+/* Content */
+
+import {getMainGUI} from './js/gui_Start.js';
+document.querySelector("main div").innerHTML=getMainGUI(isDesktopApp);
+
+document.addEventListener('readystatechange',event=>{if (event.target.readyState=="complete") {
+  if (isDesktopApp) {
+    PrivacyInfo1.style.display="none";
+    PrivacyInfo2.style.display="none";
+    document.querySelector("#Home h2").style.display="none";
+  }
+  mainContent.style.display="";
+  infoLoading.style.display="none";
+}});
+
+function rewriteLinksInOfflineMode() {
+  if (!isDesktopApp) return;
+  for (let link of document.querySelectorAll("a")) if (link.href.startsWith('https://')) {
+    const href=link.href;
+    link.onclick=()=>Neutralino.os.open(href);
+    link.removeAttribute("href");
+    link.style.cursor="pointer";
+    if (!link.classList.contains("dropdown-item") && !link.classList.contains("btn")) link.classList.add("link-primary");
   }
+}
 
-  rewriteLinksInOfflineMode();
-  for (let link of document.querySelectorAll("a[data-bs-toggle]")) link.addEventListener('shown.bs.tab',()=>rewriteLinksInOfflineMode());
+rewriteLinksInOfflineMode();
+for (let link of document.querySelectorAll("a[data-bs-toggle]")) link.addEventListener('shown.bs.tab',()=>rewriteLinksInOfflineMode());
diff --git a/docs/index_de.html b/docs/index_de.html
@@ -40,7 +40,7 @@
   </script>
 </head>
 
-<body data-bs-spy="scroll" data-bs-target="#navbar_main" data-bs-offset="150">
+<body>
 <div id="infoLoading">Loading...</div>
 <div id="mainContent" style="display: none;">
 
@@ -59,8 +59,8 @@
   </button>
   <div class="collapse navbar-collapse" id="navbarSupportedContent">
     <ul class="navbar-nav mr-auto nav-pills nav" role="tablist" id="mainNavBar">
-      <li class="nav-item" role="tab"><a class="nav-link bi-house-door" data-bs-toggle="tab" href="#Home" data-bs-target="#Home" id="menuHome"></a></li>
-      <li class="nav-item" role="tab"><a class="nav-link bi-caret-right-square" data-bs-toggle="tab" href="#Simulation" data-bs-target="#Simulation" id="menuSimulation"></a></li>
+      <li class="nav-item" role="presentation"><a class="nav-link bi-house-door" data-bs-toggle="tab" href="#Home" data-bs-target="#Home" id="menuHome" role="tab"></a></li>
+      <li class="nav-item" role="presentation"><a class="nav-link bi-caret-right-square" data-bs-toggle="tab" href="#Simulation" data-bs-target="#Simulation" id="menuSimulation" role="tab"></a></li>
       <li class="nav-item dropdown" role="tab">
         <a class="nav-link dropdown-toggle bi-question-circle" href="#" id="menuHelp" role="button" data-bs-toggle="dropdown" aria-expanded="false"></a>
         <ul class="dropdown-menu dropdown-menu-dark bg-primary" aria-labelledby="menuHelp">

diff --git a/docs/js/Language.js b/docs/js/Language.js
@@ -34,6 +34,9 @@ lang.GUI.modeValues="Einzelwerte";
 lang.GUI.modeValuesOnly="Werte";
 lang.GUI.modeTable="Tabelle";
 lang.GUI.modeDiagram="Diagramm";
+lang.GUI.modeRangeStart="Startwert";
+lang.GUI.modeRangeStep="Schrittweite";
+lang.GUI.modeRangeEnd="Endwert";
 lang.GUI.modeMore="Mehr Informationen";
 lang.GUI.formulaErlangB="Erlang-B-Formel";
 lang.GUI.formulaErlangBLong="Erlang-B-Formel (M/M/c/c-Modell)";
@@ -130,6 +133,8 @@ lang.GUI.Privacy="Datenschutz";
 lang.model={};
 lang.model.explanationsShow="Erklärungen einblenden";
 lang.model.explanationsHide="Erklärungen ausblenden";
+lang.model.formulaShow="Formeln einblenden";
+lang.model.formulaHide="Formeln ausblenden";
 lang.model.invalid="Die Eingabeparameter sind nicht gültig.";
 lang.model.invalidNotNegativeInt="Es muss eine <b>nichtnegative Ganzzahl</b> angegeben werden.";
 lang.model.invalidNotNegativeFloat="Es muss eine <b>nichtnegative Zahl</b> angegeben werden.";
@@ -620,6 +625,9 @@ lang.GUI.modeValues="Individual values";
 lang.GUI.modeValuesOnly="Values";
 lang.GUI.modeTable="Table";
 lang.GUI.modeDiagram="Diagram";
+lang.GUI.modeRangeStart="Start value";
+lang.GUI.modeRangeStep="Step wide";
+lang.GUI.modeRangeEnd="End value";
 lang.GUI.modeMore="More information";
 lang.GUI.formulaErlangB="Erlang-B formula";
 lang.GUI.formulaErlangBLong="Erlang-B formula (M/M/c model)";
@@ -716,6 +724,8 @@ lang.GUI.Privacy="Privacy";
 lang.model={};
 lang.model.explanationsShow="Show explanations";
 lang.model.explanationsHide="Hide explanations";
+lang.model.formulaShow="Show formulas";
+lang.model.formulaHide="Hide formulas";
 lang.model.invalid="The input parameters are not valid.";
 lang.model.invalidNotNegativeInt="A <b>non-negative integer</b> has to be entered.";
 lang.model.invalidNotNegativeFloat="A <b>non-negative number</b> has to be entered.";

diff --git a/docs/js/gui_AC.js b/docs/js/gui_AC.js
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-export {tilesAC, updateAC};
+export {tilesAC};
 
 import {TilesBuilder, Table} from './tools_gui.js';
 import {ErlangC_ENQ, ErlangC_EW} from './Erlang.js';
@@ -303,9 +303,3 @@ window.updateACTable=updateACTable;
 window.updateACDiagram=updateACDiagram;
 window.changeTabACTable=changeTabACTable;
 window.changeTabACDiagram=changeTabACDiagram;
-
-function updateAC() {
-  updateACValues();
-  updateACTable();
-  updateACDiagram();
-}
diff --git a/docs/js/gui_Compare.js b/docs/js/gui_Compare.js
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-export {tilesCompare, updateCompare};
+export {tilesCompare};
 
 import {TilesBuilder} from './tools_gui.js';
 import {language} from './Language.js';
@@ -195,7 +195,3 @@ function updateCompareValues() {
 /* Allgemeine Vorbereitungen */
 
 window.updateCompareValues=updateCompareValues;
-
-function updateCompare() {
-  updateCompareValues();
-}
diff --git a/docs/js/gui_ErlangB.js b/docs/js/gui_ErlangB.js
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-export {tilesErlangB, updateErlangB};
+export {tilesErlangB};
 
 import {TilesBuilder, Table} from './tools_gui.js';
 import {ErlangB} from './Erlang.js';
@@ -185,9 +185,3 @@ window.updateErlangBTable=updateErlangBTable;
 window.updateErlangBDiagram=updateErlangBDiagram;
 window.changeTabErlangBTable=changeTabErlangBTable;
 window.changeTabErlangBDiagram=changeTabErlangBDiagram;
-
-function updateErlangB() {
-  updateErlangBValues();
-  updateErlangBTable();
-  updateErlangBDiagram();
-}
diff --git a/docs/js/gui_ErlangC.js b/docs/js/gui_ErlangC.js
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-export {tilesErlangC, updateErlangC};
+export {tilesErlangC};
 
 import {TilesBuilder, Table} from './tools_gui.js';
 import {MMcZustandsP, ErlangC, ErlangC_EW} from './Erlang.js';
@@ -252,9 +252,3 @@ window.updateErlangCTable=updateErlangCTable;
 window.updateErlangCDiagram=updateErlangCDiagram;
 window.changeTabErlangCTable=changeTabErlangCTable;
 window.changeTabErlangCDiagram=changeTabErlangCDiagram;
-
-function updateErlangC() {
-  updateErlangCValues();
-  updateErlangCTable();
-  updateErlangCDiagram();
-}
diff --git a/docs/js/gui_ExtAC.js b/docs/js/gui_ExtAC.js
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-export {tilesExtAC, updateExtAC};
+export {tilesExtAC};
 
 import {TilesBuilder, Table} from './tools_gui.js';
 import {ErlangC_ENQ, ErlangC_EW} from './Erlang.js';
@@ -440,9 +440,3 @@ window.updateExtACTable=updateExtACTable;
 window.updateExtACDiagram=updateExtACDiagram;
 window.changeTabExtACTable=changeTabExtACTable;
 window.changeTabExtACDiagram=changeTabExtACDiagram;
-
-function updateExtAC() {
-  updateExtACValues();
-  updateExtACTable();
-  updateExtACDiagram();
-}
diff --git a/docs/js/gui_ExtErlangC.js b/docs/js/gui_ExtErlangC.js
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-export {tilesExtErlangC, updateExtErlangC};
+export {tilesExtErlangC};
 
 import {TilesBuilder, Table} from './tools_gui.js';
 import {ErlangC_ENQ, ErlangC_EW, MMcKMZustandsP, ErwErlangC_PA, ErwErlangC, ErwErlangC_ENQ, ErwErlangC_EN, ErwErlangC_EW, ErwErlangC_EV} from './Erlang.js';
@@ -312,9 +312,3 @@ window.updateExtErlangCTable=updateExtErlangCTable;
 window.updateExtErlangCDiagram=updateExtErlangCDiagram;
 window.changeTabExtErlangCTable=changeTabExtErlangCTable;
 window.changeTabExtErlangCDiagram=changeTabExtErlangCDiagram;
-
-function updateExtErlangC() {
-  updateExtErlangCValues();
-  updateExtErlangCTable();
-  updateExtErlangCDiagram();
-}
diff --git a/docs/js/gui_PC.js b/docs/js/gui_PC.js
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-export {tilesPC, updatePC};
+export {tilesPC};
 
 import {TilesBuilder, Table} from './tools_gui.js';
 import {language} from './Language.js';
@@ -235,9 +235,3 @@ window.updatePCTable=updatePCTable;
 window.updatePCDiagram=updatePCDiagram;
 window.changeTabPCTable=changeTabPCTable;
 window.changeTabPCDiagram=changeTabPCDiagram;
-
-function updatePC() {
-  updatePCValues();
-  updatePCTable();
-  updatePCDiagram();
-}