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/jobs/list_jobs.jsp

    r7932 r7938  
    165165      item="<%=itemType%>"
    166166      filterrows="<%=cc.getFilterRows()%>"
    167       subclass="fulltable sticky-headers"
     167      subclass="fulltable"
     168      stickyheaders="name"
    168169      >
    169170      <tbl:hidden
     
    530531        <tbl:headers>
    531532          <tbl:headerrow>
    532             <tbl:header colspan="3" />
     533            <tbl:header clazz="row-index bg-filled-100" />
    533534            <tbl:columnheaders />
    534535          </tbl:headerrow>
     
    541542            %>
    542543            <tbl:headerrow>
    543               <tbl:header subclass="index" />
    544               <tbl:header
    545                 subclass="check"
    546                 visible="<%=mode.hasCheck()%>"
    547                 ><base:icon
    548                   subclass="link table-check"
    549                   image="check_uncheck.png"
    550                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    551                   visible="<%=lastRow%>"
    552                 /></tbl:header>
    553               <tbl:header
    554                 subclass="check"
    555                 visible="<%=mode.hasRadio()%>"
    556                 />
    557               <tbl:header
    558                 subclass="icons"
    559                 visible="<%=mode.hasIcons()%>"
    560                 >
    561                 <base:icon
    562                   subclass="link table-filter-row-action"
    563                   image="add.png"
    564                   tooltip="Add extra filter row"
    565                   visible="<%=lastRow%>"
    566                 /><base:icon
    567                   subclass="link table-filter-row-action"
    568                   image="remove.png"
    569                   tooltip="Remove this filter row"
    570                   visible="<%=numRows > 1 || numFilters > 0 %>"
    571                   data-remove-row="<%=filterNo%>"
    572                 />
     544              <tbl:header subclass="row-index bg-filled-100">
     545                <div class="index-<%=mode.getName()%>">
     546                  <div class="index"></div>
     547                  <div class="check">
     548                    <base:icon
     549                      subclass="link table-check"
     550                      image="check_uncheck.png"
     551                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     552                      visible="<%=lastRow && mode.hasCheck()%>"
     553                    />
     554                  </div>
     555                  <div class="icons">
     556                    <base:icon
     557                      subclass="link table-filter-row-action"
     558                      image="add.png"
     559                      tooltip="Add extra filter row"
     560                      visible="<%=lastRow%>"
     561                    /><base:icon
     562                      subclass="link table-filter-row-action"
     563                      image="remove.png"
     564                      tooltip="Remove this filter row"
     565                      visible="<%=numRows > 1 || numFilters > 0 %>"
     566                      data-remove-row="<%=filterNo%>"
     567                    />
     568                  </div>
     569                </div>
    573570              </tbl:header>
    574571              <tbl:propertyfilter row="<%=filterNo%>" />
     
    603600             
    604601              boolean deletePermission = item.hasPermission(Permission.DELETE);
     602              boolean sharePermission = item.hasPermission(Permission.SET_PERMISSION);
    605603              index++;
    606604              numListed++;
     
    627625              %>
    628626              <tbl:row>
    629                 <tbl:header
    630                   clazz="index"
    631                   ><%=index%></tbl:header>
    632                 <tbl:header
    633                   clazz="check"
    634                   visible="<%=mode.hasCheck()%>"
    635                   ><input
    636                     type="checkbox"
    637                     name="<%=itemId%>"
    638                     value="<%=itemId%>"
    639                     title="<%=name%>"
    640                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    641                   ></tbl:header>
    642                 <tbl:header
    643                   clazz="check"
    644                   visible="<%=mode.hasRadio()%>"
    645                   ><input
    646                     type="radio"
    647                     name="item_id"
    648                     value="<%=itemId%>"
    649                     title="<%=name%>"
    650                     <%=selectedItemId == itemId ? "checked" : ""%>
    651                   ></tbl:header>
    652                 <tbl:header
    653                   clazz="icons"
    654                   visible="<%=mode.hasIcons()%>"
    655                   ><base:icon
    656                     image="deleted.png"
    657                     id="<%="delete."+itemId %>"
    658                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    659                     data-item-id="<%=itemId%>"
    660                     tooltip="This item has been scheduled for deletion"
    661                     visible="<%=item.isRemoved()%>"
    662                   />&nbsp;</tbl:header>
     627                <tbl:header clazz="row-index bg-filled-100">
     628                  <div class="index-<%=mode.getName()%>">
     629                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     630                    <div class="check">
     631                      <base:input
     632                        type="checkbox"
     633                        name="<%=itemId%>"
     634                        value="<%=itemId%>"
     635                        title="<%=name%>"
     636                        checked="<%=cc.getSelected().contains(itemId)%>"
     637                        visible="<%=mode.hasCheck()%>"
     638                      />
     639                      <base:input
     640                        type="radio"
     641                        name="item_id"
     642                        value="<%=itemId%>"
     643                        title="<%=name%>"
     644                        checked="<%=selectedItemId == itemId%>"
     645                        visible="<%=mode.hasRadio()%>"
     646                      />
     647                    </div>
     648                    <div class="icons">
     649                      <base:icon
     650                        image="deleted.png"
     651                        id="<%="delete."+itemId %>"
     652                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     653                        data-item-id="<%=itemId%>"
     654                        tooltip="This item has been scheduled for deletion"
     655                        visible="<%=item.isRemoved()%>"
     656                      /><base:icon
     657                        image="shared.png"
     658                        id="<%="share."+itemId %>"
     659                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     660                        data-item-id="<%=itemId%>"
     661                        tooltip="This item is shared to other users, groups and/or projects"
     662                        visible="<%=item.isShared()%>"
     663                      />
     664                    </div>
     665                  </div>
     666                </tbl:header>
    663667                <tbl:cell column="name"><div
    664668                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.