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/formulas/list_formulas.jsp

    r7932 r7938  
    156156      item="<%=itemType%>"
    157157      filterrows="<%=cc.getFilterRows()%>"
    158       subclass="fulltable sticky-headers"
     158      subclass="fulltable"
     159      stickyheaders="name"
    159160      >
    160161      <tbl:hidden
     
    446447        <tbl:headers>
    447448          <tbl:headerrow>
    448             <tbl:header colspan="3" />
     449            <tbl:header clazz="row-index bg-filled-100" />
    449450            <tbl:columnheaders />
    450451          </tbl:headerrow>
     
    457458            %>
    458459            <tbl:headerrow>
    459               <tbl:header subclass="index" />
    460               <tbl:header
    461                 subclass="check"
    462                 visible="<%=mode.hasCheck()%>"
    463                 ><base:icon
    464                   subclass="link table-check"
    465                   image="check_uncheck.png"
    466                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    467                   visible="<%=lastRow%>"
    468                 /></tbl:header>
    469               <tbl:header
    470                 subclass="check"
    471                 visible="<%=mode.hasRadio()%>"
    472                 />
    473               <tbl:header
    474                 subclass="icons"
    475                 visible="<%=mode.hasIcons()%>"
    476                 >
    477                 <base:icon
    478                   subclass="link table-filter-row-action"
    479                   image="add.png"
    480                   tooltip="Add extra filter row"
    481                   visible="<%=lastRow%>"
    482                 /><base:icon
    483                   subclass="link table-filter-row-action"
    484                   image="remove.png"
    485                   tooltip="Remove this filter row"
    486                   visible="<%=numRows > 1 || numFilters > 0 %>"
    487                   data-remove-row="<%=filterNo%>"
    488                 />
     460              <tbl:header subclass="row-index bg-filled-100">
     461                <div class="index-<%=mode.getName()%>">
     462                  <div class="index"></div>
     463                  <div class="check">
     464                    <base:icon
     465                      subclass="link table-check"
     466                      image="check_uncheck.png"
     467                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     468                      visible="<%=lastRow && mode.hasCheck()%>"
     469                    />
     470                  </div>
     471                  <div class="icons">
     472                    <base:icon
     473                      subclass="link table-filter-row-action"
     474                      image="add.png"
     475                      tooltip="Add extra filter row"
     476                      visible="<%=lastRow%>"
     477                    /><base:icon
     478                      subclass="link table-filter-row-action"
     479                      image="remove.png"
     480                      tooltip="Remove this filter row"
     481                      visible="<%=numRows > 1 || numFilters > 0 %>"
     482                      data-remove-row="<%=filterNo%>"
     483                    />
     484                  </div>
     485                </div>
    489486              </tbl:header>
    490487              <tbl:propertyfilter row="<%=filterNo%>" />
     
    528525              %>
    529526              <tbl:row>
    530                 <tbl:header
    531                   clazz="index"
    532                   ><%=index%></tbl:header>
    533                 <tbl:header
    534                   clazz="check"
    535                   visible="<%=mode.hasCheck()%>"
    536                   ><input
    537                     type="checkbox"
    538                     name="<%=itemId%>"
    539                     value="<%=itemId%>"
    540                     title="<%=name%>"
    541                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    542                   ></tbl:header>
    543                 <tbl:header
    544                   clazz="check"
    545                   visible="<%=mode.hasRadio()%>"
    546                   ><input
    547                     type="radio"
    548                     name="item_id"
    549                     value="<%=itemId%>"
    550                     title="<%=name%>"
    551                     <%=selectedItemId == itemId ? "checked" : ""%>
    552                   ></tbl:header>
    553                 <tbl:header
    554                   clazz="icons"
    555                   visible="<%=mode.hasIcons()%>"
    556                   ><base:icon
    557                     image="deleted.png"
    558                     id="<%="delete."+itemId %>"
    559                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    560                     data-item-id="<%=itemId%>"
    561                     tooltip="This item has been scheduled for deletion"
    562                     visible="<%=item.isRemoved()%>"
    563                   /><base:icon
    564                     image="shared.png"
    565                     id="<%="share."+itemId %>"
    566                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    567                     data-item-id="<%=itemId%>"
    568                     tooltip="This item is shared to other users, groups and/or projects"
    569                     visible="<%=item.isShared()%>"
    570                   />&nbsp;</tbl:header>
     527                <tbl:header clazz="row-index bg-filled-100">
     528                  <div class="index-<%=mode.getName()%>">
     529                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     530                    <div class="check">
     531                      <base:input
     532                        type="checkbox"
     533                        name="<%=itemId%>"
     534                        value="<%=itemId%>"
     535                        title="<%=name%>"
     536                        checked="<%=cc.getSelected().contains(itemId)%>"
     537                        visible="<%=mode.hasCheck()%>"
     538                      />
     539                      <base:input
     540                        type="radio"
     541                        name="item_id"
     542                        value="<%=itemId%>"
     543                        title="<%=name%>"
     544                        checked="<%=selectedItemId == itemId%>"
     545                        visible="<%=mode.hasRadio()%>"
     546                      />
     547                    </div>
     548                    <div class="icons">
     549                      <base:icon
     550                        image="deleted.png"
     551                        id="<%="delete."+itemId %>"
     552                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     553                        data-item-id="<%=itemId%>"
     554                        tooltip="This item has been scheduled for deletion"
     555                        visible="<%=item.isRemoved()%>"
     556                      /><base:icon
     557                        image="shared.png"
     558                        id="<%="share."+itemId %>"
     559                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     560                        data-item-id="<%=itemId%>"
     561                        tooltip="This item is shared to other users, groups and/or projects"
     562                        visible="<%=item.isShared()%>"
     563                      />
     564                    </div>
     565                  </div>
     566                </tbl:header>
    571567                <tbl:cell column="name"><div
    572568                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.