Changeset 6242


Ignore:
Timestamp:
Feb 25, 2013, 10:10:44 AM (9 years ago)
Author:
Nicklas Nordborg
Message:

References #1729 and #1730. Implement lazy loading of 'Item overview' as a tab activation event instead of a page reload.

Location:
trunk/www
Files:
14 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/biomaterials/bioplates/view_bioplate.jsp

    r6199 r6242  
    159159    function switchTab(tabControlId, tabId)
    160160    {
    161       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     161      if ((tabId == 'history') && tabId != '<%=tab%>')
    162162      {
    163163        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    582582      <t:tab id="events" title="Plate events" />
    583583      <t:tab id="overview" title="Overview"
    584         tooltip="Display a tree overview of related items">
    585         <%
    586         if ("overview".equals(tab))
    587         {
    588           %>
    589           <jsp:include page="../../common/overview/overview.jsp">
    590             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    591             <jsp:param name="item_id" value="<%=itemId%>" />
    592             <jsp:param name="ID" value="<%=ID%>" />
    593           </jsp:include>
    594           <%
    595         }
    596         %>
     584        tooltip="Display a tree overview of related items"
     585        activate="Overview.loadOnce()">
     586        <jsp:include page="../../common/overview/overview.jsp">
     587          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     588          <jsp:param name="item_id" value="<%=itemId%>" />
     589          <jsp:param name="ID" value="<%=ID%>" />
     590        </jsp:include>
    597591      </t:tab>     
    598592      <t:tab id="history" title="Change history"
  • trunk/www/biomaterials/biosources/view_biosource.jsp

    r6136 r6242  
    153153    {
    154154      if (TabControl.isActive(tabControlId, tabId)) return;
    155       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     155      if ((tabId == 'history') && tabId != '<%=tab%>')
    156156      {
    157157        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    396396      </t:tab>
    397397      <t:tab id="overview" title="Overview"
    398         tooltip="Display a tree overview of related items">
    399         <%
    400         if ("overview".equals(tab))
    401         {
    402           %>
    403           <jsp:include page="../../common/overview/overview.jsp">
    404             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    405             <jsp:param name="item_id" value="<%=itemId%>" />
    406             <jsp:param name="ID" value="<%=ID%>" />
    407           </jsp:include>
    408           <%
    409         }
    410         %>
     398        tooltip="Display a tree overview of related items"
     399        activate="Overview.loadOnce()">
     400        <jsp:include page="../../common/overview/overview.jsp">
     401          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     402          <jsp:param name="item_id" value="<%=itemId%>" />
     403          <jsp:param name="ID" value="<%=ID%>" />
     404        </jsp:include>
    411405      </t:tab>     
    412406      <t:tab id="history" title="Change history"
  • trunk/www/biomaterials/extracts/view_extract.jsp

    r6136 r6242  
    173173    {
    174174      if (TabControl.isActive(tabControlId, tabId)) return;
    175       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     175      if ((tabId == 'history') && tabId != '<%=tab%>')
    176176      {
    177177        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    625625
    626626      <t:tab id="overview" title="Overview"
    627         tooltip="Display a tree overview of related items">
    628         <%
    629         if ("overview".equals(tab))
    630         {
    631           %>
    632           <jsp:include page="../../common/overview/overview.jsp">
    633             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    634             <jsp:param name="item_id" value="<%=itemId%>" />
    635             <jsp:param name="ID" value="<%=ID%>" />
    636           </jsp:include>
    637           <%
    638         }
    639         %>
     627        tooltip="Display a tree overview of related items"
     628        activate="Overview.loadOnce()">
     629        <jsp:include page="../../common/overview/overview.jsp">
     630          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     631          <jsp:param name="item_id" value="<%=itemId%>" />
     632          <jsp:param name="ID" value="<%=ID%>" />
     633        </jsp:include>
    640634      </t:tab>
    641635      <t:tab id="history" title="Change history"
  • trunk/www/biomaterials/lists/view_list.jsp

    r6136 r6242  
    141141    {
    142142      if (TabControl.isActive(tabControlId, tabId)) return;
    143       if ((tabId == 'overview') && tabId != '<%=tab%>')
    144       {
    145         location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
    146       }
    147       else if (tabId == 'members')
     143      if (tabId == 'members')
    148144      {
    149145        viewMembers();
     
    341337    <t:tab id="members" title="Members" />
    342338    <t:tab id="overview" title="Overview"
    343       tooltip="Display a tree overview of related items">
    344       <%
    345       if ("overview".equals(tab))
    346       {
    347         %>
    348         <jsp:include page="../../common/overview/overview.jsp">
    349           <jsp:param name="item_type" value="<%=itemType.name()%>" />
    350           <jsp:param name="item_id" value="<%=itemId%>" />
    351           <jsp:param name="ID" value="<%=ID%>" />
    352         </jsp:include>
    353         <%
    354       }
    355       %>
     339      tooltip="Display a tree overview of related items"
     340      activate="Overview.loadOnce()">
     341      <jsp:include page="../../common/overview/overview.jsp">
     342        <jsp:param name="item_type" value="<%=itemType.name()%>" />
     343        <jsp:param name="item_id" value="<%=itemId%>" />
     344        <jsp:param name="ID" value="<%=ID%>" />
     345      </jsp:include>
    356346    </t:tab>     
    357347    </t:tabcontrol>
  • trunk/www/biomaterials/samples/view_sample.jsp

    r6136 r6242  
    173173    {
    174174      if (TabControl.isActive(tabControlId, tabId)) return;
    175       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     175      if ((tabId == 'history') && tabId != '<%=tab%>')
    176176      {
    177177        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    598598      <t:tab id="events" title="Events" />
    599599      <t:tab id="overview" title="Overview"
    600         tooltip="Display a tree overview of related items">
    601         <%
    602         if ("overview".equals(tab))
    603         {
    604           %>
    605           <jsp:include page="../../common/overview/overview.jsp">
    606             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    607             <jsp:param name="item_id" value="<%=itemId%>" />
    608             <jsp:param name="ID" value="<%=ID%>" />
    609           </jsp:include>
    610           <%
    611         }
    612         %>
     600        tooltip="Display a tree overview of related items"
     601        activate="Overview.loadOnce()">
     602        <jsp:include page="../../common/overview/overview.jsp">
     603          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     604          <jsp:param name="item_id" value="<%=itemId%>" />
     605          <jsp:param name="ID" value="<%=ID%>" />
     606        </jsp:include>
    613607      </t:tab>     
    614608      <t:tab id="history" title="Change history"
  • trunk/www/common/overview/overview.js

    r6195 r6242  
    2525{
    2626  var overview = {};
     27  var loaded = false;
    2728
    2829  overview.initPage = function()
     
    3132    Buttons.addClickHandler('btnValidateOverview', overview.validate);
    3233    Buttons.addClickHandler('btnOverviewValidationOptions', overview.validationOptions);
     34  }
     35 
     36  overview.loadOnce = function()
     37  {
     38    if (loaded) return;
     39    var url = App.getRoot() + 'common/overview/index.jsp?ID='+App.getSessionId();
     40    url += '&cmd=Overview';
     41    url += '&item_type='+Data.get('overview-data', 'item-type');
     42    url += '&item_id='+Data.get('overview-data', 'item-id');
     43    frames['overview'].location.href = url;
     44    loaded = true;
    3345  }
    3446 
  • trunk/www/common/overview/overview.jsp

    r6195 r6242  
    8484        <ext:render extensions="<%=invoker%>" context="<%=jspContext%>"
    8585          wrapper="<%=new PrefixSuffixRenderer(jspContext, "<td>", "</td>") %>"/>
    86         <tbl:button image="help.png" title="Help&hellip;"
    87           onclick="<%="Main.openHelp('" + ID +"', 'item.overview')"%>"
     86        <tbl:button
     87          image="help.png"
     88          subclass="auto-init"
     89          data-auto-init="help"
     90          data-help-id="item.overview"
     91          title="Help&hellip;"
    8892          tooltip="Get help about this page"
    8993        />
     
    9195      <div class="absolutefull topborder" style="top: 1.75em;"><iframe
    9296        name="overview" id="idOverview"
    93         src="<%=root%>/common/overview/index.jsp?ID=<%=ID%>&amp;cmd=Overview&amp;item_type=<%=itemType.name()%>&amp;item_id=<%=itemId%>"
     97        src="<%=root%>/common/overview/wait.jsp"
    9498        class="absolutefull" style="width: 100%; height: 100%;"></iframe></div>
    9599
  • trunk/www/lims/arraybatches/view_batch.jsp

    r6136 r6242  
    159159    {
    160160      if (TabControl.isActive(tabControlId, tabId)) return;
    161       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     161      if ((tabId == 'history') && tabId != '<%=tab%>')
    162162      {
    163163        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    415415
    416416      <t:tab id="overview" title="Overview"
    417         tooltip="Display a tree overview of related items">
    418         <%
    419         if ("overview".equals(tab))
    420         {
    421           %>
    422           <jsp:include page="../../common/overview/overview.jsp">
    423             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    424             <jsp:param name="item_id" value="<%=itemId%>" />
    425             <jsp:param name="ID" value="<%=ID%>" />
    426           </jsp:include>
    427           <%
    428         }
    429         %>
     417        tooltip="Display a tree overview of related items"
     418        activate="Overview.loadOnce()">
     419        <jsp:include page="../../common/overview/overview.jsp">
     420          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     421          <jsp:param name="item_id" value="<%=itemId%>" />
     422          <jsp:param name="ID" value="<%=ID%>" />
     423        </jsp:include>
    430424      </t:tab>
    431425      <t:tab id="history" title="Change history"
  • trunk/www/lims/arraydesigns/view_design.jsp

    r6146 r6242  
    176176    {
    177177      if (TabControl.isActive(tabControlId, tabId)) return;
    178       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     178      if ((tabId == 'history') && tabId != '<%=tab%>')
    179179      {
    180180        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    569569
    570570    <t:tab id="overview" title="Overview"
    571       tooltip="Display a tree overview of related items">
    572       <%
    573       if ("overview".equals(tab))
    574       {
    575         %>
    576         <jsp:include page="../../common/overview/overview.jsp">
    577           <jsp:param name="item_type" value="<%=itemType.name()%>" />
    578           <jsp:param name="item_id" value="<%=itemId%>" />
    579           <jsp:param name="ID" value="<%=ID%>" />
    580         </jsp:include>
    581         <%
    582       }
    583       %>
     571      tooltip="Display a tree overview of related items"
     572      activate="Overview.loadOnce()">
     573      <jsp:include page="../../common/overview/overview.jsp">
     574        <jsp:param name="item_type" value="<%=itemType.name()%>" />
     575        <jsp:param name="item_id" value="<%=itemId%>" />
     576        <jsp:param name="ID" value="<%=ID%>" />
     577      </jsp:include>
    584578    </t:tab>
    585579    <t:tab id="history" title="Change history"
  • trunk/www/lims/arrayslides/view_slide.jsp

    r6136 r6242  
    149149    {
    150150      if (TabControl.isActive(tabControlId, tabId)) return;
    151       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     151      if ((tabId == 'history') && tabId != '<%=tab%>')
    152152      {
    153153        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    334334
    335335      <t:tab id="overview" title="Overview"
    336         tooltip="Display a tree overview of related items">
    337         <%
    338         if ("overview".equals(tab))
    339         {
    340           %>
    341           <jsp:include page="../../common/overview/overview.jsp">
    342             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    343             <jsp:param name="item_id" value="<%=itemId%>" />
    344             <jsp:param name="ID" value="<%=ID%>" />
    345           </jsp:include>
    346           <%
    347         }
    348         %>
     336        tooltip="Display a tree overview of related items"
     337        activate="Overview.loadOnce()">
     338        <jsp:include page="../../common/overview/overview.jsp">
     339          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     340          <jsp:param name="item_id" value="<%=itemId%>" />
     341          <jsp:param name="ID" value="<%=ID%>" />
     342        </jsp:include>
    349343      </t:tab>
    350344      <t:tab id="history" title="Change history"
  • trunk/www/views/derivedbioassays/view_bioassay.jsp

    r6143 r6242  
    174174    {
    175175      if (TabControl.isActive(tabControlId, tabId)) return;
    176       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     176      if ((tabId == 'history') && tabId != '<%=tab%>')
    177177      {
    178178        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    778778     
    779779      <t:tab id="overview" title="Overview"
    780         tooltip="Display a tree overview of related items">
    781         <%
    782         if ("overview".equals(tab))
    783         {
    784           %>
    785           <jsp:include page="../../common/overview/overview.jsp">
    786             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    787             <jsp:param name="item_id" value="<%=itemId%>" />
    788             <jsp:param name="ID" value="<%=ID%>" />
    789           </jsp:include>
    790           <%
    791         }
    792         %>
     780        tooltip="Display a tree overview of related items"
     781        activate="Overview.loadOnce()">
     782        <jsp:include page="../../common/overview/overview.jsp">
     783          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     784          <jsp:param name="item_id" value="<%=itemId%>" />
     785          <jsp:param name="ID" value="<%=ID%>" />
     786        </jsp:include>
    793787      </t:tab>
    794788      <t:tab id="history" title="Change history"
  • trunk/www/views/experiments/view_experiment.jsp

    r6191 r6242  
    178178    {
    179179      if (TabControl.isActive(tabControlId, tabId)) return;
    180       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     180      if ((tabId == 'history') && tabId != '<%=tab%>')
    181181      {
    182182        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    814814      />
    815815      <t:tab id="overview" title="Overview"
    816         tooltip="Display a tree overview of related items">
    817         <%
    818         if ("overview".equals(tab))
    819         {
    820           %>
    821           <jsp:include page="../../common/overview/overview.jsp">
    822             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    823             <jsp:param name="item_id" value="<%=itemId%>" />
    824             <jsp:param name="ID" value="<%=ID%>" />
    825           </jsp:include>
    826           <%
    827         }
    828         %>
     816        tooltip="Display a tree overview of related items"
     817        activate="Overview.loadOnce()">
     818        <jsp:include page="../../common/overview/overview.jsp">
     819          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     820          <jsp:param name="item_id" value="<%=itemId%>" />
     821          <jsp:param name="ID" value="<%=ID%>" />
     822        </jsp:include>
    829823      </t:tab>     
    830824      <t:tab id="history" title="Change history"
  • trunk/www/views/physicalbioassays/view_bioassay.jsp

    r6143 r6242  
    159159    {
    160160      if (TabControl.isActive(tabControlId, tabId)) return;
    161       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     161      if ((tabId == 'history') && tabId != '<%=tab%>')
    162162      {
    163163        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    534534
    535535      <t:tab id="overview" title="Overview"
    536         tooltip="Display a tree overview of related items">
    537         <%
    538         if ("overview".equals(tab))
    539         {
    540           %>
    541           <jsp:include page="../../common/overview/overview.jsp">
    542             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    543             <jsp:param name="item_id" value="<%=itemId%>" />
    544             <jsp:param name="ID" value="<%=ID%>" />
    545           </jsp:include>
    546           <%
    547         }
    548         %>
     536        tooltip="Display a tree overview of related items"
     537        activate="Overview.loadOnce()">
     538        <jsp:include page="../../common/overview/overview.jsp">
     539          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     540          <jsp:param name="item_id" value="<%=itemId%>" />
     541          <jsp:param name="ID" value="<%=ID%>" />
     542        </jsp:include>
    549543      </t:tab>
    550544      <t:tab id="history" title="Change history"
  • trunk/www/views/rawbioassays/view_rawbioassay.jsp

    r6143 r6242  
    186186    {
    187187      if (TabControl.isActive(tabControlId, tabId)) return;
    188       if ((tabId == 'overview' || tabId == 'history') && tabId != '<%=tab%>')
     188      if ((tabId == 'history') && tabId != '<%=tab%>')
    189189      {
    190190        location.href = 'index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=itemId%>&tab='+tabId;
     
    606606      <t:tab id="rawdata" title="Raw data" visible="<%=rawBioAssay.getNumDbSpots() > 0%>" />
    607607      <t:tab id="overview" title="Overview"
    608         tooltip="Display a tree overview of related items">
    609         <%
    610         if ("overview".equals(tab))
    611         {
    612           %>
    613           <jsp:include page="../../common/overview/overview.jsp">
    614             <jsp:param name="item_type" value="<%=itemType.name()%>" />
    615             <jsp:param name="item_id" value="<%=itemId%>" />
    616             <jsp:param name="ID" value="<%=ID%>" />
    617           </jsp:include>
    618           <%
    619         }
    620         %>
     608        tooltip="Display a tree overview of related items"
     609        activate="Overview.loadOnce()">
     610        <jsp:include page="../../common/overview/overview.jsp">
     611          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     612          <jsp:param name="item_id" value="<%=itemId%>" />
     613          <jsp:param name="ID" value="<%=ID%>" />
     614        </jsp:include>
    621615      </t:tab>
    622616      <t:tab id="history" title="Change history"
Note: See TracChangeset for help on using the changeset viewer.