Ignore:
Timestamp:
2019-06-22T11:07:07+12:00 (5 years ago)
Author:
davidb
Message:

Introduction of fix-to-the-side option for berry-basket, similar to TOC feature in documents

File:
1 edited

Legend:

Unmodified
Added
Removed
  • main/trunk/model-interfaces-dev/heritage-nz/transform/pages/query.xsl

    r33074 r33200  
    1111
    1212  <!-- set page title -->
    13   <xsl:template name="pageTitle">
     13  <xsl:template name="pageTitle">                                                                                                 
    1414    <gslib:collectionNameLinked/><gslib:rightArrow/><gslib:serviceName/>
    1515  </xsl:template>
     16
     17
     18 
     19  <xsl:template name="displayBaskets">
     20<!--
     21    <div id="float-anchor" style="width: 31%; min-width:180px; float:right; margin: 0 0 10px 20px;">
     22-->
     23<!-- **** -->
     24    <div id="float-anchor" style="position: absolute; width: 29%; min-width:180px; top: 105px; right:20px; margin: 0 0 10px 20px;">
     25      <xsl:comment>Filler needed for div</xsl:comment>
     26      <xsl:call-template name="viewOptions"/>
     27
     28      <xsl:if test="$berryBasketOn or ($documentBasketOn and (util:contains(/page/pageRequest/userInformation/@groups, 'administrator') or util:contains(/page/pageRequest/userInformation/@groups, 'all-collections-editor') or util:contains(/page/pageRequest/userInformation/@groups, $thisCollectionEditor)))">
     29    <div id="rightSidebar" style="margin: 0 0 5px 5px; width: 100%">
     30<!--
     31The following had been added to default interface version of query.xsl at this point
     32Not clear if having the following lines in the 'default' version is desirable or not
     33for general look of interface, outside of Heritage-NZ interface. 
     34Probably not, as surely it would need some of the other changes to let the view
     35options make sense.
     36
     37          <xsl:comment>Filler needed for div</xsl:comment>
     38          <xsl:call-template name="viewOptions"/>
     39-->
     40      <xsl:if test="$berryBasketOn">
     41        <!-- show the berry basket if it's turned on -->
     42        <div class="tableOfContentsContainer" style="position:relative; z-index: 2;"> <!-- **** -->
     43          <gslib:berryBasket/>
     44          <xsl:text> </xsl:text>
     45        </div>
     46      </xsl:if>
     47      <xsl:if test="$documentBasketOn and (util:contains(/page/pageRequest/userInformation/@groups, 'administrator') or util:contains(/page/pageRequest/userInformation/@groups, 'all-collections-editor') or util:contains(/page/pageRequest/userInformation/@groups, $thisCollectionEditor))">
     48        <gslib:documentBasket/>
     49        <xsl:text> </xsl:text>
     50      </xsl:if>
     51    </div>
     52      </xsl:if>
     53    </div>
     54  </xsl:template>
     55
     56
     57
     58  <xsl:template name="viewOptions">
     59
     60    <div id="viewAndZoomOptions" class="ui-state-default ui-corner-all">
     61      <ul id="viewOptions">
     62   
     63
     64          <!-- Floating TOC on/off button -->
     65      <xsl:if test="$berryBasketOn">
     66        <li id="floatingTOCOptions">
     67<!--
     68          <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.floatingTooltip')"/></xsl:attribute>
     69-->
     70          <xsl:attribute name="title">Fix the berry basket to the right side of the screen</xsl:attribute>
     71          <img id="floatTOCToggleImage">
     72        <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'float_berrybasket_image')"/></xsl:attribute>
     73          </img>
     74
     75          <input id="floatTOCToggle" type="checkbox"/>
     76          <script type="text/javascript">
     77        <xsl:text disable-output-escaping="yes">
     78          $("#floatTOCToggle").prop("checked", false);
     79          $("#floatTOCToggle").click(function()
     80          {
     81            floatMenu($("#floatTOCToggle").prop("checked"));
     82          });
     83         
     84          $("#floatTOCToggleImage").click(function()
     85          {
     86            $("#floatTOCToggle").prop("checked", !$("#floatTOCToggle").prop("checked"))
     87            floatMenu($("#floatTOCToggle").prop("checked"));
     88          });
     89        </xsl:text>
     90          </script>
     91        </li>
     92        <xsl:if test="/page/pageRequest/paramList/param[@name='ftoc']/@value = '1'">
     93          <script type="text/javascript">
     94        <xsl:text disable-output-escaping="yes">
     95          $(window).load(function()
     96          {
     97            $("#floatTOCToggle").prop("checked", true);
     98            floatMenu(true);
     99          });
     100        </xsl:text>
     101          </script>
     102        </xsl:if>
     103      </xsl:if>
     104      </ul>
     105      <div style="clear:both;"><xsl:text> </xsl:text></div>
     106    </div>
     107  </xsl:template>
     108 
     109
     110
     111    <xsl:template name="displayFacets">
     112            <script type="text/javascript" src="interfaces/{$interface_name}/js/utility_scripts.js"><xsl:text> </xsl:text></script>
     113            <script type="text/javascript" src="interfaces/{$interface_name}/js/facet-scripts.js">
     114                <xsl:text> </xsl:text>
     115            </script>
     116<!--
     117            <div id="facetSelector" style="position: absolute; right: 20px; top: 300px;">
     118-->
     119<!-- **** -->
     120            <div id="facetSelector" style="position: relative; float: right; top: 100px;">
     121                <xsl:for-each select="/page/pageResponse/facetList/facet">
     122                    <xsl:if test="count(count) > 0">
     123                        <ul class="facetTable ui-widget-content" indexName="{@name}">
     124                            <xsl:variable name="serviceName">
     125                                <xsl:value-of select="/page/pageRequest/paramList/param[@name = 's']/@value"/>
     126                            </xsl:variable>
     127                            <xsl:variable name="indexShortName">
     128                                <xsl:value-of select="@name"/>
     129                            </xsl:variable>
     130                            <xsl:variable name="countSize">
     131                                <xsl:choose>
     132                                    <xsl:when test="/page/pageResponse/format[@type='search']/gsf:option[@name='facetTableRows']">
     133                                        <xsl:value-of select="/page/pageResponse/format[@type='search']/gsf:option[@name='facetTableRows']/@value"/>
     134                                    </xsl:when>
     135                                    <xsl:otherwise>8</xsl:otherwise>
     136                                </xsl:choose>
     137                            </xsl:variable>
     138
     139                            <li class="ui-widget-header" style="text-transform:capitalize; text-align:center;">
     140                              <xsl:value-of select="displayItem[@name='name']"/>
     141                            </li>
     142                            <xsl:for-each select="count">
     143                                <li>
     144                                    <xsl:attribute name="style">
     145                                        <xsl:if test="position() > $countSize">display:none;<xsl:value-of select="$indexShortName"/>
     146                                        </xsl:if>
     147                                    </xsl:attribute>
     148                                    <input type="checkbox" onclick="performRefinedSearch();"/>
     149                                    <span>
     150                                        <xsl:value-of select="@name"/>
     151                                    </span>(<xsl:value-of select="."/>)
     152                                </li>
     153                            </xsl:for-each>
     154                            <xsl:if test="count(count) > $countSize">
     155                                <li class="expandFacetList{$indexShortName}">
     156                                    <a class="expandFacetListLink{$indexShortName}" href="javascript:expandFacetList('{$indexShortName}', {$countSize});"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'query.facet.more')"/></a>
     157                                </li>
     158                                <li class="collapseFacetList{$indexShortName}" style="display: none;">
     159                                    <a  class="collapseFacetListLink{$indexShortName}" href="javascript:collapseFacetList('{$indexShortName}', {$countSize});"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'query.facet.less')"/></a>
     160                                </li>
     161                            </xsl:if>
     162                        </ul>
     163                    </xsl:if>
     164                </xsl:for-each>
     165            </div>
     166
     167    </xsl:template>
     168
     169
     170
    16171</xsl:stylesheet>
Note: See TracChangeset for help on using the changeset viewer.