From 4e2b62d126c9fef5dc13ca6f160bb995d1269295 Mon Sep 17 00:00:00 2001
From: Henrik Levkowetz <henrik@levkowetz.com>
Date: Thu, 13 Sep 2018 15:50:31 +0000
Subject: [PATCH] Added a bit of javascript and styling to make it possible to
 use URL fragment identifiers to link to position-specific tabs on the nomocom
 requirements and questionnaire pages.  - Legacy-Id: 15451

---
 ietf/static/ietf/css/ietf.css                  | 11 ++++++++++-
 ietf/templates/meeting/room-view.html          | 11 +++++++++++
 ietf/templates/nomcom/nomcom_private_base.html | 14 ++++++++++++++
 ietf/templates/nomcom/nomcom_public_base.html  | 14 ++++++++++++++
 4 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/ietf/static/ietf/css/ietf.css b/ietf/static/ietf/css/ietf.css
index 216b2f8c8..5a63d2cd5 100644
--- a/ietf/static/ietf/css/ietf.css
+++ b/ietf/static/ietf/css/ietf.css
@@ -117,6 +117,16 @@ div.anchor-target:before {
 }
 div.anchor-target { z-index: 0; }
 
+/* Same as above (avoid hiding content under navbar) for tab-panes */
+div.tab-pane:before {
+  content: '';
+  display: block;
+  position: relative;
+  width: 0;
+  height: 7.5em;
+  margin-top: -7.5em;
+}
+
 /* Make the panel title font normally large */
 .panel-title { font-size: 14px }
 
@@ -591,7 +601,6 @@ table.simple-table td:last-child {
   background-color: #F0F0F0;
 }
 
-
 .reviewer-doc-past {
   background-color: #800000;
 }
diff --git a/ietf/templates/meeting/room-view.html b/ietf/templates/meeting/room-view.html
index 0d036ed34..9ab872570 100644
--- a/ietf/templates/meeting/room-view.html
+++ b/ietf/templates/meeting/room-view.html
@@ -595,4 +595,15 @@
     {% endfor %}
     </div>
   <div>
+  <script>
+    // Javascript to enable link to tabs
+    var url = document.location.toString();
+    if (url.match('#')) {
+	$('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
+    } 
+    // Change hash for page-reload
+    $('.nav-tabs a').on('shown.bs.tab', function (e) {
+	window.location.hash = e.target.hash;
+    })
+  </script>
 </body></html>
diff --git a/ietf/templates/nomcom/nomcom_private_base.html b/ietf/templates/nomcom/nomcom_private_base.html
index e0b68ff58..0b3c36c35 100644
--- a/ietf/templates/nomcom/nomcom_private_base.html
+++ b/ietf/templates/nomcom/nomcom_private_base.html
@@ -60,3 +60,17 @@
   {% endblock %}
 
 {% endblock %}
+
+{% block js %}
+  <script>
+    // Javascript to enable link to tab
+    var url = document.location.toString();
+    if (url.match('#')) {
+	$('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
+    } 
+    // Change hash for page-reload
+    $('.nav-tabs a').on('shown.bs.tab', function (e) {
+	window.location.hash = e.target.hash;
+    })
+  </script>
+{% endblock %}
diff --git a/ietf/templates/nomcom/nomcom_public_base.html b/ietf/templates/nomcom/nomcom_public_base.html
index d4000d029..355c7d9f8 100644
--- a/ietf/templates/nomcom/nomcom_public_base.html
+++ b/ietf/templates/nomcom/nomcom_public_base.html
@@ -25,3 +25,17 @@
   {% endblock %}
 
 {% endblock %}
+
+{% block js %}
+  <script>
+    // Javascript to enable link to tab
+    var url = document.location.toString();
+    if (url.match('#')) {
+	$('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
+    } 
+    // Change hash for page-reload
+    $('.nav-tabs a').on('shown.bs.tab', function (e) {
+	window.location.hash = e.target.hash;
+    })
+  </script>
+{% endblock %}