Merge pull request #1183 from segmentio/DOC-4_netlify-improvements

markzegarelli · web-flow · commit e5a13035aae1 · 2020-10-23T10:24:40.000-07:00
Doc 4 netlify improvements
diff --git a/src/_includes/navbar/search.html b/src/_includes/navbar/search.html
@@ -2,9 +2,11 @@
   <div class="field__icon field__icon--left flex flex--middle flex--center">
     {% include icons/symbols/search.svg %}
   </div>
-
+  {% if jekyll.environment == "testing" %}
+  <input class="field__input input DocsNav-search-input st-search-input" disabled type="text" placeholder="Search disabled for previews"/>
+  {% else %}
   <input class="field__input input DocsNav-search-input st-search-input" type="text" placeholder="{{ include.placeholder }}"/>
-
+  {% endif %}
   {% unless include.mobile %}
     <div class="field__icon field__icon--right flex flex--middle flex--center">
       <button class="field__button" data-ref="search-navbar[trigger]">
diff --git a/src/_layouts/default.html b/src/_layouts/default.html
@@ -63,10 +63,29 @@
 </head>
 <body>
   {% if jekyll.environment == "testing" %}
-  <div style="height:30px; background-color:#fbfb81; width:100%; border-bottom: 1px solid #888">
-    <div class="stage">
-      <p>This site is meant for preview only. Please do not share outside of Segment. Search results link directly to production.</p>
+  <!-- This section displays on Netlify only -->
+  <div style="height:30px; background-color:#fbfb81; width:100%; border-bottom: 1px solid #888; position: sticky; top:0; z-index: 1000;">
+    <div class="stage" style="min-height: 30px;">
+      <p>This site is meant for preview only. Please do not share outside of Segment.<span id="ghtext"> This page previews pull request <strong><a id="ghlink" href="" target="_blank"></a></strong></span></p>
     </div>
+    <script>
+      const page =  window.location.hostname;  
+      const regex = /(?!(preview-))(\d+)/g;
+      var span = document.getElementById("ghtext");
+      const found = page.match(regex);
+      const gh_base = "https://github.com/segmentio/segment-docs/pull/"
+    
+      if (found == null) {
+        span.style.display = "none";
+      } else {
+        const pr = found[0]
+        const full_url = gh_base.concat(pr);
+        const link = document.getElementById("ghlink");
+        
+        link.href = full_url;
+        link.innerHTML = pr;
+      }
+      </script>
   </div>
   {% endif %}
   <div id="consent-manager"></div>
