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/bioassays/list_bioassays.jsp

    r7932 r7938  
    202202      item="<%=itemType%>"
    203203      filterrows="<%=cc.getFilterRows()%>"
    204       subclass="fulltable sticky-headers"
     204      subclass="fulltable"
    205205      data-inherited-annotations="true"
     206      stickyheaders="name"
    206207      >
    207208      <tbl:hidden
     
    415416        <tbl:headers>
    416417          <tbl:headerrow>
    417             <tbl:header colspan="3" />
     418            <tbl:header clazz="row-index bg-filled-100" />
    418419            <tbl:columnheaders />
    419420          </tbl:headerrow>
     
    426427            %>
    427428            <tbl:headerrow>
    428               <tbl:header subclass="index" />
    429               <tbl:header
    430                 subclass="check"
    431                 visible="<%=mode.hasCheck()%>"
    432                 ><base:icon
    433                   subclass="link table-check"
    434                   image="check_uncheck.png"
    435                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    436                   visible="<%=lastRow%>"
    437                 /></tbl:header>
    438               <tbl:header
    439                 subclass="check"
    440                 visible="<%=mode.hasRadio()%>"
    441                 />
    442               <tbl:header
    443                 subclass="icons"
    444                 visible="<%=mode.hasIcons()%>"
    445                 >
    446                 <base:icon
    447                   subclass="link table-filter-row-action"
    448                   image="add.png"
    449                   tooltip="Add extra filter row"
    450                   visible="<%=lastRow%>"
    451                 /><base:icon
    452                   subclass="link table-filter-row-action"
    453                   image="remove.png"
    454                   tooltip="Remove this filter row"
    455                   visible="<%=numRows > 1 || numFilters > 0 %>"
    456                   data-remove-row="<%=filterNo%>"
    457                 />
     429              <tbl:header subclass="row-index bg-filled-100">
     430                <div class="index-<%=mode.getName()%>">
     431                  <div class="index"></div>
     432                  <div class="check">
     433                    <base:icon
     434                      subclass="link table-check"
     435                      image="check_uncheck.png"
     436                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     437                      visible="<%=lastRow && mode.hasCheck()%>"
     438                    />
     439                  </div>
     440                  <div class="icons">
     441                    <base:icon
     442                      subclass="link table-filter-row-action"
     443                      image="add.png"
     444                      tooltip="Add extra filter row"
     445                      visible="<%=lastRow%>"
     446                    /><base:icon
     447                      subclass="link table-filter-row-action"
     448                      image="remove.png"
     449                      tooltip="Remove this filter row"
     450                      visible="<%=numRows > 1 || numFilters > 0 %>"
     451                      data-remove-row="<%=filterNo%>"
     452                    />
     453                  </div>
     454                </div>
    458455              </tbl:header>
    459456              <tbl:propertyfilter row="<%=filterNo%>" />
     
    491488              %>
    492489              <tbl:row>
    493                 <tbl:header
    494                   clazz="index"
    495                   ><%=index%></tbl:header>
    496                 <tbl:header
    497                   clazz="check"
    498                   visible="<%=mode.hasCheck()%>"
    499                   ><input
    500                       type="checkbox"
    501                       name="<%=itemId%>"
    502                       value="<%=itemId%>"
    503                       title="<%=name%>"
    504                       <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    505                     ></tbl:header>
    506                 <tbl:header
    507                   clazz="check"
    508                   visible="<%=mode.hasRadio()%>"
    509                   ><input
    510                       type="radio"
    511                       name="item_id"
    512                       value="<%=itemId%>"
    513                       title="<%=name%>"
    514                       <%=selectedItemId == itemId ? "checked" : ""%>
    515                     ></tbl:header>
    516                 <tbl:header
    517                   clazz="icons"
    518                   visible="<%=mode.hasIcons()%>"
    519                   >&nbsp;</tbl:header>
     490                <tbl:header clazz="row-index bg-filled-100">
     491                  <div class="index-<%=mode.getName()%>">
     492                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     493                    <div class="check">
     494                      <base:input
     495                        type="checkbox"
     496                        name="<%=itemId%>"
     497                        value="<%=itemId%>"
     498                        title="<%=name%>"
     499                        checked="<%=cc.getSelected().contains(itemId)%>"
     500                        visible="<%=mode.hasCheck()%>"
     501                      />
     502                      <base:input
     503                        type="radio"
     504                        name="item_id"
     505                        value="<%=itemId%>"
     506                        title="<%=name%>"
     507                        checked="<%=selectedItemId == itemId%>"
     508                        visible="<%=mode.hasRadio()%>"
     509                      />
     510                    </div>
     511                    <div class="icons"></div>
     512                  </div>
     513                </tbl:header>
    520514                <tbl:cell column="name"><div
    521515                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.