Update Style for Generating Reference Model Anchors at Build Time (#1789)

JustKuzya · aj-stein-nist · commit 97dcbc1ac029 · 2023-07-10T15:54:55.000-04:00
* isset Did not seem to work - changed it to ne (!= or &lt;&gt;)

* Second part of the Anchor-JS unhooking and static Anchor Generated

* hooled up the renamed class name .reference-element-anchor

* Adding metaschema submodule changes (fixed with merge conflict).
diff --git a/docs/assets/scss/schema-docs.scss b/docs/assets/scss/schema-docs.scss
@@ -330,4 +330,34 @@
       @include u-text('bold');
     }
   }
+}
+
+
+.reference-element-anchor {
+  // : :after
+  font-style: normal;
+  font-variant: normal;
+  font-kerning: auto;
+  font-optical-sizing: auto;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  font-size: 1em;
+  line-height: inherit;
+  font-family: anchorjs-icons;
+  position: absolute;
+  margin-left: -1em;
+  padding-right: 0.5em;
+}
+
+.reference-element-anchor:hover {
+  text-decoration: underline;
+  transform: scale(1.06);
+  border-image: "⚓";
+}
+
+.reference-element-anchor :hover::before {
+  font-family: anchorjs-icons;
+  background-image: "⚓";
 }
diff --git a/docs/layouts/partials/foot.html b/docs/layouts/partials/foot.html
@@ -1,23 +1,42 @@
 {{ if not .Site.IsServer }}
 <script type="text/javascript" src="https://pages.nist.gov/leaveNotice/js/jquery.leaveNotice-nist.min.js"></script>
 <script>
-$(document).ready(function () {
-  $('a[href*="//"]{{ if .Site.IsServer }}:not([href*="http://localhost:1313/"]){{ end }}:not([href*="pages.nist.gov"]):not([href*="www.nist.gov"]):not([href^="#"]):not([href^="/"])').addClass('usa-link usa-link--external');
-  $('a.usa-link--external').leaveNotice();
-});
+  $(document).ready(function () {
+    $('a[href*="//"]{{ if .Site.IsServer }}:not([href*="http://localhost:1313/"]){{ end }}:not([href*="pages.nist.gov"]):not([href*="www.nist.gov"]):not([href^="#"]):not([href^="/"])').addClass('usa-link usa-link--external');
+    $('a.usa-link--external').leaveNotice();
+  });
 </script>
 {{ end }}
 
-{{ $generateAnchors := true }}
-{{- if isset .Page.Params "generateanchors" -}}
-  {{ $generateAnchors = .Page.Params.generateanchors }}
-{{- end -}}
-{{ if $generateAnchors -}}
-<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.3.0/anchor.min.js" integrity="sha512-G2OGlm41XXw+fcgDcRPjVYEn7qCY6qiKWNqDGT37SnKh0qtRXTuKZ5/UQR0kDN0PZRNWcGExd3lAeqEH0I36bQ==" crossorigin="anonymous"></script>
+{{ $generateAnchors:= true }}
+
+{{ if ne .Page.Params.generateanchors nil }}
+{{ $generateAnchors = .Page.Params.generateanchors }}
+{{ end }}
+
+{{ if $generateAnchors }}
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.3.0/anchor.min.js"
+  integrity="sha512-G2OGlm41XXw+fcgDcRPjVYEn7qCY6qiKWNqDGT37SnKh0qtRXTuKZ5/UQR0kDN0PZRNWcGExd3lAeqEH0I36bQ=="
+  crossorigin="anonymous">
+  </script>
 <script>
+
+  /*
   anchors.options = {
-    placement: 'left'
+   placement: 'left'
   };
-  anchors.add();
+  anchors.add(); 
+  */
+
+  document.addEventListener('DOMContentLoaded', function (event) {
+
+    anchors.options = {
+      placement: 'left',
+      icon: "⚓",
+    };
+    // anchors.add();
+    anchors.add('.name:not(.reference-element-anchor)');
+    // $("a").not(".anchor-xslt").add();
+  });
 </script>
-{{- end }}
+{{ end }}
