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/reporters/list_reporters.jsp

    r7932 r7938  
    154154      subcontext="<%=subContext%>"
    155155      filterrows="<%=cc.getFilterRows()%>"
    156       subclass="fulltable sticky-headers"
     156      subclass="fulltable"
     157      stickyheaders="cln.externalId"
    157158      >
    158159      <tbl:hidden
     
    261262        <tbl:headers>
    262263          <tbl:headerrow>
    263             <tbl:header colspan="3" />
     264            <tbl:header clazz="row-index bg-filled-100" />
    264265            <tbl:columnheaders />
    265266          </tbl:headerrow>
     
    272273            %>
    273274            <tbl:headerrow>
    274               <tbl:header subclass="index" />
    275               <tbl:header
    276                 subclass="check"
    277                 visible="<%=mode.hasCheck()%>"
    278                 ><base:icon
    279                   subclass="link table-check"
    280                   image="check_uncheck.png"
    281                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    282                   visible="<%=lastRow%>"
    283                 /></tbl:header>
    284               <tbl:header
    285                 subclass="check"
    286                 visible="<%=mode.hasRadio()%>"
    287                 />
    288               <tbl:header
    289                 subclass="icons"
    290                 visible="<%=mode.hasIcons()%>"
    291                 >
    292                 <base:icon
    293                   subclass="link table-filter-row-action"
    294                   image="add.png"
    295                   tooltip="Add extra filter row"
    296                   visible="<%=lastRow%>"
    297                 /><base:icon
    298                   subclass="link table-filter-row-action"
    299                   image="remove.png"
    300                   tooltip="Remove this filter row"
    301                   visible="<%=numRows > 1 || numFilters > 0 %>"
    302                   data-remove-row="<%=filterNo%>"
    303                 />
     275              <tbl:header subclass="row-index bg-filled-100">
     276                <div class="index-<%=mode.getName()%>">
     277                  <div class="index"></div>
     278                  <div class="check">
     279                    <base:icon
     280                      subclass="link table-check"
     281                      image="check_uncheck.png"
     282                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     283                      visible="<%=lastRow && mode.hasCheck()%>"
     284                    />
     285                  </div>
     286                  <div class="icons">
     287                    <base:icon
     288                      subclass="link table-filter-row-action"
     289                      image="add.png"
     290                      tooltip="Add extra filter row"
     291                      visible="<%=lastRow%>"
     292                    /><base:icon
     293                      subclass="link table-filter-row-action"
     294                      image="remove.png"
     295                      tooltip="Remove this filter row"
     296                      visible="<%=numRows > 1 || numFilters > 0 %>"
     297                      data-remove-row="<%=filterNo%>"
     298                    />
     299                  </div>
     300                </div>
    304301              </tbl:header>
    305302              <tbl:propertyfilter row="<%=filterNo%>" />
     
    339336              %>
    340337              <tbl:row>
    341                 <tbl:header
    342                   clazz="index"
    343                   ><%=index%></tbl:header>
    344                 <tbl:header
    345                   clazz="check"
    346                   visible="<%=mode.hasCheck()%>"
    347                   ><input
    348                     type="checkbox"
    349                     name="<%=itemId%>"
    350                     value="<%=itemId%>"
    351                     title="<%=name%>"
    352                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    353                   ></tbl:header>
    354                 <tbl:header clazz="icons" visible="<%=mode.hasIcons()%>" />
     338                <tbl:header clazz="row-index bg-filled-100">
     339                  <div class="index-<%=mode.getName()%>">
     340                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     341                    <div class="check">
     342                      <base:input
     343                        type="checkbox"
     344                        name="<%=itemId%>"
     345                        value="<%=itemId%>"
     346                        title="<%=name%>"
     347                        checked="<%=cc.getSelected().contains(itemId)%>"
     348                        visible="<%=mode.hasCheck()%>"
     349                      />
     350                    </div>
     351                    <div class="icons"></div>
     352                  </div>
     353                </tbl:header>
    355354
    356355                <tbl:cell column="upToDate" visible="<%=hasUpToDateColumn %>">
Note: See TracChangeset for help on using the changeset viewer.