Changeset 37929 for gs3-installations/thewillow

Timestamp:

2023-08-13T00:05:39+12:00 (10 months ago)

Author:

davidb

Message:

Development of static Stories tab

Location:

gs3-installations/thewillow/trunk/interfaces/thewillow

Files:

• js/thewillow-extra.js (modified) (1 diff)
• transform/layouts/header.xsl (modified) (5 diffs)
• transform/pages/stories.xsl (added)

gs3-installations/thewillow/trunk/interfaces/thewillow/js/thewillow-extra.js

@@ -62 +62 @@
     return true;
 }
+
+
+function showStories(elem)
+{
+    var cl1_url = gs.xsltParams["library_name"]+"/collection/"+gs.cgiParams["c"]+"/browse/CL1";
+
+    $.ajax({
+    "type": "GET",
+    "url":  cl1_url,
+    "data": { 'excerptid': 'results' }
+    })
+        .done(function(response) {
+        console.log(response)
+        $('#story-list').html(response);
+        $('#story-list').show();
+    })
+    .fail(function()  {
+        console.error("Error retrieving URL: " + cl1_url);
+    })
+    
+}
+
+function hideStories(elem)
+{
+    $('#story-list').hide();
+}
+
+$(document).ready(function() {
+    if (gs.variables.pageAction == "q") {
+        $('#gs-nav li').removeClass('ui-tabs-selected');
+        $('#query-tab').addClass('ui-tabs-selected');
+    }
+    else if ((gs.variables.pageType == "page") && (gs.variables.pageSubAction == "about")) {
+        $('#gs-nav li').removeClass('ui-tabs-selected');
+        $('#about-tab').addClass('ui-tabs-selected');
+    }
+    else if ((gs.variables.pageType == "page") && (gs.variables.pageSubAction == "stories")) {
+        $('#gs-nav li').removeClass('ui-tabs-selected');
+        $('#stories-tab').addClass('ui-tabs-selected');
+
+    
+    $('#stories-tab').on('mouseenter',function() { showStories(this) });
+    $('#stories-tab').on('mouseleave',function() { hideStories(this) });
+    }
+});

gs3-installations/thewillow/trunk/interfaces/thewillow/transform/layouts/header.xsl

@@ -299 +299 @@
   <xsl:template name="browsing-tabs">
     <xsl:if test="/page/pageResponse/collection[@name=$collNameChecked]/serviceList/service or /page/pageResponse/collection[@name=$collNameChecked]/extraInfo/navigationTab">
+      <style>
+    #gs-nav li:nth-child(3) {
+          display: none;
+    }
+      </style>
+      
       <ul id="gs-nav">
     <!-- if this collection has additional tabs, add them here -->
@@ -383 +389 @@
     <gsf:variable name="pageType"><xsl:value-of select="/page/pageRequest/@type"/></gsf:variable>
     <gsf:variable name="pageSubAction"><xsl:value-of select="/page/pageRequest/@subaction"/></gsf:variable>
+    <!--
     <gsf:script>
       $(document).ready(function() {
@@ -396 +403 @@
       
     </gsf:script>
+    -->
   </xsl:template>
   
@@ -567 +575 @@
 
       </div>
-
-      
-
+     
     </div>
   </xsl:template>
@@ -576 +582 @@
   <xsl:template name="additionalNavTabsPre">
     <li id="about-tab" class="ui-state-default ui-corner-top ui-state-active">
-      <a href="library/collection/{$collName}/page/about" title="About this collection">Willow Archive Project</a>
+      <a href="library/collection/{$collName}/page/about" title="About this collecotion">Willow Archive Project</a>
+    </li>
+    <li id="stories-tab" class="ui-state-default ui-corner-top ui-state-active">
+      <a href="library/collection/{$collName}/page/stories" title="Stories">Stories</a>
+      <div id="story-list" style="position: absolute; display: none; background-color: #FFFFFF; padding: 0.8rem; border: black solid 1px;">
+    <xsl:comment>Location for story list</xsl:comment>
+      </div>
     </li>
   </xsl:template>