Different ways of sorting graphical displays

README.md

@@ -9,7 +9,7 @@ To use the Sediment Data Explorer, follow these steps:
 2. Import Data:
 * Import Sediment Chemistry Data:
    * Option 1: Using Files: Click the "Choose Files" button next to the "Select sediment data files" label and select the Excel (.xlsx) files containing your sediment chemistry data.
-   * Option 2: Using URLs: Enter the URLs of the Excel (.xlsx) files separated by commas in the text box next to the "Or enter URLs" label and click the "Import Data" button. The source code assumes that the URLs link directly to Excel files and does not provide instructions for handling web pages or other content types. You may need to check if this assumption is valid and modify your approach accordingly.
+   * Option 2: Using URLs: Enter the URLs of the Excel (.xlsx) files separated by commas in the text box next to the "Or enter URLs" label and click the "Import Data" button. The source code assumes that the URLs link directly to Excel files.
 * Import Location Data (Optional):
    * Option 1: Using Files: Click the "Choose Files" button next to the "Select location data file" label and select the Excel (.xlsx) file containing your sampling location data. This file should have a specific format: column 1 should contain the sample name, column 2 should have the latitude in decimal degrees, and column 3 should have the longitude in decimal degrees.
    * Option 2: Using URLs: Enter the URLs of the location files separated by commas in the text box next to the "Or enter URLs" label and click the "Import Locations" button.

SedimentDataExplorer.html

@@ -134,6 +134,24 @@ <h2>Select Chemicals</h2>
             <button onclick="closeChemicalSelection()">Confirm Selection</button>
         </div>
 
+        <br>
+        <button onclick="openDatasetLabels()">Enter alternate labels for datasets</button>
+        <button onclick="openSampleLabels()">Enter alternate labels for samples</button>
+
+        <div id="datasetLabels" style="display: none;">
+            <form id="datasetLabelsForm"></form>
+            <br>
+            <button onclick="updateDatasetLabels()">Confirm Labels and Close</button>
+            <button onclick="closeDatasetLabels()">Cancel</button>
+        </div>
+
+        <div id="sampleLabels" style="display: none;">
+            <form id="sampleLabelsForm"></form>
+            <br>
+            <button onclick="updateSampleLabels()">Confirm Labels and Close</button>
+            <button onclick="closeSampleLabels()">Cancel</button>
+        </div>
+
         <div>
             Sheetanmes -
             <input type="checkbox" id="tracemetaldata" checked>
@@ -153,13 +171,17 @@ <h2>Select Chemicals</h2>
         </div>
 
         <div>
+            <div>
             Chart types -
             <input type="checkbox" id="samplegroup" checked>
             <label for="samplegroup">Group by sample</label>
             <input type="checkbox" id="chemicalgroup" checked>
             <label for="chemicalgroup">Group by chemical</label>
             <input type="checkbox" id="positionplace" checked>
             <label for="positionplace">Plot by position</label>
+            </div>
+            <div>
+            PAH specific
             <input type="checkbox" id="gorhamtest" checked>
             <label for="gorhamtest">PAH - Gorham Test Protocol</label>
             <input type="checkbox" id="totalhc" checked>
@@ -172,10 +194,27 @@ <h2>Select Chemicals</h2>
             <label for="eparatios">PAH - EPA Ratios</label>
             <input type="checkbox" id="simpleratios" checked>
             <label for="simpleratios">PAH - Simple Ratios</label>
+            </div>
+            <div>
+            Other data options
             <input type="checkbox" id="congenertest" checked>
             <label for="congenertest">PCB - Congener test</label>
 <!--            <input type="checkbox" id="scaleType">
             <label for="scaleType">Logarithmic Scale</label> -->
+            </div>
+        </div>
+
+        <div>
+            Sample sorting for charts
+            <input type="radio" name="sorting" value="normal" checked> Date of sampling
+            <input type="radio" name="sorting" value="datelongitude"> Date of sampling then longitude
+            <input type="radio" name="sorting" value="datelatitude"> Date of sampling then latitude
+            <input type="radio" name="sorting" value="longitude"> Longitude
+            <input type="radio" name="sorting" value="latitude"> Latitude
+            <input type="radio" name="sorting" value="totalarea"> Total surface area of particles
+            <input type="radio" name="sorting" value="silt"> Weight fraction silt and clay
+            <input type="radio" name="sorting" value="sand"> Weight fraction of sand
+            <input type="radio" name="sorting" value="gravel"> Weight fraction of gravel
         </div>
 
         <div>