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/list_experiments.jsp

    r7932 r7938  
    139139      item="<%=itemType%>"
    140140      filterrows="<%=cc.getFilterRows()%>"
    141       subclass="fulltable sticky-headers"
     141      subclass="fulltable"
     142      stickyheaders="name"
    142143      >
    143144      <tbl:hidden
     
    463464        <tbl:headers>
    464465          <tbl:headerrow>
    465             <tbl:header colspan="3" />
     466            <tbl:header clazz="row-index bg-filled-100" />
    466467            <tbl:columnheaders />
    467468          </tbl:headerrow>
     
    474475            %>
    475476            <tbl:headerrow>
    476               <tbl:header subclass="index" />
    477               <tbl:header
    478                 subclass="check"
    479                 visible="<%=mode.hasCheck()%>"
    480                 ><base:icon
    481                   subclass="link table-check"
    482                   image="check_uncheck.png"
    483                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    484                   visible="<%=lastRow%>"
    485                 /></tbl:header>
    486               <tbl:header
    487                 subclass="check"
    488                 visible="<%=mode.hasRadio()%>"
    489                 />
    490               <tbl:header
    491                 subclass="icons"
    492                 visible="<%=mode.hasIcons()%>"
    493                 >
    494                 <base:icon
    495                   subclass="link table-filter-row-action"
    496                   image="add.png"
    497                   tooltip="Add extra filter row"
    498                   visible="<%=lastRow%>"
    499                 /><base:icon
    500                   subclass="link table-filter-row-action"
    501                   image="remove.png"
    502                   tooltip="Remove this filter row"
    503                   visible="<%=numRows > 1 || numFilters > 0 %>"
    504                   data-remove-row="<%=filterNo%>"
    505                 />
     477              <tbl:header subclass="row-index bg-filled-100">
     478                <div class="index-<%=mode.getName()%>">
     479                  <div class="index"></div>
     480                  <div class="check">
     481                    <base:icon
     482                      subclass="link table-check"
     483                      image="check_uncheck.png"
     484                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     485                      visible="<%=lastRow && mode.hasCheck()%>"
     486                    />
     487                  </div>
     488                  <div class="icons">
     489                    <base:icon
     490                      subclass="link table-filter-row-action"
     491                      image="add.png"
     492                      tooltip="Add extra filter row"
     493                      visible="<%=lastRow%>"
     494                    /><base:icon
     495                      subclass="link table-filter-row-action"
     496                      image="remove.png"
     497                      tooltip="Remove this filter row"
     498                      visible="<%=numRows > 1 || numFilters > 0 %>"
     499                      data-remove-row="<%=filterNo%>"
     500                    />
     501                  </div>
     502                </div>
    506503              </tbl:header>
    507504              <tbl:propertyfilter row="<%=filterNo%>" />
     
    543540              %>
    544541              <tbl:row>
    545                 <tbl:header
    546                   clazz="index"
    547                   ><%=index%></tbl:header>
    548                 <tbl:header
    549                   clazz="check"
    550                   visible="<%=mode.hasCheck()%>"
    551                   ><input
    552                     type="checkbox"
    553                     name="<%=itemId%>"
    554                     value="<%=itemId%>"
    555                     title="<%=name%>"
    556                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    557                   ></tbl:header>
    558                 <tbl:header
    559                   clazz="check"
    560                   visible="<%=mode.hasRadio()%>"
    561                   ><input
    562                     type="radio"
    563                     name="item_id"
    564                     value="<%=itemId%>"
    565                     title="<%=name%>"
    566                     <%=selectedItemId == itemId ? "checked" : ""%>
    567                   ></tbl:header>
    568                 <tbl:header
    569                   clazz="icons"
    570                   visible="<%=mode.hasIcons()%>"
    571                   ><base:icon
    572                     image="deleted.png"
    573                     id="<%="delete."+itemId %>"
    574                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    575                     data-item-id="<%=itemId%>"
    576                     tooltip="This item has been scheduled for deletion"
    577                     visible="<%=item.isRemoved()%>"
    578                   /><base:icon
    579                     image="shared.png"
    580                     id="<%="share."+itemId %>"
    581                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    582                     data-item-id="<%=itemId%>"
    583                     tooltip="This item is shared to other users, groups and/or projects"
    584                     visible="<%=item.isShared()%>"
    585                   />&nbsp;</tbl:header>
     542                <tbl:header clazz="row-index bg-filled-100">
     543                  <div class="index-<%=mode.getName()%>">
     544                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     545                    <div class="check">
     546                      <base:input
     547                        type="checkbox"
     548                        name="<%=itemId%>"
     549                        value="<%=itemId%>"
     550                        title="<%=name%>"
     551                        checked="<%=cc.getSelected().contains(itemId)%>"
     552                        visible="<%=mode.hasCheck()%>"
     553                      />
     554                      <base:input
     555                        type="radio"
     556                        name="item_id"
     557                        value="<%=itemId%>"
     558                        title="<%=name%>"
     559                        checked="<%=selectedItemId == itemId%>"
     560                        visible="<%=mode.hasRadio()%>"
     561                      />
     562                    </div>
     563                    <div class="icons">
     564                      <base:icon
     565                        image="deleted.png"
     566                        id="<%="delete."+itemId %>"
     567                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     568                        data-item-id="<%=itemId%>"
     569                        tooltip="This item has been scheduled for deletion"
     570                        visible="<%=item.isRemoved()%>"
     571                      /><base:icon
     572                        image="shared.png"
     573                        id="<%="share."+itemId %>"
     574                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     575                        data-item-id="<%=itemId%>"
     576                        tooltip="This item is shared to other users, groups and/or projects"
     577                        visible="<%=item.isShared()%>"
     578                      />
     579                    </div>
     580                  </div>
     581                </tbl:header>
    586582                <tbl:cell column="name"><div
    587583                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.