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

    r7932 r7938  
    131131      item="<%=itemType%>"
    132132      filterrows="<%=cc.getFilterRows() %>"
    133       subclass="fulltable sticky-headers"
     133      subclass="fulltable"
     134      stickyheaders="name"
    134135      >
    135136      <tbl:hidden
     
    348349        <tbl:headers>
    349350          <tbl:headerrow>
    350             <tbl:header colspan="3" />
     351            <tbl:header clazz="row-index bg-filled-100" />
    351352            <tbl:columnheaders />
    352353          </tbl:headerrow>
     
    359360            %>
    360361            <tbl:headerrow>
    361               <tbl:header subclass="index" />
    362               <tbl:header
    363                 subclass="check"
    364                 visible="<%=mode.hasCheck()%>"
    365                 ><base:icon
    366                   subclass="link table-check"
    367                   image="check_uncheck.png"
    368                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    369                   visible="<%=lastRow%>"
    370                 /></tbl:header>
    371               <tbl:header
    372                 subclass="check"
    373                 visible="<%=mode.hasRadio()%>"
    374                 />
    375               <tbl:header
    376                 subclass="icons"
    377                 visible="<%=mode.hasIcons()%>"
    378                 >
    379                 <base:icon
    380                   subclass="link table-filter-row-action"
    381                   image="add.png"
    382                   tooltip="Add extra filter row"
    383                   visible="<%=lastRow%>"
    384                 /><base:icon
    385                   subclass="link table-filter-row-action"
    386                   image="remove.png"
    387                   tooltip="Remove this filter row"
    388                   visible="<%=numRows > 1 || numFilters > 0 %>"
    389                   data-remove-row="<%=filterNo%>"
    390                 />
     362              <tbl:header subclass="row-index bg-filled-100">
     363                <div class="index-<%=mode.getName()%>">
     364                  <div class="index"></div>
     365                  <div class="check">
     366                    <base:icon
     367                      subclass="link table-check"
     368                      image="check_uncheck.png"
     369                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     370                      visible="<%=lastRow && mode.hasCheck()%>"
     371                    />
     372                  </div>
     373                  <div class="icons">
     374                    <base:icon
     375                      subclass="link table-filter-row-action"
     376                      image="add.png"
     377                      tooltip="Add extra filter row"
     378                      visible="<%=lastRow%>"
     379                    /><base:icon
     380                      subclass="link table-filter-row-action"
     381                      image="remove.png"
     382                      tooltip="Remove this filter row"
     383                      visible="<%=numRows > 1 || numFilters > 0 %>"
     384                      data-remove-row="<%=filterNo%>"
     385                    />
     386                  </div>
     387                </div>
    391388              </tbl:header>
    392389              <tbl:propertyfilter row="<%=filterNo%>" />
     
    423420              %>
    424421              <tbl:row>
    425                 <tbl:header
    426                   clazz="index"
    427                   ><%=index%></tbl:header>
    428                 <tbl:header
    429                   clazz="check"
    430                   visible="<%=mode.hasCheck()%>"
    431                   ><input
    432                     type="checkbox"
    433                     name="<%=itemId%>"
    434                     value="<%=itemId%>"
    435                     title="<%=name%>"
    436                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    437                   ></tbl:header>
    438                 <tbl:header
    439                   clazz="check"
    440                   visible="<%=mode.hasRadio()%>"
    441                   ><input
    442                     type="radio"
    443                     name="item_id"
    444                     value="<%=itemId%>"
    445                     title="<%=name%>"
    446                     <%=selectedItemId == itemId ? "checked" : ""%>
    447                   ></tbl:header>
    448                 <tbl:header
    449                   clazz="icons"
    450                   visible="<%=mode.hasIcons()%>"
    451                   >&nbsp;</tbl:header>
     422                <tbl:header clazz="row-index bg-filled-100">
     423                  <div class="index-<%=mode.getName()%>">
     424                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     425                    <div class="check">
     426                      <base:input
     427                        type="checkbox"
     428                        name="<%=itemId%>"
     429                        value="<%=itemId%>"
     430                        title="<%=name%>"
     431                        checked="<%=cc.getSelected().contains(itemId)%>"
     432                        visible="<%=mode.hasCheck()%>"
     433                      />
     434                      <base:input
     435                        type="radio"
     436                        name="item_id"
     437                        value="<%=itemId%>"
     438                        title="<%=name%>"
     439                        checked="<%=selectedItemId == itemId%>"
     440                        visible="<%=mode.hasRadio()%>"
     441                      />
     442                    </div>
     443                    <div class="icons"></div>
     444                  </div>
     445                </tbl:header>
    452446                <tbl:cell column="name"><div
    453447                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.