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

    r7932 r7938  
    147147      item="<%=itemType%>"
    148148      filterrows="<%=cc.getFilterRows()%>"
    149       subclass="fulltable sticky-headers"
     149      subclass="fulltable"
     150      stickyheaders="name"
    150151      >
    151152      <tbl:hidden
     
    358359        <tbl:headers>
    359360          <tbl:headerrow>
    360             <tbl:header colspan="3" />
     361            <tbl:header clazz="row-index bg-filled-100" />
    361362            <tbl:columnheaders />
    362363          </tbl:headerrow>
     
    369370            %>
    370371            <tbl:headerrow>
    371               <tbl:header subclass="index" />
    372               <tbl:header
    373                 subclass="check"
    374                 visible="<%=mode.hasCheck()%>"
    375                 ><base:icon
    376                   subclass="link table-check"
    377                   image="check_uncheck.png"
    378                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    379                   visible="<%=lastRow%>"
    380                 /></tbl:header>
    381               <tbl:header
    382                 subclass="check"
    383                 visible="<%=mode.hasRadio()%>"
    384                 />
    385               <tbl:header
    386                 subclass="icons"
    387                 visible="<%=mode.hasIcons()%>"
    388                 >
    389                 <base:icon
    390                   subclass="link table-filter-row-action"
    391                   image="add.png"
    392                   tooltip="Add extra filter row"
    393                   visible="<%=lastRow%>"
    394                 /><base:icon
    395                   subclass="link table-filter-row-action"
    396                   image="remove.png"
    397                   tooltip="Remove this filter row"
    398                   visible="<%=numRows > 1 || numFilters > 0 %>"
    399                   data-remove-row="<%=filterNo%>"
    400                 />
     372              <tbl:header subclass="row-index bg-filled-100">
     373                <div class="index-<%=mode.getName()%>">
     374                  <div class="index"></div>
     375                  <div class="check">
     376                    <base:icon
     377                      subclass="link table-check"
     378                      image="check_uncheck.png"
     379                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     380                      visible="<%=lastRow && mode.hasCheck()%>"
     381                    />
     382                  </div>
     383                  <div class="icons">
     384                    <base:icon
     385                      subclass="link table-filter-row-action"
     386                      image="add.png"
     387                      tooltip="Add extra filter row"
     388                      visible="<%=lastRow%>"
     389                    /><base:icon
     390                      subclass="link table-filter-row-action"
     391                      image="remove.png"
     392                      tooltip="Remove this filter row"
     393                      visible="<%=numRows > 1 || numFilters > 0 %>"
     394                      data-remove-row="<%=filterNo%>"
     395                    />
     396                  </div>
     397                </div>
    401398              </tbl:header>
    402399              <tbl:propertyfilter row="<%=filterNo%>" />
     
    434431              %>
    435432              <tbl:row>
    436                 <tbl:header
    437                   clazz="index"
    438                   ><%=index%></tbl:header>
    439                 <tbl:header
    440                   clazz="check"
    441                   visible="<%=mode.hasCheck()%>"
    442                   ><input
    443                     type="checkbox"
    444                     name="<%=itemId%>"
    445                     value="<%=itemId%>"
    446                     title="<%=name%>"
    447                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    448                   ></tbl:header>
    449                 <tbl:header
    450                   clazz="check"
    451                   visible="<%=mode.hasRadio()%>"
    452                   ><input
    453                     type="radio"
    454                     name="item_id"
    455                     value="<%=itemId%>"
    456                     title="<%=name%>"
    457                     <%=selectedItemId == itemId ? "checked" : ""%>
    458                   ></tbl:header>
    459                 <tbl:header
    460                   clazz="icons"
    461                   visible="<%=mode.hasIcons()%>"
    462                   >&nbsp;</tbl:header>
     433                <tbl:header clazz="row-index bg-filled-100">
     434                  <div class="index-<%=mode.getName()%>">
     435                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     436                    <div class="check">
     437                      <base:input
     438                        type="checkbox"
     439                        name="<%=itemId%>"
     440                        value="<%=itemId%>"
     441                        title="<%=name%>"
     442                        checked="<%=cc.getSelected().contains(itemId)%>"
     443                        visible="<%=mode.hasCheck()%>"
     444                      />
     445                      <base:input
     446                        type="radio"
     447                        name="item_id"
     448                        value="<%=itemId%>"
     449                        title="<%=name%>"
     450                        checked="<%=selectedItemId == itemId%>"
     451                        visible="<%=mode.hasRadio()%>"
     452                      />
     453                    </div>
     454                    <div class="icons"></div>
     455                  </div>
     456                </tbl:header>
    463457                <tbl:cell column="name"><div
    464458                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.