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/experiments/bioassaysets/analysis_tree.jsp

    r7914 r7938  
    372372      filterrows="<%=cc.getFilterRows()%>"
    373373      subclass="<%=root == null ? "fulltable" : "" %>"
     374      stickyheaders="name"
    374375      >
    375376      <tbl:hidden
     
    582583        <tbl:headers>
    583584          <tbl:headerrow>
    584             <tbl:header colspan="3">
     585            <tbl:header clazz="row-index bg-filled-100">
    585586            <tbl:presetselector
    586               style="border-right: 0px;"
     587              style="border-right: 0px; display: block;"
    587588            />
    588589            </tbl:header>
     
    597598            %>
    598599            <tbl:headerrow>
    599               <tbl:header subclass="index" />
    600               <tbl:header
    601                 subclass="check"
    602                 visible="<%=mode.hasCheck()%>"
    603                 ><base:icon
    604                   subclass="link table-check"
    605                   image="check_uncheck.png"
    606                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    607                   visible="<%=lastRow%>"
    608                 /></tbl:header>
    609               <tbl:header
    610                 subclass="check"
    611                 visible="<%=mode.hasRadio()%>"
    612                 />
    613               <tbl:header
    614                 subclass="icons"
    615                 visible="<%=mode.hasIcons()%>"
    616                 >
    617                 <base:icon
    618                   subclass="link table-filter-row-action"
    619                   image="add.png"
    620                   tooltip="Add extra filter row"
    621                   visible="<%=lastRow%>"
    622                 /><base:icon
    623                   subclass="link table-filter-row-action"
    624                   image="remove.png"
    625                   tooltip="Remove this filter row"
    626                   visible="<%=numRows > 1 || numFilters > 0 %>"
    627                   data-remove-row="<%=filterNo%>"
    628                 />
     600              <tbl:header subclass="row-index bg-filled-100">
     601                <div class="index-<%=mode.getName()%>">
     602                  <div class="index"></div>
     603                  <div class="check">
     604                    <base:icon
     605                      subclass="link table-check"
     606                      image="check_uncheck.png"
     607                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     608                      visible="<%=lastRow && mode.hasCheck()%>"
     609                    />
     610                  </div>
     611                  <div class="icons">
     612                    <base:icon
     613                      subclass="link table-filter-row-action"
     614                      image="add.png"
     615                      tooltip="Add extra filter row"
     616                      visible="<%=lastRow%>"
     617                    /><base:icon
     618                      subclass="link table-filter-row-action"
     619                      image="remove.png"
     620                      tooltip="Remove this filter row"
     621                      visible="<%=numRows > 1 || numFilters > 0 %>"
     622                      data-remove-row="<%=filterNo%>"
     623                    />
     624                  </div>
     625                </div>
    629626              </tbl:header>
    630627              <tbl:propertyfilter row="<%=filterNo%>" />
     
    739736                  style="<%=isVisible ? "" : "display: none;" %>"
    740737                  >
    741                   <tbl:header
    742                     clazz="index"
    743                     ><%=index%></tbl:header>
    744                   <tbl:header
    745                     clazz="check"
    746                     visible="<%=mode.hasCheck()%>"
    747                     ><input
    748                         type="checkbox"
    749                         name="<%=prefix+itemId%>"
    750                         value="<%=itemId%>"
    751                         title="<%=name%>"
    752                         <%=ccc.getSelected().contains(itemId) ? "checked" : ""%>
    753                       ></tbl:header>
    754                   <tbl:header
    755                     clazz="check"
    756                     visible="<%=mode.hasRadio()%>"
    757                     ><input
    758                         type="radio"
    759                         name="item_id"
    760                         value="<%=itemId%>"
    761                         title="<%=name%>"
    762                         <%=selectedItemId == itemId ? "checked" : ""%>
    763                       ></tbl:header>
    764                   <tbl:header
    765                     clazz="icons"
    766                     visible="<%=mode.hasIcons()%>"
    767                     ><base:icon
    768                       image="deleted.png"
    769                       id="<%="delete."+itemId %>"
    770                       subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    771                       data-item-type="<%=itemType.name() %>"
    772                       data-item-id="<%=itemId%>"
    773                       data-notify="reloadOnNotify"
    774                       tooltip="This item has been scheduled for deletion"
    775                       visible="<%=removed%>"
    776                     />&nbsp;</tbl:header>
    777                  
     738                  <tbl:header clazz="row-index bg-filled-100">
     739                    <div class="index-<%=mode.getName()%>">
     740                      <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     741                      <div class="check">
     742                        <base:input
     743                          type="checkbox"
     744                          name="<%=prefix+itemId%>"
     745                          value="<%=itemId%>"
     746                          title="<%=name%>"
     747                          checked="<%=cc.getSelected().contains(itemId)%>"
     748                          visible="<%=mode.hasCheck()%>"
     749                        />
     750                        <base:input
     751                          type="radio"
     752                          name="item_id"
     753                          value="<%=itemId%>"
     754                          title="<%=name%>"
     755                          checked="<%=selectedItemId == itemId%>"
     756                          visible="<%=mode.hasRadio()%>"
     757                        />                   
     758                      </div>
     759                      <div class="icons">
     760                        <base:icon
     761                          image="deleted.png"
     762                          id="<%="delete."+itemId %>"
     763                          subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     764                          data-item-type="<%=itemType.name() %>"
     765                          data-item-id="<%=itemId%>"
     766                          data-notify="reloadOnNotify"
     767                          tooltip="This item has been scheduled for deletion"
     768                          visible="<%=removed%>"
     769                        />
     770                      </div>
     771                    </div>
     772                  </tbl:header>
    778773                  <tbl:cell clazz="cell joust" column="name">
    779774                    <div id="<%=joustId%>" class="link auto-init"
Note: See TracChangeset for help on using the changeset viewer.