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/sessions/list_sessions.jsp

    r7932 r7938  
    121121      item="<%=itemType%>"
    122122      filterrows="<%=cc.getFilterRows()%>"
    123       subclass="fulltable sticky-headers"
     123      subclass="fulltable"
     124      stickyheaders="loginTime"
    124125      >
    125126      <tbl:hidden
     
    286287        <tbl:headers>
    287288          <tbl:headerrow>
    288             <tbl:header colspan="3" />
     289            <tbl:header clazz="row-index bg-filled-100" />
    289290            <tbl:columnheaders />
    290291          </tbl:headerrow>
     
    297298            %>
    298299            <tbl:headerrow>
    299               <tbl:header subclass="index" />
    300               <tbl:header
    301                 subclass="check"
    302                 visible="<%=mode.hasCheck()%>"
    303                 ><base:icon
    304                   subclass="link table-check"
    305                   image="check_uncheck.png"
    306                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    307                   visible="<%=lastRow%>"
    308                 /></tbl:header>
    309               <tbl:header
    310                 subclass="check"
    311                 visible="<%=mode.hasRadio()%>"
    312                 />
    313               <tbl:header
    314                 subclass="icons"
    315                 visible="<%=mode.hasIcons()%>"
    316                 >
    317                 <base:icon
    318                   subclass="link table-filter-row-action"
    319                   image="add.png"
    320                   tooltip="Add extra filter row"
    321                   visible="<%=lastRow%>"
    322                 /><base:icon
    323                   subclass="link table-filter-row-action"
    324                   image="remove.png"
    325                   tooltip="Remove this filter row"
    326                   visible="<%=numRows > 1 || numFilters > 0 %>"
    327                   data-remove-row="<%=filterNo%>"
    328                 />
     300              <tbl:header subclass="row-index bg-filled-100">
     301                <div class="index-<%=mode.getName()%>">
     302                  <div class="index"></div>
     303                  <div class="check">
     304                    <base:icon
     305                      subclass="link table-check"
     306                      image="check_uncheck.png"
     307                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     308                      visible="<%=lastRow && mode.hasCheck()%>"
     309                    />
     310                  </div>
     311                  <div class="icons">
     312                    <base:icon
     313                      subclass="link table-filter-row-action"
     314                      image="add.png"
     315                      tooltip="Add extra filter row"
     316                      visible="<%=lastRow%>"
     317                    /><base:icon
     318                      subclass="link table-filter-row-action"
     319                      image="remove.png"
     320                      tooltip="Remove this filter row"
     321                      visible="<%=numRows > 1 || numFilters > 0 %>"
     322                      data-remove-row="<%=filterNo%>"
     323                    />
     324                  </div>
     325                </div>
    329326              </tbl:header>
    330327              <tbl:propertyfilter row="<%=filterNo%>" />
     
    361358              %>
    362359              <tbl:row>
    363                 <tbl:header
    364                   clazz="index"
    365                   ><%=index%></tbl:header>
    366                 <tbl:header
    367                   clazz="check"
    368                   visible="<%=mode.hasCheck()%>"
    369                   ><input
    370                     type="checkbox"
    371                     name="<%=itemId%>"
    372                     value="<%=itemId%>"
    373                     title="<%=name%>"
    374                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    375                   ></tbl:header>
    376                 <tbl:header
    377                   clazz="check"
    378                   visible="<%=mode.hasRadio()%>"
    379                   ><input
    380                     type="radio"
    381                     name="item_id"
    382                     value="<%=itemId%>"
    383                     title="<%=name%>"
    384                     <%=selectedItemId == itemId ? "checked" : ""%>
    385                   ></tbl:header>
    386                 <tbl:header
    387                   clazz="icons"
    388                   visible="<%=mode.hasIcons()%>"
    389                   >&nbsp;</tbl:header>
     360                <tbl:header clazz="row-index bg-filled-100">
     361                  <div class="index-<%=mode.getName()%>">
     362                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     363                    <div class="check">
     364                      <base:input
     365                        type="checkbox"
     366                        name="<%=itemId%>"
     367                        value="<%=itemId%>"
     368                        title="<%=name%>"
     369                        checked="<%=cc.getSelected().contains(itemId)%>"
     370                        visible="<%=mode.hasCheck()%>"
     371                      />
     372                      <base:input
     373                        type="radio"
     374                        name="item_id"
     375                        value="<%=itemId%>"
     376                        title="<%=name%>"
     377                        checked="<%=selectedItemId == itemId%>"
     378                        visible="<%=mode.hasRadio()%>"
     379                      />
     380                    </div>
     381                    <div class="icons"></div>
     382                  </div>
     383                </tbl:header>
    390384                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
    391385                <tbl:cell column="loginTime"><div
Note: See TracChangeset for help on using the changeset viewer.