Changeset 7937


Ignore:
Timestamp:
Apr 30, 2021, 12:57:18 PM (2 years ago)
Author:
Nicklas Nordborg
Message:

References #2246: Sticky table headers

Implemented for some more list pages.

Location:
branches/3.18-stable/www
Files:
9 edited

Legend:

Unmodified
Added
Removed

  • branches/3.18-stable/www/common/annotations/batch_inherit.jsp

    r7932 r7937  
    8181     
    8282    <div class="content">
    83       <tbl:table id="annotations" subclass="fulltable sticky-headers" action="index.jsp">
     83      <tbl:table id="annotations" subclass="fulltable" stickyheaders="<%=null%>" action="index.jsp">
    8484        <tbl:hidden name="item_type" value="<%=itemType.name() %>"/>
    8585        <tbl:hidden name="subcontext" value="<%=subContext %>"/>

  • branches/3.18-stable/www/common/annotations/list_annotations.jsp

    r7932 r7937  
    241241          id="annotations"
    242242          columns="all"
    243           subclass="sticky-headers"
     243          stickyheaders="<%=null%>"
    244244          >
    245245          <tbl:columndef

  • branches/3.18-stable/www/common/context/manage.jsp

    r7932 r7937  
    7070        id="contexts"
    7171        action="index.jsp"
    72         subclass="fulltable sticky-headers"
     72        subclass="fulltable"
     73        stickyheaders="<%=null%>"
    7374        >
    7475        <tbl:hidden

  • branches/3.18-stable/www/common/history/list_history.jsp

    r7932 r7937  
    120120      item="<%=itemType%>"
    121121      filterrows="<%=cc.getFilterRows()%>"
    122       subclass="fulltable sticky-headers"
     122      subclass="fulltable"
     123      stickyheaders="time"
    123124      >
    124125      <tbl:hidden
    … …  
    302303        <tbl:headers>
    303304          <tbl:headerrow>
    304             <tbl:header colspan="3" />
     305            <tbl:header clazz="row-index bg-filled-100" />
    305306            <tbl:columnheaders />
    306307          </tbl:headerrow>
    … …  
    313314            %>
    314315            <tbl:headerrow>
    315               <tbl:header subclass="index" />
    316               <tbl:header
    317                 subclass="check"
    318                 visible="<%=mode.hasCheck()%>"
    319                 ><base:icon
    320                   subclass="link table-check"
    321                   image="check_uncheck.png"
    322                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    323                   visible="<%=lastRow%>"
    324                 /></tbl:header>
    325               <tbl:header
    326                 subclass="check"
    327                 visible="<%=mode.hasRadio()%>"
    328                 />
    329               <tbl:header
    330                 subclass="icons"
    331                 visible="<%=mode.hasIcons()%>"
    332                 >
    333                 <base:icon
    334                   subclass="link table-filter-row-action"
    335                   image="add.png"
    336                   tooltip="Add extra filter row"
    337                   visible="<%=lastRow%>"
    338                 /><base:icon
    339                   subclass="link table-filter-row-action"
    340                   image="remove.png"
    341                   tooltip="Remove this filter row"
    342                   visible="<%=numRows > 1 || numFilters > 0 %>"
    343                   data-remove-row="<%=filterNo%>"
    344                 />
     316              <tbl:header subclass="row-index bg-filled-100">
     317                <div class="index-<%=mode.getName()%>">
     318                  <div class="index"></div>
     319                  <div class="check">
     320                    <base:icon
     321                      subclass="link table-check"
     322                      image="check_uncheck.png"
     323                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     324                      visible="<%=lastRow && mode.hasCheck()%>"
     325                    />
     326                  </div>
     327                  <div class="icons">
     328                    <base:icon
     329                      subclass="link table-filter-row-action"
     330                      image="add.png"
     331                      tooltip="Add extra filter row"
     332                      visible="<%=lastRow%>"
     333                    /><base:icon
     334                      subclass="link table-filter-row-action"
     335                      image="remove.png"
     336                      tooltip="Remove this filter row"
     337                      visible="<%=numRows > 1 || numFilters > 0 %>"
     338                      data-remove-row="<%=filterNo%>"
     339                    />
     340                  </div>
     341                </div>
    345342              </tbl:header>
    346343              <tbl:propertyfilter row="<%=filterNo%>" />
    … …  
    376373              %>
    377374              <tbl:row>
    378                 <tbl:header
    379                   clazz="index"
    380                   ><%=index%></tbl:header>
    381                 <tbl:header
    382                   clazz="check"
    383                   visible="<%=mode.hasCheck()%>"
    384                   ><input
    385                     type="checkbox"
    386                     name="<%=itemId%>"
    387                     value="<%=itemId%>"
    388                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    389                   ></tbl:header>
    390                 <tbl:header
    391                   clazz="check"
    392                   visible="<%=mode.hasRadio()%>"
    393                   ><input
    394                     type="radio"
    395                     name="item_id"
    396                     value="<%=itemId%>"
    397                     <%=selectedItemId == itemId ? "checked" : ""%>
    398                   ></tbl:header>
    399                 <tbl:header
    400                   clazz="icons"
    401                   visible="<%=mode.hasIcons()%>"
    402                   >&nbsp;</tbl:header>
     375                <tbl:header clazz="row-index bg-filled-100">
     376                  <div class="index-<%=mode.getName()%>">
     377                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     378                    <div class="check">
     379                      <base:input
     380                        type="checkbox"
     381                        name="<%=itemId%>"
     382                        value="<%=itemId%>"
     383                        checked="<%=cc.getSelected().contains(itemId)%>"
     384                        visible="<%=mode.hasCheck()%>"
     385                      />
     386                      <base:input
     387                        type="radio"
     388                        name="item_id"
     389                        value="<%=itemId%>"
     390                        checked="<%=selectedItemId == itemId%>"
     391                        visible="<%=mode.hasRadio()%>"
     392                      />
     393                    </div>
     394                    <div class="icons">
     395                    </div>
     396                  </div>
     397                </tbl:header>
    403398                <tbl:cell column="time"><div
    404399                    class="link table-item"
    405400                    data-item-id="<%=itemId%>"
    406401                    data-no-edit="1" tabindex="0"
    407                     title="<%=tooltip%>"><%=dateFormatter.format(item.getTime())%></div>
     402                    title="<%=tooltip%>" style="white-space: nowrap;"><%=dateFormatter.format(item.getTime())%></div>
    408403                  </tbl:cell>
    409404                <tbl:cell column="id"><%=item.getId()%></tbl:cell>

  • branches/3.18-stable/www/filemanager/files/list_files.jsp

    r7932 r7937  
    317317      subcontext="<%=subcontext%>"
    318318      filterrows="<%=cc.getFilterRows()%>"
    319       subclass="fulltable sticky-headers"
     319      subclass="fulltable"
     320      stickyheaders="name"
    320321      >
    321322      <tbl:hidden
    … …  
    689690        <tbl:headers>
    690691          <tbl:headerrow>
    691             <tbl:header colspan="3" />
     692            <tbl:header clazz="row-index bg-filled-100" />
    692693            <tbl:columnheaders />
    693694          </tbl:headerrow>
    … …  
    700701            %>
    701702            <tbl:headerrow>
    702               <tbl:header subclass="index" />
    703               <tbl:header
    704                 subclass="check"
    705                 visible="<%=mode.hasCheck()%>"
    706                 ><base:icon
    707                   subclass="link table-check"
    708                   image="check_uncheck.png"
    709                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    710                   visible="<%=lastRow%>"
    711                 /></tbl:header>
    712               <tbl:header
    713                 subclass="check"
    714                 visible="<%=mode.hasRadio()%>"
    715                 />
    716               <tbl:header
    717                 subclass="icons"
    718                 visible="<%=mode.hasIcons()%>"
    719                 >
    720                 <base:icon
    721                   subclass="link table-filter-row-action"
    722                   image="add.png"
    723                   tooltip="Add extra filter row"
    724                   visible="<%=lastRow%>"
    725                 /><base:icon
    726                   subclass="link table-filter-row-action"
    727                   image="remove.png"
    728                   tooltip="Remove this filter row"
    729                   visible="<%=numRows > 1 || numFilters > 0 %>"
    730                   data-remove-row="<%=filterNo%>"
    731                 />
     703              <tbl:header subclass="row-index bg-filled-100">
     704                <div class="index-<%=mode.getName()%>">
     705                  <div class="index"></div>
     706                  <div class="check">
     707                    <base:icon
     708                      subclass="link table-check"
     709                      image="check_uncheck.png"
     710                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     711                      visible="<%=lastRow && mode.hasCheck()%>"
     712                    />
     713                  </div>
     714                  <div class="icons">
     715                    <base:icon
     716                      subclass="link table-filter-row-action"
     717                      image="add.png"
     718                      tooltip="Add extra filter row"
     719                      visible="<%=lastRow%>"
     720                    /><base:icon
     721                      subclass="link table-filter-row-action"
     722                      image="remove.png"
     723                      tooltip="Remove this filter row"
     724                      visible="<%=numRows > 1 || numFilters > 0 %>"
     725                      data-remove-row="<%=filterNo%>"
     726                    />
     727                  </div>
     728                </div>
    732729              </tbl:header>
    733730              <tbl:propertyfilter row="<%=filterNo%>" />
    … …  
    778775              %>
    779776              <tbl:row>
    780                 <tbl:header
    781                   clazz="index"
    782                   ><base:icon
    783                     subclass="link auto-init"
    784                     data-auto-init="open-directory"
    785                     data-directory-id="<%=itemId %>"
    786                     image="<%=icon%>"
    787                     tooltip="<%=tagPath%>"
    788                   /></tbl:header>
    789                 <tbl:header
    790                   clazz="check"
    791                   visible="<%=mode.hasCheck()%>"
    792                   ><input
    793                     type="checkbox"
    794                     name="D:<%=itemId%>"
    795                     value="<%=itemId%>"
    796                     title="<%=name%>"
    797                     <%=dirContext.getSelected().contains(itemId) ? "checked" : ""%>
    798                   ></tbl:header>
    799                 <tbl:header
    800                   clazz="check"
    801                   visible="<%=mode.hasRadio()%>"
    802                   ></tbl:header>
    803                 <tbl:header
    804                   clazz="icons"
    805                   visible="<%=mode.hasIcons()%>"
    806                   ><base:icon
    807                     image="deleted.png"
    808                     id="<%="delete."+itemId %>"
    809                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    810                     data-item-type="DIRECTORY"
    811                     data-item-id="<%=itemId%>"
    812                     data-notify="reloadOnNotify"
    813                     tooltip="This item has been scheduled for deletion"
    814                     visible="<%=item.isRemoved()%>"
    815                   /><base:icon
    816                     image="shared.png"
    817                     id="<%="share."+itemId %>"
    818                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    819                     data-item-type="DIRECTORY"
    820                     data-item-id="<%=itemId%>"
    821                     tooltip="This item is shared to other users, groups and/or projects"
    822                     visible="<%=item.isShared()%>"
    823                   />&nbsp;</tbl:header>
     777                <tbl:header clazz="row-index bg-filled-100">
     778                  <div class="index-<%=mode.getName()%>">
     779                    <div class="index <%=index>999?"index-smaller":""%>"><base:icon
     780                      subclass="link auto-init"
     781                      data-auto-init="open-directory"
     782                      data-directory-id="<%=itemId %>"
     783                      image="<%=icon%>"
     784                      tooltip="<%=tagPath%>"
     785                    /></div>
     786                    <div class="check">
     787                      <base:input
     788                        type="checkbox"
     789                        name="<%="D:"+itemId%>"
     790                        value="<%=itemId%>"
     791                        title="<%=name%>"
     792                        checked="<%=dirContext.getSelected().contains(itemId)%>"
     793                        visible="<%=mode.hasCheck()%>"
     794                      />
     795                    </div>
     796                    <div class="icons">
     797                      <base:icon
     798                        image="deleted.png"
     799                        id="<%="delete."+itemId %>"
     800                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     801                        data-item-type="DIRECTORY"
     802                        data-item-id="<%=itemId%>"
     803                        data-notify="reloadOnNotify"
     804                        tooltip="This item has been scheduled for deletion"
     805                        visible="<%=item.isRemoved()%>"
     806                      /><base:icon
     807                        image="shared.png"
     808                        id="<%="share."+itemId %>"
     809                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     810                        data-item-type="DIRECTORY"
     811                        data-item-id="<%=itemId%>"
     812                        tooltip="This item is shared to other users, groups and/or projects"
     813                        visible="<%=item.isShared()%>"
     814                      />
     815                    </div>
     816                  </div>
     817                </tbl:header>
    824818                <tbl:cell column="name"><div
    825819                  class="link auto-init"
    … …  
    926920              %>
    927921              <tbl:row>
    928                 <tbl:header
    929                   clazz="index"
    930                   ><base:icon
    931                     image="<%=icon%>"
    932                     tooltip="<%=tagPath%>"
    933                   /></tbl:header>
    934                 <tbl:header
    935                   clazz="check"
    936                   visible="<%=mode.hasCheck()%>"
    937                   ><input
    938                     class="auto-init"
    939                     data-auto-init="file-check"
    940                     type="checkbox"
    941                     name="<%=itemId%>"
    942                     value="<%=itemId%>"
    943                     title="<%=tagPath%>"
    944                     <%=cc.getSelected().contains(itemId) || selectedItemId == itemId ? "checked" : ""%>
    945                   ></tbl:header>
    946                 <tbl:header
    947                   clazz="check"
    948                   visible="<%=mode.hasRadio()%>"
    949                   ><input
    950                     class="auto-init"
    951                     data-auto-init="file-check"
    952                     type="radio"
    953                     name="item_id"
    954                     value="<%=itemId%>"
    955                     title="<%=tagPath%>"
    956                     <%=selectedItemId == itemId ? "checked" : ""%>
    957                   ></tbl:header>
    958                 <tbl:header
    959                   clazz="icons"
    960                   visible="<%=mode.hasIcons()%>"
    961                   ><base:icon
    962                     image="deleted.png"
    963                     id="<%="delete."+itemId %>"
    964                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    965                     data-item-id="<%=itemId%>"
    966                     data-notify="reloadOnNotify"
    967                     tooltip="This item has been scheduled for deletion"
    968                     visible="<%=item.isRemoved()%>"
    969                   /><base:icon
    970                     image="shared.png"
    971                     id="<%="share."+itemId %>"
    972                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    973                     data-item-id="<%=itemId%>"
    974                     tooltip="This item is shared to other users, groups and/or projects"
    975                     visible="<%=item.isShared()%>"
    976                   />&nbsp;</tbl:header>
     922                <tbl:header clazz="row-index bg-filled-100">
     923                  <div class="index-<%=mode.getName()%>">
     924                    <div class="index <%=index>999?"index-smaller":""%>"><base:icon
     925                      image="<%=icon%>"
     926                      tooltip="<%=tagPath%>"
     927                    /></div>
     928                    <div class="check">
     929                      <base:input
     930                        subclass="auto-init"
     931                        data-auto-init="file-check"
     932                        type="checkbox"
     933                        name="<%=itemId%>"
     934                        value="<%=itemId%>"
     935                        title="<%=tagPath%>" 
     936                        checked="<%=cc.getSelected().contains(itemId) || selectedItemId == itemId%>"
     937                        visible="<%=mode.hasCheck()%>"
     938                      />
     939                      <base:input
     940                        subclass="auto-init"
     941                        data-auto-init="file-check"
     942                        type="radio"
     943                        name="item_id"
     944                        value="<%=itemId%>"
     945                        title="<%=tagPath%>" 
     946                        checked="<%=selectedItemId == itemId%>"
     947                        visible="<%=mode.hasRadio()%>"
     948                      />
     949                    </div>
     950                    <div class="icons">
     951                      <base:icon
     952                        image="deleted.png"
     953                        id="<%="delete."+itemId %>"
     954                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     955                        data-item-id="<%=itemId%>"
     956                        data-notify="reloadOnNotify"
     957                        tooltip="This item has been scheduled for deletion"
     958                        visible="<%=item.isRemoved()%>"
     959                      /><base:icon
     960                        image="shared.png"
     961                        id="<%="share."+itemId %>"
     962                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     963                        data-item-id="<%=itemId%>"
     964                        tooltip="This item is shared to other users, groups and/or projects"
     965                        visible="<%=item.isShared()%>"
     966                      />
     967                    </div>
     968                  </div>
     969                </tbl:header>
    977970                <tbl:cell column="name"><div
    978971                  class="link auto-init"

  • branches/3.18-stable/www/filemanager/fileservers/list_fileservers.jsp

    r7932 r7937  
    115115      item="<%=itemType%>"
    116116      filterrows="<%=cc.getFilterRows()%>"
    117       subclass="fulltable sticky-headers"
     117      subclass="fulltable"
     118      stickyheaders="name"
    118119      >
    119120      <tbl:hidden
    … …  
    326327        <tbl:headers>
    327328          <tbl:headerrow>
    328             <tbl:header colspan="3" />
     329            <tbl:header clazz="row-index bg-filled-100" />
    329330            <tbl:columnheaders />
    330331          </tbl:headerrow>
    … …  
    337338            %>
    338339            <tbl:headerrow>
    339               <tbl:header subclass="index" />
    340               <tbl:header
    341                 subclass="check"
    342                 visible="<%=mode.hasCheck()%>"
    343                 ><base:icon
    344                   subclass="link table-check"
    345                   image="check_uncheck.png"
    346                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    347                   visible="<%=lastRow%>"
    348                 /></tbl:header>
    349               <tbl:header
    350                 subclass="check"
    351                 visible="<%=mode.hasRadio()%>"
    352                 />
    353               <tbl:header
    354                 subclass="icons"
    355                 visible="<%=mode.hasIcons()%>"
    356                 >
    357                 <base:icon
    358                   subclass="link table-filter-row-action"
    359                   image="add.png"
    360                   tooltip="Add extra filter row"
    361                   visible="<%=lastRow%>"
    362                 /><base:icon
    363                   subclass="link table-filter-row-action"
    364                   image="remove.png"
    365                   tooltip="Remove this filter row"
    366                   visible="<%=numRows > 1 || numFilters > 0 %>"
    367                   data-remove-row="<%=filterNo%>"
    368                 />
     340              <tbl:header subclass="row-index bg-filled-100">
     341                <div class="index-<%=mode.getName()%>">
     342                  <div class="index"></div>
     343                  <div class="check">
     344                    <base:icon
     345                      subclass="link table-check"
     346                      image="check_uncheck.png"
     347                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     348                      visible="<%=lastRow && mode.hasCheck()%>"
     349                    />
     350                  </div>
     351                  <div class="icons">
     352                    <base:icon
     353                      subclass="link table-filter-row-action"
     354                      image="add.png"
     355                      tooltip="Add extra filter row"
     356                      visible="<%=lastRow%>"
     357                    /><base:icon
     358                      subclass="link table-filter-row-action"
     359                      image="remove.png"
     360                      tooltip="Remove this filter row"
     361                      visible="<%=numRows > 1 || numFilters > 0 %>"
     362                      data-remove-row="<%=filterNo%>"
     363                    />
     364                  </div>
     365                </div>
    369366              </tbl:header>
    370367              <tbl:propertyfilter row="<%=filterNo%>" />
    … …  
    408405              %>
    409406              <tbl:row>
    410                 <tbl:header
    411                   clazz="index"
    412                   ><%=index%></tbl:header>
    413                 <tbl:header
    414                   clazz="check"
    415                   visible="<%=mode.hasCheck()%>"
    416                   ><input
    417                     type="checkbox"
    418                     name="<%=itemId%>"
    419                     value="<%=itemId%>"
    420                     title="<%=name%>"
    421                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    422                   ></tbl:header>
    423                 <tbl:header
    424                   clazz="check"
    425                   visible="<%=mode.hasRadio()%>"
    426                   ><input
    427                     type="radio"
    428                     name="item_id"
    429                     value="<%=itemId%>"
    430                     title="<%=name%>"
    431                     <%=selectedItemId == itemId ? "checked" : ""%>
    432                   ></tbl:header>
    433                 <tbl:header
    434                   clazz="icons"
    435                   visible="<%=mode.hasIcons()%>"
    436                   ><base:icon
    437                     image="deleted.png"
    438                     id="<%="delete."+itemId %>"
    439                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    440                     data-item-id="<%=itemId%>"
    441                     tooltip="This item has been scheduled for deletion"
    442                     visible="<%=item.isRemoved()%>"
    443                   /><base:icon
    444                     image="shared.png"
    445                     id="<%="share."+itemId %>"
    446                     subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
    447                     data-item-id="<%=itemId%>"
    448                     tooltip="This item is shared to other users, groups and/or projects"
    449                     visible="<%=item.isShared()%>"
    450                   />&nbsp;</tbl:header>
     407                <tbl:header clazz="row-index bg-filled-100">
     408                  <div class="index-<%=mode.getName()%>">
     409                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     410                    <div class="check">
     411                      <base:input
     412                        type="checkbox"
     413                        name="<%=itemId%>"
     414                        value="<%=itemId%>"
     415                        title="<%=name%>"
     416                        checked="<%=cc.getSelected().contains(itemId)%>"
     417                        visible="<%=mode.hasCheck()%>"
     418                      />
     419                      <base:input
     420                        type="radio"
     421                        name="item_id"
     422                        value="<%=itemId%>"
     423                        title="<%=name%>"
     424                        checked="<%=selectedItemId == itemId%>"
     425                        visible="<%=mode.hasRadio()%>"
     426                      />
     427                    </div>
     428                    <div class="icons">
     429                      <base:icon
     430                        image="deleted.png"
     431                        id="<%="delete."+itemId %>"
     432                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     433                        data-item-id="<%=itemId%>"
     434                        tooltip="This item has been scheduled for deletion"
     435                        visible="<%=item.isRemoved()%>"
     436                      /><base:icon
     437                        image="shared.png"
     438                        id="<%="share."+itemId %>"
     439                        subclass="<%=sharePermission ? "table-share-item" : "disabled" %>"
     440                        data-item-id="<%=itemId%>"
     441                        tooltip="This item is shared to other users, groups and/or projects"
     442                        visible="<%=item.isShared()%>"
     443                      />
     444                    </div>
     445                  </div>
     446                </tbl:header>
    451447                <tbl:cell column="name"><div
    452448                  class="link table-item"

  • branches/3.18-stable/www/my_base/messages/list_messages.jsp

    r7932 r7937  
    119119      item="<%=itemType%>"
    120120      filterrows="<%=cc.getFilterRows()%>"
    121       subclass="fulltable sticky-headers"
     121      subclass="fulltable"
     122      stickyheaders="name"
    122123      >
    123124      <tbl:hidden
    … …  
    274275        <tbl:headers>
    275276          <tbl:headerrow>
    276             <tbl:header colspan="3" />
     277            <tbl:header clazz="row-index bg-filled-100" />
    277278            <tbl:columnheaders />
    278279          </tbl:headerrow>
    … …  
    285286            %>
    286287            <tbl:headerrow>
    287               <tbl:header subclass="index" />
    288               <tbl:header
    289                 subclass="check"
    290                 visible="<%=mode.hasCheck()%>"
    291                 ><base:icon
    292                   subclass="link table-check"
    293                   image="check_uncheck.png"
    294                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    295                   visible="<%=lastRow%>"
    296                 /></tbl:header>
    297               <tbl:header
    298                 subclass="check"
    299                 visible="<%=mode.hasRadio()%>"
    300                 />
    301               <tbl:header
    302                 subclass="icons"
    303                 visible="<%=mode.hasIcons()%>"
    304                 >
    305                 <base:icon
    306                   subclass="link table-filter-row-action"
    307                   image="add.png"
    308                   tooltip="Add extra filter row"
    309                   visible="<%=lastRow%>"
    310                 /><base:icon
    311                   subclass="link table-filter-row-action"
    312                   image="remove.png"
    313                   tooltip="Remove this filter row"
    314                   visible="<%=numRows > 1 || numFilters > 0 %>"
    315                   data-remove-row="<%=filterNo%>"
    316                 />
     288              <tbl:header subclass="row-index bg-filled-100">
     289                <div class="index-<%=mode.getName()%>">
     290                  <div class="index"></div>
     291                  <div class="check">
     292                    <base:icon
     293                      subclass="link table-check"
     294                      image="check_uncheck.png"
     295                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     296                      visible="<%=lastRow && mode.hasCheck()%>"
     297                    />
     298                  </div>
     299                  <div class="icons">
     300                    <base:icon
     301                      subclass="link table-filter-row-action"
     302                      image="add.png"
     303                      tooltip="Add extra filter row"
     304                      visible="<%=lastRow%>"
     305                    /><base:icon
     306                      subclass="link table-filter-row-action"
     307                      image="remove.png"
     308                      tooltip="Remove this filter row"
     309                      visible="<%=numRows > 1 || numFilters > 0 %>"
     310                      data-remove-row="<%=filterNo%>"
     311                    />
     312                  </div>
     313                </div>
    317314              </tbl:header>
    318315              <tbl:propertyfilter row="<%=filterNo%>" />
    … …  
    354351              %>
    355352              <tbl:row style="<%=style%>">
    356                 <tbl:header
    357                   clazz="index"
    358                   ><%=index%></tbl:header>
    359                 <tbl:header
    360                   clazz="check"
    361                   visible="<%=mode.hasCheck()%>"
    362                   ><input
    363                     type="checkbox"
    364                     name="<%=itemId%>"
    365                     value="<%=itemId%>"
    366                     title="<%=name%>"
    367                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    368                   ></tbl:header>
    369                 <tbl:header
    370                   clazz="check"
    371                   visible="<%=mode.hasRadio()%>"
    372                   ><input
    373                     type="radio"
    374                     name="item_id"
    375                     value="<%=itemId%>"
    376                     title="<%=name%>"
    377                     <%=selectedItemId == itemId ? "checked" : ""%>
    378                   ></tbl:header>
    379                 <tbl:header
    380                   clazz="icons"
    381                   visible="<%=mode.hasIcons()%>"
    382                   ><base:icon
    383                     image="message.png"
    384                     tooltip="This is a new message"
    385                     visible="<%=!item.isRead()%>"
    386                   /><base:icon
    387                     image="deleted.png"
    388                     id="<%="delete."+itemId %>"
    389                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    390                     data-item-id="<%=itemId%>"
    391                     tooltip="This item has been scheduled for deletion"
    392                     visible="<%=item.isRemoved()%>"
    393                   />&nbsp;</tbl:header>
     353                <tbl:header clazz="row-index bg-filled-100">
     354                  <div class="index-<%=mode.getName()%>">
     355                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     356                    <div class="check">
     357                      <base:input
     358                        type="checkbox"
     359                        name="<%=itemId%>"
     360                        value="<%=itemId%>"
     361                        title="<%=name%>"
     362                        checked="<%=cc.getSelected().contains(itemId)%>"
     363                        visible="<%=mode.hasCheck()%>"
     364                      />
     365                      <base:input
     366                        type="radio"
     367                        name="item_id"
     368                        value="<%=itemId%>"
     369                        title="<%=name%>"
     370                        checked="<%=selectedItemId == itemId%>"
     371                        visible="<%=mode.hasRadio()%>"
     372                      />
     373                    </div>
     374                    <div class="icons">
     375                      <base:icon
     376                        image="message.png"
     377                        tooltip="This is a new message"
     378                        visible="<%=!item.isRead()%>"
     379                      /><base:icon
     380                        image="deleted.png"
     381                        id="<%="delete."+itemId %>"
     382                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     383                        data-item-id="<%=itemId%>"
     384                        tooltip="This item has been scheduled for deletion"
     385                        visible="<%=item.isRemoved()%>"
     386                      />
     387                    </div>
     388                  </div>
     389                </tbl:header>
    394390                <tbl:cell column="name"><div
    395391                  class="link table-item"

  • branches/3.18-stable/www/my_base/projects/items/list_items.jsp

    r7932 r7937  
    162162      item="<%=itemType%>"
    163163      subcontext="<%=subContext%>"
    164       subclass="fulltable sticky-headers"
     164      subclass="fulltable"
    165165      data-no-linkeditem-columns="1"
     166      stickyheaders="name"
    166167      >
    167168      <tbl:hidden
    … …  
    280281        <tbl:headers>
    281282          <tbl:headerrow>
    282             <tbl:header colspan="3" />
     283            <tbl:header clazz="row-index bg-filled-100" />
    283284            <tbl:columnheaders />
    284285          </tbl:headerrow>
    285286          <tbl:headerrow>
    286             <tbl:header subclass="index" />
    287             <tbl:header
    288               subclass="check"
    289               ><base:icon
    290                 subclass="link table-check"
    291                 image="check_uncheck.png"
    292                 tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    293                 data-regexp="item:"
    294               /></tbl:header>
    295             <tbl:header
    296               subclass="icons"
    297               />
     287            <tbl:header subclass="row-index bg-filled-100">
     288              <div class="index-<%=mode.getName()%>">
     289                <div class="index"></div>
     290                <div class="check">
     291                  <base:icon
     292                    subclass="link table-check"
     293                    image="check_uncheck.png"
     294                    tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     295                  />
     296                </div>
     297                <div class="icons">
     298                </div>
     299              </div>
     300            </tbl:header>
    298301            <tbl:propertyfilter />
    299302          </tbl:headerrow>
    … …  
    361364              %>
    362365              <tbl:row>
    363                 <tbl:header
    364                   clazz="index"
    365                   ><%=index%></tbl:header>
    366                 <tbl:header
    367                   clazz="check"
    368                   ><input
    369                     type="checkbox"
    370                     name="item:<%=item.getType().name()%>"
    371                     value="<%=itemId%>"
    372                   ></tbl:header>
    373                 <tbl:header
    374                   clazz="icons"
    375                   ><base:icon
    376                     image="deleted.png"
    377                     id="<%="delete."+itemId %>"
    378                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    379                     data-item-type="<%=item.getType().name() %>"
    380                     data-item-id="<%=itemId%>"
    381                     tooltip="This item has been scheduled for deletion"
    382                     visible="<%=removed%>"
    383                     />&nbsp;</tbl:header>
     366                <tbl:header clazz="row-index bg-filled-100">
     367                  <div class="index-<%=mode.getName()%>">
     368                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     369                    <div class="check">
     370                      <base:input
     371                        type="checkbox"
     372                        name="<%="item:"+item.getType().name()%>"
     373                        value="<%=itemId%>"
     374                        title="<%=name%>"
     375                      />
     376                    </div>
     377                    <div class="icons">
     378                      <base:icon
     379                        image="deleted.png"
     380                        id="<%="delete."+itemId %>"
     381                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     382                        data-item-type="<%=item.getType().name() %>"
     383                        data-item-id="<%=itemId%>"
     384                        tooltip="This item has been scheduled for deletion"
     385                        visible="<%=removed%>"
     386                      />
     387                    </div>
     388                  </div>
     389                </tbl:header>
    384390                <tbl:cell column="type"><%=item.getType()%></tbl:cell>
    385391                <tbl:cell column="name"><%=link%></tbl:cell>

  • branches/3.18-stable/www/my_base/projects/list_projects.jsp

    r7932 r7937  
    132132      item="<%=itemType%>"
    133133      filterrows="<%=cc.getFilterRows()%>"
    134       subclass="fulltable sticky-headers"
     134      subclass="fulltable"
     135      stickyheaders="name"
    135136      >
    136137      <tbl:hidden
    … …  
    325326        <tbl:headers>
    326327          <tbl:headerrow>
    327             <tbl:header colspan="3" />
     328            <tbl:header clazz="row-index bg-filled-100" />
    328329            <tbl:columnheaders />
    329330          </tbl:headerrow>
    … …  
    336337            %>
    337338            <tbl:headerrow>
    338               <tbl:header subclass="index" />
    339               <tbl:header
    340                 subclass="check"
    341                 visible="<%=mode.hasCheck()%>"
    342                 ><base:icon
    343                   subclass="link table-check"
    344                   image="check_uncheck.png"
    345                   tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
    346                   visible="<%=lastRow%>"
    347                 /></tbl:header>
    348               <tbl:header
    349                 subclass="check"
    350                 visible="<%=mode.hasRadio()%>"
    351                 />
    352               <tbl:header
    353                 subclass="icons"
    354                 visible="<%=mode.hasIcons()%>"
    355                 >
    356                 <base:icon
    357                   subclass="link table-filter-row-action"
    358                   image="add.png"
    359                   tooltip="Add extra filter row"
    360                   visible="<%=lastRow%>"
    361                 /><base:icon
    362                   subclass="link table-filter-row-action"
    363                   image="remove.png"
    364                   tooltip="Remove this filter row"
    365                   visible="<%=numRows > 1 || numFilters > 0 %>"
    366                   data-remove-row="<%=filterNo%>"
    367                 />
     339              <tbl:header subclass="row-index bg-filled-100">
     340                <div class="index-<%=mode.getName()%>">
     341                  <div class="index"></div>
     342                  <div class="check">
     343                    <base:icon
     344                      subclass="link table-check"
     345                      image="check_uncheck.png"
     346                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     347                      visible="<%=lastRow && mode.hasCheck()%>"
     348                    />
     349                  </div>
     350                  <div class="icons">
     351                    <base:icon
     352                      subclass="link table-filter-row-action"
     353                      image="add.png"
     354                      tooltip="Add extra filter row"
     355                      visible="<%=lastRow%>"
     356                    /><base:icon
     357                      subclass="link table-filter-row-action"
     358                      image="remove.png"
     359                      tooltip="Remove this filter row"
     360                      visible="<%=numRows > 1 || numFilters > 0 %>"
     361                      data-remove-row="<%=filterNo%>"
     362                    />
     363                  </div>
     364                </div>
    368365              </tbl:header>
    369366              <tbl:propertyfilter row="<%=filterNo%>" />
    … …  
    403400              %>
    404401              <tbl:row>
    405                 <tbl:header
    406                   clazz="index"
    407                   ><%=index%></tbl:header>
    408                 <tbl:header
    409                   clazz="check"
    410                   visible="<%=mode.hasCheck()%>"
    411                   ><input
    412                     type="checkbox"
    413                     name="<%=itemId%>"
    414                     value="<%=itemId%>"
    415                     title="<%=name%>"
    416                     <%=cc.getSelected().contains(itemId) ? "checked" : ""%>
    417                   ></tbl:header>
    418                 <tbl:header
    419                   clazz="check"
    420                   visible="<%=mode.hasRadio()%>"
    421                   ><input
    422                     type="radio"
    423                     name="item_id"
    424                     value="<%=itemId%>"
    425                     title="<%=name%>"
    426                     <%=selectedItemId == itemId ? "checked" : ""%>
    427                   ></tbl:header>
    428                 <tbl:header
    429                   clazz="icons"
    430                   visible="<%=mode.hasIcons()%>"
    431                   ><base:icon
    432                     image="deleted.png"
    433                     id="<%="delete."+itemId %>"
    434                     subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
    435                     data-item-id="<%=itemId%>"
    436                     tooltip="This item has been scheduled for deletion"
    437                     visible="<%=item.isRemoved()%>"
    438                   />&nbsp;</tbl:header>
     402                <tbl:header clazz="row-index bg-filled-100">
     403                  <div class="index-<%=mode.getName()%>">
     404                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     405                    <div class="check">
     406                      <base:input
     407                        type="checkbox"
     408                        name="<%=itemId%>"
     409                        value="<%=itemId%>"
     410                        title="<%=name%>"
     411                        checked="<%=cc.getSelected().contains(itemId)%>"
     412                        visible="<%=mode.hasCheck()%>"
     413                      />
     414                      <base:input
     415                        type="radio"
     416                        name="item_id"
     417                        value="<%=itemId%>"
     418                        title="<%=name%>"
     419                        checked="<%=selectedItemId == itemId%>"
     420                        visible="<%=mode.hasRadio()%>"
     421                      />
     422                    </div>
     423                    <div class="icons">
     424                      <base:icon
     425                        image="deleted.png"
     426                        id="<%="delete."+itemId %>"
     427                        subclass="<%=deletePermission ? "table-delete-item" : "disabled" %>"
     428                        data-item-id="<%=itemId%>"
     429                        tooltip="This item has been scheduled for deletion"
     430                        visible="<%=item.isRemoved()%>"
     431                      />
     432                    </div>
     433                  </div>
     434                </tbl:header>
    439435                <tbl:cell column="name"><div
    440436                  class="link table-item"
Note: See TracChangeset for help on using the changeset viewer.