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

    r7932 r7938  
    186186      item="<%=itemType%>"
    187187      filterrows="<%=cc.getFilterRows()%>"
    188       subclass="fulltable sticky-headers"
     188      subclass="fulltable"
    189189      data-inherited-annotations="true"
    190190      data-relateditem-columns="true"
     191      stickyheaders="name"
    191192      >
    192193      <tbl:hidden
     
    497498        <tbl:headers>
    498499          <tbl:headerrow>
    499             <tbl:header colspan="3" />
     500            <tbl:header clazz="row-index bg-filled-100" />
    500501            <tbl:columnheaders />
    501502          </tbl:headerrow>
     
    508509            %>
    509510            <tbl:headerrow>
    510               <tbl:header subclass="index" />
    511               <tbl:header
    512                 subclass="check"
    513                 visible="<%=mode.hasCheck()%>"
    514                 ><base:icon
    515                   subclass="link table-check"
    516                   image="check_uncheck.png"
    517                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    518                   visible="<%=lastRow%>"
    519                 /></tbl:header>
    520               <tbl:header
    521                 subclass="check"
    522                 visible="<%=mode.hasRadio()%>"
    523                 />
    524               <tbl:header
    525                 subclass="icons"
    526                 visible="<%=mode.hasIcons()%>"
    527                 >
    528                 <base:icon
    529                   subclass="link table-filter-row-action"
    530                   image="add.png"
    531                   tooltip="Add extra filter row"
    532                   visible="<%=lastRow%>"
    533                 /><base:icon
    534                   subclass="link table-filter-row-action"
    535                   image="remove.png"
    536                   tooltip="Remove this filter row"
    537                   visible="<%=numRows > 1 || numFilters > 0 %>"
    538                   data-remove-row="<%=filterNo%>"
    539                 />
     511              <tbl:header subclass="row-index bg-filled-100">
     512                <div class="index-<%=mode.getName()%>">
     513                  <div class="index"></div>
     514                  <div class="check">
     515                    <base:icon
     516                      subclass="link table-check"
     517                      image="check_uncheck.png"
     518                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     519                      visible="<%=lastRow && mode.hasCheck()%>"
     520                    />
     521                  </div>
     522                  <div class="icons">
     523                    <base:icon
     524                      subclass="link table-filter-row-action"
     525                      image="add.png"
     526                      tooltip="Add extra filter row"
     527                      visible="<%=lastRow%>"
     528                    /><base:icon
     529                      subclass="link table-filter-row-action"
     530                      image="remove.png"
     531                      tooltip="Remove this filter row"
     532                      visible="<%=numRows > 1 || numFilters > 0 %>"
     533                      data-remove-row="<%=filterNo%>"
     534                    />
     535                  </div>
     536                </div>
    540537              </tbl:header>
    541538              <tbl:propertyfilter row="<%=filterNo%>" />
     
    577574              %>
    578575              <tbl:row>
    579                 <tbl:header
    580                   clazz="index"
    581                   ><%=index%></tbl:header>
    582                 <tbl:header
    583                   clazz="check"
    584                   visible="<%=mode.hasCheck()%>"
    585                   ><input
    586                     type="checkbox"
    587                     name="<%=itemId%>"
    588                     value="<%=itemId%>"
    589                     title="<%=name%>"
    590                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    591                   ></tbl:header>
    592                 <tbl:header
    593                   clazz="check"
    594                   visible="<%=mode.hasRadio()%>"
    595                   ><input
    596                     type="radio"
    597                     name="item_id"
    598                     value="<%=itemId%>"
    599                     title="<%=name%>"
    600                     <%=selectedItemId == itemId ? "checked" : ""%>
    601                   ></tbl:header>
    602                 <tbl:header
    603                   clazz="icons"
    604                   visible="<%=mode.hasIcons()%>"
    605                   ><base:icon
    606                     image="deleted.png"
    607                     id="<%="delete."+itemId %>"
    608                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    609                     data-item-id="<%=itemId%>"
    610                     tooltip="This item has been scheduled for deletion"
    611                     visible="<%=item.isRemoved()%>"
    612                   /><base:icon
    613                     image="shared.png"
    614                     id="<%="share."+itemId %>"
    615                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    616                     data-item-id="<%=itemId%>"
    617                     tooltip="This item is shared to other users, groups and/or projects"
    618                     visible="<%=item.isShared()%>"
    619                   />&nbsp;</tbl:header>
     576                <tbl:header clazz="row-index bg-filled-100">
     577                  <div class="index-<%=mode.getName()%>">
     578                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     579                    <div class="check">
     580                      <base:input
     581                        type="checkbox"
     582                        name="<%=itemId%>"
     583                        value="<%=itemId%>"
     584                        title="<%=name%>"
     585                        checked="<%=cc.getSelected().contains(itemId)%>"
     586                        visible="<%=mode.hasCheck()%>"
     587                      />
     588                      <base:input
     589                        type="radio"
     590                        name="item_id"
     591                        value="<%=itemId%>"
     592                        title="<%=name%>"
     593                        checked="<%=selectedItemId == itemId%>"
     594                        visible="<%=mode.hasRadio()%>"
     595                      />
     596                    </div>
     597                    <div class="icons">
     598                      <base:icon
     599                        image="deleted.png"
     600                        id="<%="delete."+itemId %>"
     601                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     602                        data-item-id="<%=itemId%>"
     603                        tooltip="This item has been scheduled for deletion"
     604                        visible="<%=item.isRemoved()%>"
     605                      /><base:icon
     606                        image="shared.png"
     607                        id="<%="share."+itemId %>"
     608                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     609                        data-item-id="<%=itemId%>"
     610                        tooltip="This item is shared to other users, groups and/or projects"
     611                        visible="<%=item.isShared()%>"
     612                      />
     613                    </div>
     614                  </div>
     615                </tbl:header>
    620616                <tbl:cell column="name"><div
    621617                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.