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/derivedbioassays/list_bioassays.jsp

    r7932 r7938  
    198198      item="<%=itemType%>"
    199199      filterrows="<%=cc.getFilterRows()%>"
    200       subclass="fulltable sticky-headers"
     200      subclass="fulltable"
    201201      data-inherited-annotations="true"
    202202      data-relateditem-columns="true"
     203      stickyheaders="name"
    203204      >
    204205      <tbl:hidden
     
    554555        <tbl:headers>
    555556          <tbl:headerrow>
    556             <tbl:header colspan="3" />
     557            <tbl:header clazz="row-index bg-filled-100" />
    557558            <tbl:columnheaders />
    558559          </tbl:headerrow>
     
    565566            %>
    566567            <tbl:headerrow>
    567               <tbl:header subclass="index" />
    568               <tbl:header
    569                 subclass="check"
    570                 visible="<%=mode.hasCheck()%>"
    571                 ><base:icon
    572                   subclass="link table-check"
    573                   image="check_uncheck.png"
    574                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    575                   visible="<%=lastRow%>"
    576                 /></tbl:header>
    577               <tbl:header
    578                 subclass="check"
    579                 visible="<%=mode.hasRadio()%>"
    580                 />
    581               <tbl:header
    582                 subclass="icons"
    583                 visible="<%=mode.hasIcons()%>"
    584                 >
    585                 <base:icon
    586                   subclass="link table-filter-row-action"
    587                   image="add.png"
    588                   tooltip="Add extra filter row"
    589                   visible="<%=lastRow%>"
    590                 /><base:icon
    591                   subclass="link table-filter-row-action"
    592                   image="remove.png"
    593                   tooltip="Remove this filter row"
    594                   visible="<%=numRows > 1 || numFilters > 0 %>"
    595                   data-remove-row="<%=filterNo%>"
    596                 />
     568              <tbl:header subclass="row-index bg-filled-100">
     569                <div class="index-<%=mode.getName()%>">
     570                  <div class="index"></div>
     571                  <div class="check">
     572                    <base:icon
     573                      subclass="link table-check"
     574                      image="check_uncheck.png"
     575                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     576                      visible="<%=lastRow && mode.hasCheck()%>"
     577                    />
     578                  </div>
     579                  <div class="icons">
     580                    <base:icon
     581                      subclass="link table-filter-row-action"
     582                      image="add.png"
     583                      tooltip="Add extra filter row"
     584                      visible="<%=lastRow%>"
     585                    /><base:icon
     586                      subclass="link table-filter-row-action"
     587                      image="remove.png"
     588                      tooltip="Remove this filter row"
     589                      visible="<%=numRows > 1 || numFilters > 0 %>"
     590                      data-remove-row="<%=filterNo%>"
     591                    />
     592                  </div>
     593                </div>
    597594              </tbl:header>
    598595              <tbl:propertyfilter row="<%=filterNo%>" />
     
    635632              %>
    636633              <tbl:row>
    637                 <tbl:header
    638                   clazz="index"
    639                   ><%=index%></tbl:header>
    640                 <tbl:header
    641                   clazz="check"
    642                   visible="<%=mode.hasCheck()%>"
    643                   ><input
    644                     type="checkbox"
    645                     name="<%=itemId%>"
    646                     value="<%=itemId%>"
    647                     title="<%=name%>"
    648                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    649                   ></tbl:header>
    650                 <tbl:header
    651                   clazz="check"
    652                   visible="<%=mode.hasRadio()%>"
    653                   ><input
    654                     type="radio"
    655                     name="item_id"
    656                     value="<%=itemId%>"
    657                     title="<%=name%>"
    658                     <%=selectedItemId == itemId ? "checked" : ""%>
    659                   ></tbl:header>
    660                 <tbl:header
    661                   clazz="icons"
    662                   visible="<%=mode.hasIcons()%>"
    663                   ><base:icon
    664                     image="deleted.png"
    665                     id="<%="delete."+itemId %>"
    666                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    667                     data-item-id="<%=itemId%>"
    668                     tooltip="This item has been scheduled for deletion"
    669                     visible="<%=item.isRemoved()%>"
    670                   /><base:icon
    671                     image="shared.png"
    672                     id="<%="share."+itemId %>"
    673                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    674                     data-item-id="<%=itemId%>"
    675                     tooltip="This item is shared to other users, groups and/or projects"
    676                     visible="<%=item.isShared()%>"
    677                   />&nbsp;</tbl:header>
     634                <tbl:header clazz="row-index bg-filled-100">
     635                  <div class="index-<%=mode.getName()%>">
     636                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     637                    <div class="check">
     638                      <base:input
     639                        type="checkbox"
     640                        name="<%=itemId%>"
     641                        value="<%=itemId%>"
     642                        title="<%=name%>"
     643                        checked="<%=cc.getSelected().contains(itemId)%>"
     644                        visible="<%=mode.hasCheck()%>"
     645                      />
     646                      <base:input
     647                        type="radio"
     648                        name="item_id"
     649                        value="<%=itemId%>"
     650                        title="<%=name%>"
     651                        checked="<%=selectedItemId == itemId%>"
     652                        visible="<%=mode.hasRadio()%>"
     653                      />
     654                    </div>
     655                    <div class="icons">
     656                      <base:icon
     657                        image="deleted.png"
     658                        id="<%="delete."+itemId %>"
     659                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     660                        data-item-id="<%=itemId%>"
     661                        tooltip="This item has been scheduled for deletion"
     662                        visible="<%=item.isRemoved()%>"
     663                      /><base:icon
     664                        image="shared.png"
     665                        id="<%="share."+itemId %>"
     666                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     667                        data-item-id="<%=itemId%>"
     668                        tooltip="This item is shared to other users, groups and/or projects"
     669                        visible="<%=item.isShared()%>"
     670                      />
     671                    </div>
     672                  </div>
     673                </tbl:header>
    678674                <tbl:cell column="name"><div
    679675                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.