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/itemlists/members/list_members.jsp

    r7932 r7938  
    202202      filterrows="<%=cc.getFilterRows()%>"
    203203      subcontext="<%="listmembers."+list.getId()%>"
    204       subclass="fulltable sticky-headers"
     204      subclass="fulltable"
    205205      data-inherited-annotations="<%=annotatable%>"
    206206      data-relateditem-columns="true"
     207      stickyheaders="name"
    207208      >
    208209      <tbl:hidden
     
    444445        <tbl:headers>
    445446          <tbl:headerrow>
    446             <tbl:header colspan="3" />
     447            <tbl:header clazz="row-index bg-filled-100" />
    447448            <tbl:columnheaders />
    448449          </tbl:headerrow>
     
    455456            %>
    456457            <tbl:headerrow>
    457               <tbl:header subclass="index" />
    458               <tbl:header
    459                 subclass="check"
    460                 visible="<%=mode.hasCheck()%>"
    461                 ><base:icon
    462                   subclass="link table-check"
    463                   image="check_uncheck.png"
    464                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    465                   visible="<%=lastRow%>"
    466                 /></tbl:header>
    467               <tbl:header
    468                 subclass="check"
    469                 visible="<%=mode.hasRadio()%>"
    470                 />
    471               <tbl:header
    472                 subclass="icons"
    473                 visible="<%=mode.hasIcons()%>"
    474                 >
    475                 <base:icon
    476                   subclass="link table-filter-row-action"
    477                   image="add.png"
    478                   tooltip="Add extra filter row"
    479                   visible="<%=lastRow%>"
    480                 /><base:icon
    481                   subclass="link table-filter-row-action"
    482                   image="remove.png"
    483                   tooltip="Remove this filter row"
    484                   visible="<%=numRows > 1 || numFilters > 0 %>"
    485                   data-remove-row="<%=filterNo%>"
    486                 />
     458              <tbl:header subclass="row-index bg-filled-100">
     459                <div class="index-<%=mode.getName()%>">
     460                  <div class="index"></div>
     461                  <div class="check">
     462                    <base:icon
     463                      subclass="link table-check"
     464                      image="check_uncheck.png"
     465                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     466                      visible="<%=lastRow && mode.hasCheck()%>"
     467                    />
     468                  </div>
     469                  <div class="icons">
     470                    <base:icon
     471                      subclass="link table-filter-row-action"
     472                      image="add.png"
     473                      tooltip="Add extra filter row"
     474                      visible="<%=lastRow%>"
     475                    /><base:icon
     476                      subclass="link table-filter-row-action"
     477                      image="remove.png"
     478                      tooltip="Remove this filter row"
     479                      visible="<%=numRows > 1 || numFilters > 0 %>"
     480                      data-remove-row="<%=filterNo%>"
     481                    />
     482                  </div>
     483                </div>
    487484              </tbl:header>
    488485              <tbl:propertyfilter row="<%=filterNo%>" />
     
    533530              %>
    534531              <tbl:row>
    535                 <tbl:header
    536                   clazz="index"
    537                   ><%=index%></tbl:header>
    538                 <tbl:header
    539                   clazz="check"
    540                   visible="<%=mode.hasCheck()%>"
    541                   ><input
    542                     type="checkbox"
    543                     name="<%=itemId%>"
    544                     value="<%=itemId%>"
    545                     title="<%=name%>"
    546                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    547                   ></tbl:header>
    548                 <tbl:header
    549                   clazz="check"
    550                   visible="<%=mode.hasRadio()%>"
    551                   ><input
    552                     type="radio"
    553                     name="item_id"
    554                     value="<%=itemId%>"
    555                     title="<%=name%>"
    556                     <%=selectedItemId == itemId ? "checked" : ""%>
    557                   ></tbl:header>
    558                 <tbl:header
    559                   clazz="icons"
    560                   visible="<%=mode.hasIcons()%>"
    561                   ><base:icon
    562                     image="deleted.png"
    563                     id="<%="delete."+itemId %>"
    564                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    565                     data-item-id="<%=itemId%>"
    566                     tooltip="This item has been scheduled for deletion"
    567                     visible="<%=removable && removableItem.isRemoved()%>"
    568                   /><base:icon
    569                     image="shared.png"
    570                     id="<%="share."+itemId %>"
    571                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    572                     data-item-id="<%=itemId%>"
    573                     tooltip="This item is shared to other users, groups and/or projects"
    574                     visible="<%=shareable && sharedItem.isShared()%>"
    575                   />&nbsp;</tbl:header>
     532                <tbl:header clazz="row-index bg-filled-100">
     533                  <div class="index-<%=mode.getName()%>">
     534                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     535                    <div class="check">
     536                      <base:input
     537                        type="checkbox"
     538                        name="<%=itemId%>"
     539                        value="<%=itemId%>"
     540                        title="<%=name%>"
     541                        checked="<%=cc.getSelected().contains(itemId)%>"
     542                        visible="<%=mode.hasCheck()%>"
     543                      />
     544                      <base:input
     545                        type="radio"
     546                        name="item_id"
     547                        value="<%=itemId%>"
     548                        title="<%=name%>"
     549                        checked="<%=selectedItemId == itemId%>"
     550                        visible="<%=mode.hasRadio()%>"
     551                      />
     552                    </div>
     553                    <div class="icons">
     554                      <base:icon
     555                        image="deleted.png"
     556                        id="<%="delete."+itemId %>"
     557                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     558                        data-item-id="<%=itemId%>"
     559                        tooltip="This item has been scheduled for deletion"
     560                        visible="<%=removable && removableItem.isRemoved()%>"
     561                      /><base:icon
     562                        image="shared.png"
     563                        id="<%="share."+itemId %>"
     564                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     565                        data-item-id="<%=itemId%>"
     566                        tooltip="This item is shared to other users, groups and/or projects"
     567                        visible="<%=shareable && sharedItem.isShared()%>"
     568                      />
     569                    </div>
     570                  </div>
     571                </tbl:header>
    576572                <tbl:cell column="name"><div
    577573                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.