Merge branch 'feature/LF-2974/shared-nav-links' into 'gh-pages'

Feature/lf 2974/shared nav links

See merge request lfor/loinc-mapping-validator!2

Author: jcy1225

CHANGELOG.md

@@ -3,6 +3,10 @@
 This log documents the significant changes for each release.
 This project follows [Semantic Versioning](http://semver.org/).
 
+## [0.0.4-gh-pages.3] - 2024-04-01
+### Changed
+- Use shared navigation links from lforms-app.
+
 ## [0.0.3-gh-pages.2] - 2023-03-30
 ### Changed
 - Upgraded NodeJS to version 18.14.2

app.css

@@ -94,36 +94,11 @@ input {
 }
 /* End of styles for the header */
 
-/* Styles for the navigation links */
-.nav-links {
-  border-bottom: 1px solid black;
-  background-color: #ebf5ff;
-  padding-top: 2px;
-  padding-bottom: 2px;
-  font-size: 12px;
-  padding-left: 7px;
-  margin-top: 0;
-}
 a {
   color: #337ab7;
   text-decoration: none;
 }
 a:focus, a:hover {
   text-decoration: underline;
   color: rgb(51, 51, 51);
-}
-.nav-links a.current {
-  font-weight: bold;
-}
-/* End of styles for the navigation links */
-
-ul.horz-list li {
-  list-style-type: none;
-  display: inline;
-  padding-left: 8px;
-  padding-right: 10px;
-  border-right: 1px solid #999;
-}
-ul.horz-list li.last-item {
-  border-right: none;
-}
+}

index.html

@@ -59,14 +59,8 @@
     </div>
     <!-- end page header -->
 
-    <ul class="nav-links horz-list">
-      <li><a href="/" rel="noopener noreferrer">FHIR Tools</a></li><!--
-      --><li><a href="/lhcforms" rel="noopener noreferrer">LHC-Forms Demo</a></li><!--
-      --><li><a href="https://lhcformbuilder.nlm.nih.gov" target="_blank" rel="noopener noreferrer">Form Builder</a></li><!--
-      --><li><a href="https://clinicaltables.nlm.nih.gov"
-             target="_blank" rel="noopener noreferrer">Clinical Table Search Service</a></li><!--
-      --><li class="last-item"><a id="sdcPageLink" href="/sdc">FHIR SDC SMART App</a></li>
-    </ul>
+    <div id="sharedNavLinks"></div>
+    <script src="https://lhcforms.nlm.nih.gov/shared/loadSharedNavLinks.min.js"></script>
 
     <div class="page-content">
       <h2 style="text-align: center">The LOINC Mapping Validator</h2>