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/devices/list_devices.jsp

    r7932 r7938  
    118118      item="<%=itemType%>"
    119119      filterrows="<%=cc.getFilterRows()%>"
    120       subclass="fulltable sticky-headers"
     120      subclass="fulltable"
     121      stickyheaders="name"
    121122      >
    122123      <tbl:hidden
     
    290291        <tbl:headers>
    291292          <tbl:headerrow>
    292             <tbl:header colspan="3" />
     293            <tbl:header clazz="row-index bg-filled-100" />
    293294            <tbl:columnheaders />
    294295          </tbl:headerrow>
     
    301302            %>
    302303            <tbl:headerrow>
    303               <tbl:header subclass="index" />
    304               <tbl:header
    305                 subclass="check"
    306                 visible="<%=mode.hasCheck()%>"
    307                 ><base:icon
    308                   subclass="link table-check"
    309                   image="check_uncheck.png"
    310                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    311                   visible="<%=lastRow%>"
    312                 /></tbl:header>
    313               <tbl:header
    314                 subclass="check"
    315                 visible="<%=mode.hasRadio()%>"
    316                 />
    317               <tbl:header
    318                 subclass="icons"
    319                 visible="<%=mode.hasIcons()%>"
    320                 >
    321                 <base:icon
    322                   subclass="link table-filter-row-action"
    323                   image="add.png"
    324                   tooltip="Add extra filter row"
    325                   visible="<%=lastRow%>"
    326                 /><base:icon
    327                   subclass="link table-filter-row-action"
    328                   image="remove.png"
    329                   tooltip="Remove this filter row"
    330                   visible="<%=numRows > 1 || numFilters > 0 %>"
    331                   data-remove-row="<%=filterNo%>"
    332                 />
     304              <tbl:header subclass="row-index bg-filled-100">
     305                <div class="index-<%=mode.getName()%>">
     306                  <div class="index"></div>
     307                  <div class="check">
     308                    <base:icon
     309                      subclass="link table-check"
     310                      image="check_uncheck.png"
     311                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     312                      visible="<%=lastRow && mode.hasCheck()%>"
     313                    />
     314                  </div>
     315                  <div class="icons">
     316                    <base:icon
     317                      subclass="link table-filter-row-action"
     318                      image="add.png"
     319                      tooltip="Add extra filter row"
     320                      visible="<%=lastRow%>"
     321                    /><base:icon
     322                      subclass="link table-filter-row-action"
     323                      image="remove.png"
     324                      tooltip="Remove this filter row"
     325                      visible="<%=numRows > 1 || numFilters > 0 %>"
     326                      data-remove-row="<%=filterNo%>"
     327                    />
     328                  </div>
     329                </div>
    333330              </tbl:header>
    334331              <tbl:propertyfilter row="<%=filterNo%>" />
     
    369366              %>
    370367              <tbl:row>
    371                 <tbl:header
    372                   clazz="index"
    373                   ><%=index%></tbl:header>
    374                 <tbl:header
    375                   clazz="check"
    376                   visible="<%=mode.hasCheck()%>"
    377                   ><input
    378                     type="checkbox"
    379                     name="<%=itemId%>"
    380                     value="<%=itemId%>"
    381                     title="<%=name%>"
    382                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    383                   ></tbl:header>
    384                 <tbl:header
    385                   clazz="check"
    386                   visible="<%=mode.hasRadio()%>"
    387                   ><input
    388                     type="radio"
    389                     name="item_id"
    390                     value="<%=itemId%>"
    391                     title="<%=name%>"
    392                     <%=selectedItemId == itemId ? "checked" : ""%>
    393                   ></tbl:header>
    394                 <tbl:header
    395                   clazz="icons"
    396                   visible="<%=mode.hasIcons()%>"
    397                   ><base:icon
    398                     image="star.png"
    399                     tooltip="This is the current device"
    400                     visible="<%=itemId == currentDeviceId%>"
    401                   />&nbsp;</tbl:header>
     368                <tbl:header clazz="row-index bg-filled-100">
     369                  <div class="index-<%=mode.getName()%>">
     370                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     371                    <div class="check">
     372                      <base:input
     373                        type="checkbox"
     374                        name="<%=itemId%>"
     375                        value="<%=itemId%>"
     376                        title="<%=name%>"
     377                        checked="<%=cc.getSelected().contains(itemId)%>"
     378                        visible="<%=mode.hasCheck()%>"
     379                      />
     380                      <base:input
     381                        type="radio"
     382                        name="item_id"
     383                        value="<%=itemId%>"
     384                        title="<%=name%>"
     385                        checked="<%=selectedItemId == itemId%>"
     386                        visible="<%=mode.hasRadio()%>"
     387                      />
     388                    </div>
     389                    <div class="icons">
     390                      <base:icon
     391                        image="star.png"
     392                        tooltip="This is the current device"
     393                        visible="<%=itemId == currentDeviceId%>"
     394                      />
     395                    </div>
     396                  </div>
     397                </tbl:header>
    402398                <tbl:cell column="name"><div
    403399                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.