Explorer GEOPHIRES About link, adjust result display height (hide unused profile graphs elts)

Author: softwareengineerprogrammer

explorer/explorer-map.js

@@ -149,9 +149,22 @@ initMap().then(async () => {
                 $(summaryTable).append($(`<thead><tr><th colspan='2'>PRE-CACLULATED FACILITY RESULTS: ${facilityName}</th></tr></thead>`))
                 $(summaryTable).append(getTbody(facilityData.geophires_summary))
 
+
+                // WIP...
+                /*
+                'End-Use Option': EndUseOption.DIRECT_USE_HEAT.value,
+                'Reservoir Model': 1,
+                'Time steps per year': 6,
+                'Reservoir Depth': 3,
+                'Gradient 1': temp_gradient,
+                 */
+                // let geophiresDeeplinkHash = 'abc'
+                // let geophiresDeeplink = `/geothermal/geophires#${geophiresDeeplinkHash}`
+
                 $('#results').empty()
                     .append(summaryTable)
-                    // .append(infoTable.clone())
+                    //.append(infoTable.clone())
+                    //.append($(`<a href='${geophiresDeeplink}'>geophires</a>`))
 
                 resetGenerationProfileGraphs()
             });

explorer/explorer.css

@@ -17,9 +17,9 @@
     color: #d3d3d3;
 }
 
-#geophires-ui {
+/*#geophires-ui {
     min-height: 625px;
-}
+}*/
 
 .path-breadcrumb {
     font-size: 15px;

explorer/index.html

@@ -122,8 +122,8 @@ <h3>GEOPHIRES Result</h3>
                 <div id="results">
                     Click a facility on the map to see its pre-calculated GEOPHIRES result summary.
                 </div>
-                <div id="generation-profile-graphs">
-                    <div id="power-generation-profile-chart" style="width: 100%; height: 250px"></div>
+                <div id="generation-profile-graphs" style="display: none;">
+                    <div id="power-generation-profile-chart" style="width: 100%; height: 250px;"></div>
                     <br/>
                     <div id="heat-electricity-extraction-generation-profile-chart"
                          style="width: 100%; height: 250px"></div>
@@ -161,11 +161,7 @@ <h2><a id="about">About</a></h2>
                 <a href="https://www.linkedin.com/in/jboden/">John Boden, SPE</a>
             </li>
             <li>
-                GEOPHIRES by
-                <a href="https://www.linkedin.com/in/malcolmiross/">Malcolm Ross</a>,
-                <a href="https://www.linkedin.com/in/koenraad-beckers-980a617/">Koenraad Beckers</a>:
-                <a href="https://github.com/softwareengineerprogrammer/GEOPHIRES-X">forked</a>
-                from <a href="https://github.com/malcolm-dsider/GEOPHIRES-X">malcolm-dsider/GEOPHIRES-X</a>
+                GEOPHIRES: see <a href="/geothermal/geophires/#about">GEOPHIRES Web Interface</a> About section
             </li>
         </ul>
     </div>

explorer/util.js

@@ -67,6 +67,14 @@ function setUrlHash(urlHash) {
 function setVisible(elt, isVisible) {
     if (isVisible) {
         $(elt).removeClass('hidden')
+        try {
+            console.debug($(elt).css('display'))
+            if($(elt).css('display') === 'none'){
+                $(elt).css('display', '')
+            }
+        }catch (e) {
+            console.warn('Error checking display property', e)
+        }
     } else {
         $(elt).addClass('hidden')
     }