refactoring

docs/HistoDescrsProvider.js

@@ -0,0 +1,11 @@
+class HistoDescrsProvider {
+
+    static getHistoDescrsForBatchcode(batchcode) {
+        return fetch(`data/histograms/${batchcode}.json`)
+            .then(response => response.json())
+            .then(histoDescrs => {
+                histoDescrs.histograms.sort((histoDescr1, histoDescr2) => histoDescr1.batchcodes.length - histoDescr2.batchcodes.length);
+                return histoDescrs;
+            });
+    }
+}

docs/HistogramView.js

@@ -15,13 +15,10 @@ class HistogramView {
     #loadHistoDescrsForBatchcode(batchcode) {
         const loadingText = document.createTextNode('Loading...');
         this.#uiContainer.appendChild(loadingText);
-        return fetch(`data/histograms/${batchcode}.json`)
+        return HistoDescrsProvider
-            .then(response => {
+            .getHistoDescrsForBatchcode(batchcode)
-                loadingText.remove();
-                return response.json();
-            })
             .then(histoDescrs => {
-                histoDescrs.histograms.sort((histoDescr1, histoDescr2) => histoDescr1.batchcodes.length - histoDescr2.batchcodes.length);
+                loadingText.remove();
                 return histoDescrs;
             });
     }

docs/batchCodeTable.html

@@ -22,6 +22,7 @@
   <script src="./Utils.js"></script>
   <script src="./UIUtils.js"></script>
   <script src="./batchCodeTable.js"></script>
+  <script src="./HistoDescrsProvider.js"></script>
   <script src="./HistogramChartView.js"></script>
   <script src="./BatchcodeCombinationSelection.js"></script>
   <script src="./HistogramView.js"></script>