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/reporterlists/list_reporterlists.jsp

    r7932 r7938  
    115115      item="<%=itemType%>"
    116116      filterrows="<%=cc.getFilterRows()%>"
    117       subclass="fulltable sticky-headers"
     117      subclass="fulltable"
     118      stickyheaders="name"
    118119      >
    119120      <tbl:hidden
     
    299300        <tbl:headers>
    300301          <tbl:headerrow>
    301             <tbl:header colspan="3" />
     302            <tbl:header clazz="row-index bg-filled-100" />
    302303            <tbl:columnheaders />
    303304          </tbl:headerrow>
     
    310311            %>
    311312            <tbl:headerrow>
    312               <tbl:header subclass="index" />
    313               <tbl:header
    314                 subclass="check"
    315                 visible="<%=mode.hasCheck()%>"
    316                 ><base:icon
    317                   subclass="link table-check"
    318                   image="check_uncheck.png"
    319                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    320                   visible="<%=lastRow%>"
    321                 /></tbl:header>
    322               <tbl:header
    323                 subclass="check"
    324                 visible="<%=mode.hasRadio()%>"
    325                 />
    326               <tbl:header
    327                 subclass="icons"
    328                 visible="<%=mode.hasIcons()%>"
    329                 >
    330                 <base:icon
    331                   subclass="link table-filter-row-action"
    332                   image="add.png"
    333                   tooltip="Add extra filter row"
    334                   visible="<%=lastRow%>"
    335                 /><base:icon
    336                   subclass="link table-filter-row-action"
    337                   image="remove.png"
    338                   tooltip="Remove this filter row"
    339                   visible="<%=numRows > 1 || numFilters > 0 %>"
    340                   data-remove-row="<%=filterNo%>"
    341                 />
     313              <tbl:header subclass="row-index bg-filled-100">
     314                <div class="index-<%=mode.getName()%>">
     315                  <div class="index"></div>
     316                  <div class="check">
     317                    <base:icon
     318                      subclass="link table-check"
     319                      image="check_uncheck.png"
     320                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     321                      visible="<%=lastRow && mode.hasCheck()%>"
     322                    />
     323                  </div>
     324                  <div class="icons">
     325                    <base:icon
     326                      subclass="link table-filter-row-action"
     327                      image="add.png"
     328                      tooltip="Add extra filter row"
     329                      visible="<%=lastRow%>"
     330                    /><base:icon
     331                      subclass="link table-filter-row-action"
     332                      image="remove.png"
     333                      tooltip="Remove this filter row"
     334                      visible="<%=numRows > 1 || numFilters > 0 %>"
     335                      data-remove-row="<%=filterNo%>"
     336                    />
     337                  </div>
     338                </div>
    342339              </tbl:header>
    343340              <tbl:propertyfilter row="<%=filterNo%>" />
     
    379376              %>
    380377              <tbl:row>
    381                 <tbl:header
    382                   clazz="index"
    383                   ><%=index%></tbl:header>
    384                 <tbl:header
    385                   clazz="check"
    386                   visible="<%=mode.hasCheck()%>"
    387                   ><input
    388                     type="checkbox"
    389                     name="<%=itemId%>"
    390                     value="<%=itemId%>"
    391                     title="<%=name%>"
    392                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    393                   ></tbl:header>
    394                 <tbl:header
    395                   clazz="check"
    396                   visible="<%=mode.hasRadio()%>"
    397                   ><input
    398                     type="radio"
    399                     name="item_id"
    400                     value="<%=itemId%>"
    401                     title="<%=name%>"
    402                     <%=selectedItemId == itemId ? "checked" : ""%>
    403                   ></tbl:header>
    404                 <tbl:header
    405                   clazz="icons"
    406                   visible="<%=mode.hasIcons()%>"
    407                   ><base:icon
    408                     image="deleted.png"
    409                     id="<%="delete."+itemId %>"
    410                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    411                     data-item-id="<%=itemId%>"
    412                     tooltip="This item has been scheduled for deletion"
    413                     visible="<%=item.isRemoved()%>"
    414                   /><base:icon
    415                     image="shared.png"
    416                     id="<%="share."+itemId %>"
    417                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    418                     data-item-id="<%=itemId%>"
    419                     tooltip="This item is shared to other users, groups and/or projects"
    420                     visible="<%=item.isShared()%>"
    421                   />&nbsp;</tbl:header>
     378                <tbl:header clazz="row-index bg-filled-100">
     379                  <div class="index-<%=mode.getName()%>">
     380                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     381                    <div class="check">
     382                      <base:input
     383                        type="checkbox"
     384                        name="<%=itemId%>"
     385                        value="<%=itemId%>"
     386                        title="<%=name%>"
     387                        checked="<%=cc.getSelected().contains(itemId)%>"
     388                        visible="<%=mode.hasCheck()%>"
     389                      />
     390                      <base:input
     391                        type="radio"
     392                        name="item_id"
     393                        value="<%=itemId%>"
     394                        title="<%=name%>"
     395                        checked="<%=selectedItemId == itemId%>"
     396                        visible="<%=mode.hasRadio()%>"
     397                      />
     398                    </div>
     399                    <div class="icons">
     400                      <base:icon
     401                        image="deleted.png"
     402                        id="<%="delete."+itemId %>"
     403                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     404                        data-item-id="<%=itemId%>"
     405                        tooltip="This item has been scheduled for deletion"
     406                        visible="<%=item.isRemoved()%>"
     407                      /><base:icon
     408                        image="shared.png"
     409                        id="<%="share."+itemId %>"
     410                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     411                        data-item-id="<%=itemId%>"
     412                        tooltip="This item is shared to other users, groups and/or projects"
     413                        visible="<%=item.isShared()%>"
     414                      />
     415                    </div>
     416                  </div>
     417                </tbl:header>
    422418                <tbl:cell column="name"><div
    423419                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.