Ignore:
Timestamp:
May 3, 2021, 1:20:19 PM (3 months ago)
Author:
Nicklas Nordborg
Message:

References #2246: Sticky table headers

Implemented for all items in the "View" menu.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/3.18-stable/www/views/rawbioassays/rawdata/list_rawdata.jsp

    r7932 r7938  
    190190      subcontext="<%=subContext%>"
    191191      filterrows="<%=cc.getFilterRows()%>"
    192       subclass="fulltable sticky-headers"
     192      subclass="fulltable"
     193      stickyheaders="position"
    193194      >
    194195      <tbl:hidden
     
    644645        <tbl:headers>
    645646          <tbl:headerrow>
    646             <tbl:header colspan="3" />
     647            <tbl:header clazz="row-index bg-filled-100" />
    647648            <tbl:columnheaders />
    648649          </tbl:headerrow>
     
    655656            %>
    656657            <tbl:headerrow>
    657               <tbl:header subclass="index" />
    658               <tbl:header
    659                 subclass="check"
    660                 visible="<%=mode.hasCheck()%>"
    661                 ><base:icon
    662                   subclass="link table-check"
    663                   image="check_uncheck.png"
    664                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    665                   visible="<%=lastRow%>"
    666                 /></tbl:header>
    667               <tbl:header
    668                 subclass="check"
    669                 visible="<%=mode.hasRadio()%>"
    670                 />
    671               <tbl:header
    672                 subclass="icons"
    673                 visible="<%=mode.hasIcons()%>"
    674                 >
    675                 <base:icon
    676                   subclass="link table-filter-row-action"
    677                   image="add.png"
    678                   tooltip="Add extra filter row"
    679                   visible="<%=lastRow%>"
    680                 /><base:icon
    681                   subclass="link table-filter-row-action"
    682                   image="remove.png"
    683                   tooltip="Remove this filter row"
    684                   visible="<%=numRows > 1 || numFilters > 0 %>"
    685                   data-remove-row="<%=filterNo%>"
    686                 />
     658              <tbl:header subclass="row-index bg-filled-100">
     659                <div class="index-<%=mode.getName()%>">
     660                  <div class="index"></div>
     661                  <div class="check">
     662                    <base:icon
     663                      subclass="link table-check"
     664                      image="check_uncheck.png"
     665                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     666                      visible="<%=lastRow && mode.hasCheck()%>"
     667                    />
     668                  </div>
     669                  <div class="icons">
     670                    <base:icon
     671                      subclass="link table-filter-row-action"
     672                      image="add.png"
     673                      tooltip="Add extra filter row"
     674                      visible="<%=lastRow%>"
     675                    /><base:icon
     676                      subclass="link table-filter-row-action"
     677                      image="remove.png"
     678                      tooltip="Remove this filter row"
     679                      visible="<%=numRows > 1 || numFilters > 0 %>"
     680                      data-remove-row="<%=filterNo%>"
     681                    />
     682                  </div>
     683                </div>
    687684              </tbl:header>
    688685              <tbl:propertyfilter row="<%=filterNo%>" />
     
    718715              %>
    719716              <tbl:row>
    720                 <tbl:header
    721                   clazz="index"
    722                   ><%=index%></tbl:header>
    723                 <tbl:header
    724                   clazz="check"
    725                   visible="<%=mode.hasCheck()%>"
    726                   ><input
    727                       type="checkbox"
    728                       name="<%=itemId%>"
    729                       value="<%=itemId%>"
    730                       title="TODO"
    731                       <%=request.getParameter(Integer.toString(itemId)) == null ? "" : "checked"%>
    732                     ></tbl:header>
    733                 <tbl:header
    734                   clazz="check"
    735                   visible="<%=mode.hasRadio()%>"
    736                   ><input
    737                       type="radio"
    738                       name="item_id"
    739                       value="<%=itemId%>"
    740                       title="TODO"
    741                       <%=selectedItemId == itemId ? "checked" : ""%>
    742                     ></tbl:header>
    743                 <tbl:header
    744                   clazz="icons"
    745                   visible="<%=mode.hasIcons()%>"
    746                   ></tbl:header>
     717                <tbl:header clazz="row-index bg-filled-100">
     718                  <div class="index-<%=mode.getName()%>">
     719                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     720                    <div class="check">
     721                      <base:input
     722                        type="checkbox"
     723                        name="<%=itemId%>"
     724                        value="<%=itemId%>"
     725                        checked="<%=request.getParameter(Integer.toString(itemId)) != null%>"
     726                        visible="<%=mode.hasCheck()%>"
     727                      />
     728                      <base:input
     729                        type="radio"
     730                        name="item_id"
     731                        value="<%=itemId%>"
     732                        checked="<%=selectedItemId == itemId%>"
     733                        visible="<%=mode.hasRadio()%>"
     734                      />
     735                    </div>
     736                    <div class="icons"></div>
     737                  </div>
     738                </tbl:header>
    747739                <tbl:cell column="position"><div
    748740                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.