Experimenting with alternate methods for switching views (normal/isbd/marc)

Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>

diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
index 5977d48..47a5191 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
@@ -1414,4 +1414,28 @@ ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a
        border-bottom : 1px solid #FFF;
        margin-bottom : -5px;
        text-align : center;
+}
+
+#views {
+       border-bottom : 0px solid #E8E8E8;
+}
+
+.views {
+       margin-left : .7em;
+}
+
+a#MARCview, span#MARCview, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
+       background-image : url(../../images/doc.gif);
+       background-position : 5px .5em;
+       background-repeat : no-repeat;
+       font-size : 87%;
+       font-weight : normal;
+       padding : .2em .5em;
+       padding-left : 17px;
+       text-decoration: none;
+}
+
+a#MARCview, a#ISBDview, a#Normalview {
+       background-color : #F3F3F3;
+       border-left : 1px solid #E8E8E8;
 }
\ No newline at end of file

diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-ISBDdetail.tmpl b/koha-tmpl/opac-tmpl/prog/en/modules/opac-ISBDdetail.tmpl
index c8ee9b2..4893f0c 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-ISBDdetail.tmpl
+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-ISBDdetail.tmpl
@@ -3,15 +3,11 @@
 <script type="text/JavaScript" language="JavaScript">
 //<![CDATA[
         $(document).ready(function() {
-                       var $tabs = $('#bibliodescriptions').tabs({
-                       onClick: function(tab) {
-                      if ( $(tab).is('.external') ) {
-                          location.href = tab.href;
-                          return false;
-                      }
-                  }
-               });
-        }); 
+$('#bibliodescriptions > ul').tabs().bind('select.ui-tabs', function(e, ui) {
+   location.href = $.data(ui.tab, 'load.ui-tabs');
+   return false;
+});
+}); 
 //]]>
 </script>
 </head>
@@ -25,7 +21,7 @@
     <div class="yui-u first">
        
        
-    <h1>ISBD</h1>
+   <div> <h1 style="display: inline;">ISBD</h1> <span id="views"><a id="Normalview" href="/cgi-bin/koha/opac-detail.pl?biblionumber=<!-- TMPL_VAR name="biblionumber" -->">[ Normal View ]</a> <a id="MARCview" href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=<!-- TMPL_VAR name="biblionumber" -->">[ MARC View ]</a></span></div>
     <!-- TMPL_VAR name="ISBD" -->
        
        </div>

diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-MARCdetail.tmpl b/koha-tmpl/opac-tmpl/prog/en/modules/opac-MARCdetail.tmpl
index 5f5de8d..d7898b9 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-MARCdetail.tmpl
+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-MARCdetail.tmpl
@@ -21,8 +21,9 @@
 </div>
 </div>
 
-    <div class="yui-g" style="margin-top : 1em;"><table id="marc">
-       <caption>MARC View</caption>
+    <div class="yui-g" style="margin-top : 1em;">
+       <div><h1 style="display: inline;">MARC View</h1> <span id="views"><a id="Normalview" href="/cgi-bin/koha/opac-detail.pl?biblionumber=<!-- TMPL_VAR name="biblionumber" -->">[ Normal View ]</a> <a id="ISBDview"  href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=<!-- TMPL_VAR name="biblionumber" -->">[ ISBD View ]</a></span></div>
+       <table id="marc">
         <!-- TMPL_LOOP name="0XX" -->
         <tr><th colspan="2"><!-- TMPL_VAR name="tag" --></th></tr>
         <!-- TMPL_LOOP name="subfield" -->

diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl
index d0412cb..26dfad5 100755 (executable)
--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl
+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl
@@ -29,7 +29,7 @@ $('#bibliodescriptions > ul').tabs().bind('select.ui-tabs', function(e, ui) {
         <img border="0" src="http://g-images.amazon.com/images/G/01/x-site/icons/no-img-sm.gif" alt="Cover Image" />
         <!-- /TMPL_IF --></div>
 <!-- /TMPL_IF -->
-    <h1><!-- TMPL_VAR NAME="title" --> <!-- TMPL_IF NAME="subtitle" --> <span class="subtitle"><!-- TMPL_VAR NAME="subtitle" --></span><!-- /TMPL_IF --></h1>
+   <div id="views"> <h1 style="display: inline"><!-- TMPL_VAR NAME="title" --> <!-- TMPL_IF NAME="subtitle" --> <span class="subtitle"><!-- TMPL_VAR NAME="subtitle" --></span><!-- /TMPL_IF --></h1> <span class="views"><span id="Normalview">Normal View</span> <a id="MARCview" href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=<!-- TMPL_VAR name="biblionumber" -->">MARC View</a> <a id="ISBDview"  href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=<!-- TMPL_VAR name="biblionumber" -->">ISBD View</a></span></div>
     <!-- TMPL_IF NAME="author" --><h2 class="author">By <a href="/cgi-bin/koha/opac-search.pl?q=au:<!-- TMPL_VAR NAME="author" -->"><!-- TMPL_VAR NAME="author" --></a></h2><!-- /TMPL_IF -->
     <p>
         [