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/permissiontemplates/list_templates.jsp

    r7932 r7938  
    113113      item="<%=itemType%>"
    114114      filterrows="<%=cc.getFilterRows()%>"
    115       subclass="fulltable sticky-headers"
     115      subclass="fulltable"
     116      stickyheaders="name"
    116117      >
    117118      <tbl:hidden
     
    260261        <tbl:headers>
    261262          <tbl:headerrow>
    262             <tbl:header colspan="3" />
     263            <tbl:header clazz="row-index bg-filled-100" />
    263264            <tbl:columnheaders />
    264265          </tbl:headerrow>
     
    271272            %>
    272273            <tbl:headerrow>
    273               <tbl:header subclass="index" />
    274               <tbl:header
    275                 subclass="check"
    276                 visible="<%=mode.hasCheck()%>"
    277                 ><base:icon
    278                   subclass="link table-check"
    279                   image="check_uncheck.png"
    280                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    281                   visible="<%=lastRow%>"
    282                 /></tbl:header>
    283               <tbl:header
    284                 subclass="check"
    285                 visible="<%=mode.hasRadio()%>"
    286                 />
    287               <tbl:header
    288                 subclass="icons"
    289                 visible="<%=mode.hasIcons()%>"
    290                 >
    291                 <base:icon
    292                   subclass="link table-filter-row-action"
    293                   image="add.png"
    294                   tooltip="Add extra filter row"
    295                   visible="<%=lastRow%>"
    296                 /><base:icon
    297                   subclass="link table-filter-row-action"
    298                   image="remove.png"
    299                   tooltip="Remove this filter row"
    300                   visible="<%=numRows > 1 || numFilters > 0 %>"
    301                   data-remove-row="<%=filterNo%>"
    302                 />
     274              <tbl:header subclass="row-index bg-filled-100">
     275                <div class="index-<%=mode.getName()%>">
     276                  <div class="index"></div>
     277                  <div class="check">
     278                    <base:icon
     279                      subclass="link table-check"
     280                      image="check_uncheck.png"
     281                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     282                      visible="<%=lastRow && mode.hasCheck()%>"
     283                    />
     284                  </div>
     285                  <div class="icons">
     286                    <base:icon
     287                      subclass="link table-filter-row-action"
     288                      image="add.png"
     289                      tooltip="Add extra filter row"
     290                      visible="<%=lastRow%>"
     291                    /><base:icon
     292                      subclass="link table-filter-row-action"
     293                      image="remove.png"
     294                      tooltip="Remove this filter row"
     295                      visible="<%=numRows > 1 || numFilters > 0 %>"
     296                      data-remove-row="<%=filterNo%>"
     297                    />
     298                  </div>
     299                </div>
    303300              </tbl:header>
    304301              <tbl:propertyfilter row="<%=filterNo%>" />
     
    340337              %>
    341338              <tbl:row>
    342                 <tbl:header
    343                   clazz="index"
    344                   ><%=index%></tbl:header>
    345                 <tbl:header
    346                   clazz="check"
    347                   visible="<%=mode.hasCheck()%>"
    348                   ><input
    349                     type="checkbox"
    350                     name="<%=itemId%>"
    351                     value="<%=itemId%>"
    352                     title="<%=name%>"
    353                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    354                   ></tbl:header>
    355                 <tbl:header
    356                   clazz="check"
    357                   visible="<%=mode.hasRadio()%>"
    358                   ><input
    359                     type="radio"
    360                     name="item_id"
    361                     value="<%=itemId%>"
    362                     title="<%=name%>"
    363                     <%=selectedItemId == itemId ? "checked" : ""%>
    364                   ></tbl:header>
    365                 <tbl:header
    366                   clazz="icons"
    367                   visible="<%=mode.hasIcons()%>"
    368                   ><base:icon
    369                     image="deleted.png"
    370                     id="<%="delete."+itemId %>"
    371                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    372                     data-item-id="<%=itemId%>"
    373                     tooltip="This item has been scheduled for deletion"
    374                     visible="<%=item.isRemoved()%>"
    375                   /><base:icon
    376                     image="shared.png"
    377                     id="<%="share."+itemId %>"
    378                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    379                     data-item-id="<%=itemId%>"
    380                     tooltip="This item is shared to other users, groups and/or projects"
    381                     visible="<%=item.isShared()%>"
    382                   />&nbsp;</tbl:header>
     339                <tbl:header clazz="row-index bg-filled-100">
     340                  <div class="index-<%=mode.getName()%>">
     341                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     342                    <div class="check">
     343                      <base:input
     344                        type="checkbox"
     345                        name="<%=itemId%>"
     346                        value="<%=itemId%>"
     347                        title="<%=name%>"
     348                        checked="<%=cc.getSelected().contains(itemId)%>"
     349                        visible="<%=mode.hasCheck()%>"
     350                      />
     351                      <base:input
     352                        type="radio"
     353                        name="item_id"
     354                        value="<%=itemId%>"
     355                        title="<%=name%>"
     356                        checked="<%=selectedItemId == itemId%>"
     357                        visible="<%=mode.hasRadio()%>"
     358                      />
     359                    </div>
     360                    <div class="icons">
     361                      <base:icon
     362                        image="deleted.png"
     363                        id="<%="delete."+itemId %>"
     364                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     365                        data-item-id="<%=itemId%>"
     366                        tooltip="This item has been scheduled for deletion"
     367                        visible="<%=item.isRemoved()%>"
     368                      /><base:icon
     369                        image="shared.png"
     370                        id="<%="share."+itemId %>"
     371                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     372                        data-item-id="<%=itemId%>"
     373                        tooltip="This item is shared to other users, groups and/or projects"
     374                        visible="<%=item.isShared()%>"
     375                      />
     376                    </div>
     377                  </div>
     378                </tbl:header>
    383379                <tbl:cell column="name"><div
    384380                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.