Changeset 37945 for gs3-installations/thewillow

Timestamp:

2023-08-14T18:10:01+12:00 (10 months ago)

Author:

davidb

Message:

A series of changes that deliver on getting the thumbnail/JSON up and running in the document view

Location:

gs3-installations/thewillow/trunk/interfaces/thewillow

Files:

• js/thewillow-extra.js (modified) (2 diffs)
• js/thumbnail-timeline.js (added)
• style/core-extra.css (modified) (3 diffs)
• style/thumbnail-timeline.css (added)
• transform/layouts/header.xsl (modified) (11 diffs)

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

@@ +1 @@
+
+
 function twFormToggleAllFields()
 {
@@ -74 +76 @@
     })
         .done(function(response) {
-        console.log(response)
         $('#story-list').html(response);
         $('#story-list').show();

gs3-installations/thewillow/trunk/interfaces/thewillow/style/core-extra.css

@@ -320 +320 @@
 }
 */
+
+/* The following was used as a hack to get regular CL tabs and artificially introduced Tabs
+   to have a controlable tab-selected colour/background coour */
+
+/*
 #gs-nav .ui-state-default a, gs-nav .ui-state-default a:link {
     color: #000000 !important;
@@ -327 +332 @@
     color: #E7D821 !important;
 }
+*/
 
 .ui-state-active a,
@@ -344 +350 @@
 }
 
+
+
 /*
 jquery-ui main theme is different image, and tingediwth green :

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

@@ -303 +303 @@
           display: none;
     }
+      
+    #story-list {
+      position: absolute;
+      display: none;
+      color: #000000;
+      background-color: #E6E6E6;
+    }
+
+        
+    #story-list table tr td {
+      padding: 0.4rem 0.4rem 0.2rem 0.4rem; 
+    }
+    
+    #story-list tr:hover {
+      color: #FFFFFF;
+      background-color: #000000;
+    }
+
+    
       </style>
       
@@ -434 +453 @@
           </xsl:if>
         </xsl:if>
+
+        <xsl:if test="/page/pageRequest/@action = 'p'">
+          <xsl:if test="/page/pageRequest/@subaction = 'stories'">
+            #new-banner {
+              background-image: url(interfaces/<xsl:value-of select="$interface_name"/>/images/banner-images/2-willow-york-ceri-oakes-tommy.png);
+        }       
+          </xsl:if>
+        </xsl:if>
+        <!--
         <xsl:if test="/page/pageRequest/@action = 'b'">
           <xsl:if test="/page/pageRequest/paramList/param[@name='cl']/@value = 'CL1'">        
@@ -441 +469 @@
           </xsl:if>
         </xsl:if>
+        -->
+        
         <xsl:if test="/page/pageRequest/@action = 'q'">
             #new-banner {
@@ -473 +503 @@
         }
           </xsl:if>
-          <xsl:if test="/page/pageRequest/paramList/param[@name='d']/@va;ie = 'The-Last-Night'">
+          <xsl:if test="/page/pageRequest/paramList/param[@name='d']/@value = 'The-Last-Night-Video'">
             #new-banner {
               background-image: url(interfaces/<xsl:value-of select="$interface_name"/>/images/banner-images/8-The-Last-Night.png);
@@ -488 +518 @@
       </xsl:if>
     </xsl:if>
+
+    <xsl:if test="/page/pageRequest/@action = 'p'">
+      <xsl:if test="/page/pageRequest/@subaction = 'stories'">
+        <span role="img" aria-label="Tommy Fong at the entrance of the Willow York, image courtesy of Ceri Oakes"><xsl:text>  </xsl:text> </span>
+      </xsl:if>
+    </xsl:if>
+    <!--
     <xsl:if test="/page/pageRequest/@action = 'b'">
       <xsl:if test="/page/pageRequest/paramList/param[@name='cl']/@value = 'CL1'">
@@ -493 +530 @@
       </xsl:if>
     </xsl:if>
+    -->
     <xsl:if test="/page/pageRequest/@action = 'q'">
       <span role="img" aria-label="Willow Disco Rainbow Plaque, image courtesy of York Rainbow Plaques"><xsl:text>  </xsl:text> </span>
@@ -514 +552 @@
         <span role="img" aria-label="Vinyl from the Willow Disco, image courtesy of DJ Max"><xsl:text>  </xsl:text> </span>
       </xsl:if>
-      <xsl:if test="/page/pageRequest/paramList/param[@name='d']/@va;ie = 'The-Last-Night'">
+      <xsl:if test="/page/pageRequest/paramList/param[@name='d']/@value = 'The-Last-Night-Video'">
         <span role="img" aria-label="The takings from the last night, image courtesy of Vicki Fong"><xsl:text>  </xsl:text> </span>
       </xsl:if>
@@ -531 +569 @@
           </xsl:if>
         </xsl:if>
+        
+        <xsl:if test="/page/pageRequest/@action = 'p'">
+          <xsl:if test="/page/pageRequest/@subaction = 'stories'">
+        Banner image courtesy of Ceri Oakes
+          </xsl:if>
+        </xsl:if>
+        <!--
         <xsl:if test="/page/pageRequest/@action = 'b'">
           <xsl:if test="/page/pageRequest/paramList/param[@name='cl']/@value = 'CL1'">
@@ -536 +581 @@
           </xsl:if>
         </xsl:if>
+        -->
+        
         <xsl:if test="/page/pageRequest/@action = 'q'">
         Banner image courtesy of York Rainbow Plaques
@@ -557 +604 @@
         Banner image courtesy of DJ Max
           </xsl:if>
-          <xsl:if test="/page/pageRequest/paramList/param[@name='d']/@va;ie = 'The-Last-Night'">
+          <xsl:if test="/page/pageRequest/paramList/param[@name='d']/@value = 'The-Last-Night-Video'">
         Banner image courtesy of Vicki Fong
           </xsl:if>
         </xsl:if>
-
-
         
 
@@ -586 +631 @@
     <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;">
+      <div id="story-list">
     <xsl:comment>Location for story list</xsl:comment>
       </div>