From 1bd9848b1a7bdca92c7f90b41aa12767d0623ea6 Mon Sep 17 00:00:00 2001
From: Doug Blank <doug.blank@gmail.com>
Date: Wed, 30 May 2012 21:39:01 +0000
Subject: [PATCH] Added javascript to give a #URL when clicking on tabs (good
 for backup in browser, and bookmarks)

svn: r19717
---
 src/data/templates/view_citation_detail.html  | 31 +++++++++++++++----
 src/data/templates/view_event_detail.html     | 18 ++++++++---
 src/data/templates/view_family_detail.html    | 18 ++++++++---
 src/data/templates/view_media_detail.html     | 18 ++++++++---
 src/data/templates/view_name_detail.html      | 18 ++++++++---
 src/data/templates/view_note_detail.html      | 21 ++++++++++---
 src/data/templates/view_person_detail.html    | 18 ++++++++---
 src/data/templates/view_place_detail.html     | 18 ++++++++---
 .../templates/view_repository_detail.html     | 18 ++++++++---
 src/data/templates/view_source_detail.html    | 19 +++++++++---
 src/data/templates/view_surname_detail.html   | 18 ++++++++---
 src/data/templates/view_tag_detail.html       | 18 ++++++++---
 12 files changed, 181 insertions(+), 52 deletions(-)

diff --git a/src/data/templates/view_citation_detail.html b/src/data/templates/view_citation_detail.html
index 367510a43..041a3db66 100644
--- a/src/data/templates/view_citation_detail.html
+++ b/src/data/templates/view_citation_detail.html
@@ -4,14 +4,33 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-            $('#general-tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+     $('#general-tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#general-tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
-
 <div class="content" id="IndividualDetail">
 
 {% include "detail_breadcrumb.html" %}
diff --git a/src/data/templates/view_event_detail.html b/src/data/templates/view_event_detail.html
index f7fd5525a..ec94e602c 100644
--- a/src/data/templates/view_event_detail.html
+++ b/src/data/templates/view_event_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">
diff --git a/src/data/templates/view_family_detail.html b/src/data/templates/view_family_detail.html
index 0ba8b7e7b..7daf43973 100644
--- a/src/data/templates/view_family_detail.html
+++ b/src/data/templates/view_family_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">
diff --git a/src/data/templates/view_media_detail.html b/src/data/templates/view_media_detail.html
index f72988ee7..369874a59 100644
--- a/src/data/templates/view_media_detail.html
+++ b/src/data/templates/view_media_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">
diff --git a/src/data/templates/view_name_detail.html b/src/data/templates/view_name_detail.html
index c88d5cd30..ce8863181 100644
--- a/src/data/templates/view_name_detail.html
+++ b/src/data/templates/view_name_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">
diff --git a/src/data/templates/view_note_detail.html b/src/data/templates/view_note_detail.html
index aa7e9b608..3d0b81e9c 100644
--- a/src/data/templates/view_note_detail.html
+++ b/src/data/templates/view_note_detail.html
@@ -4,8 +4,19 @@
 {% block content %} 
 
 <script type="text/javascript">
-    $(function(){
-       $('#tabs').tabs();
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
        $('.wysiwyg').htmlarea({
               toolbar: [
                  "bold", "italic", "underline", 
@@ -17,10 +28,10 @@
        // FIXME: add font, fontsize, backcolor
        // FIXME: find easier way:
        $('.jHtmlArea').contents().find('iframe').contents().find('body').css({"background-color": "white"});
-    });
-    function setnotetext() {
+   });
+   function setnotetext() {
         document.getElementById('notetext').value = $('.jHtmlArea').contents().find('iframe').contents().find('body').html();
-    }
+   }
 </script>
 <div class="content" id="IndividualDetail">
 
diff --git a/src/data/templates/view_person_detail.html b/src/data/templates/view_person_detail.html
index aaecefbbd..3945c728e 100644
--- a/src/data/templates/view_person_detail.html
+++ b/src/data/templates/view_person_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">
diff --git a/src/data/templates/view_place_detail.html b/src/data/templates/view_place_detail.html
index bb5565b8a..f531c8d5f 100644
--- a/src/data/templates/view_place_detail.html
+++ b/src/data/templates/view_place_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">
diff --git a/src/data/templates/view_repository_detail.html b/src/data/templates/view_repository_detail.html
index d3ff9dcfd..d4b426ccb 100644
--- a/src/data/templates/view_repository_detail.html
+++ b/src/data/templates/view_repository_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">
diff --git a/src/data/templates/view_source_detail.html b/src/data/templates/view_source_detail.html
index 8d6a61e4e..a24ae8bb1 100644
--- a/src/data/templates/view_source_detail.html
+++ b/src/data/templates/view_source_detail.html
@@ -4,13 +4,22 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
-
 <div class="content" id="IndividualDetail">
 
 {% include "detail_breadcrumb.html" %}
diff --git a/src/data/templates/view_surname_detail.html b/src/data/templates/view_surname_detail.html
index 496370d9a..2d3e79150 100644
--- a/src/data/templates/view_surname_detail.html
+++ b/src/data/templates/view_surname_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">
diff --git a/src/data/templates/view_tag_detail.html b/src/data/templates/view_tag_detail.html
index 95dbdcfbd..b68f62324 100644
--- a/src/data/templates/view_tag_detail.html
+++ b/src/data/templates/view_tag_detail.html
@@ -4,10 +4,20 @@
 {% block content %} 
 
    <script type="text/javascript">
-     $(function(){
-
-            $('#tabs').tabs();
-      });
+   $(function(){
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+   });
    </script>
 
 <div class="content" id="IndividualDetail">