Changeset 6307


Ignore:
Timestamp:
Aug 15, 2013, 9:54:08 AM (9 years ago)
Author:
Nicklas Nordborg
Message:

References #1729 and #1730. Fixed on more pages in the Biomaterial/Array? LIMS sections.

Location:
trunk/www
Files:
10 added
26 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/biomaterials/extracts/list_extracts.jsp

    r6268 r6307  
    173173    <ext:scripts context="<%=jspContext%>" />
    174174    <ext:stylesheets context="<%=jspContext%>" />
    175     <script>
    176     /*
    177     var submitPage = 'index.jsp';
    178     var formId = 'extracts';
    179     function newItem()
    180     {
    181       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', 0, true);
    182     }
    183     function newPooledItem()
    184     {
    185       Table.poolItems(submitPage, '<%=ID%>', formId, '<%=itemType.name()%>', 'NewPooledItem');
    186     }
    187     function newPhysicalBioAssay()
    188     {
    189       Table.poolItems(submitPage, '<%=ID%>', formId, '<%=itemType.name()%>', 'NewPhysicalBioAssay');
    190     }
    191     function newExtract(extractId)
    192     {
    193       Main.viewOrEditItem('<%=ID%>', 'EXTRACT', 0, true, '&extract_id='+extractId);
    194     }
    195     function newRawBioAssay(extractId)
    196     {
    197       Main.viewOrEditItem('<%=ID%>', 'RAWBIOASSAY', 0, true, '&extract_id='+extractId);
    198     }
    199     function editItem(itemId)
    200     {
    201       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    202     }
    203     function viewItem(itemId)
    204     {
    205       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    206     }
    207     function itemOnClick(evt, itemId)
    208     {
    209       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    210     }
    211     function deleteItems()
    212     {
    213       var frm = document.forms[formId];
    214       if (Forms.numChecked(frm) == 0)
    215       {
    216         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    217         return;
    218       }
    219       frm.action = submitPage;
    220       frm.cmd.value = 'DeleteItems';
    221       frm.submit();
    222     }
    223     function restoreItems()
    224     {
    225       var frm = document.forms[formId];
    226       if (Forms.numChecked(frm) == 0)
    227       {
    228         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    229         return;
    230       }
    231       frm.action = submitPage;
    232       frm.cmd.value = 'RestoreItems';
    233       frm.submit();
    234     }
    235     function setOwner()
    236     {
    237       Table.setOwnerOfItems(formId);
    238     }
    239     function shareItems()
    240     {
    241       Table.shareItems(formId);
    242     }
    243     function configureColumns()
    244     {
    245       Table.configureColumns(formId);
    246     }
    247     function runPlugin(cmd)
    248     {
    249       Table.submitToPopup(formId, cmd, 750, 500);
    250     }
    251     function returnSelected()
    252     {
    253       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    254       window.close();
    255     }
    256     function newBioMaterialList()
    257     {
    258       var controller = Main.getController('BIOMATERIALLIST');
    259       Table.submitToPopup(formId, 'CreateBioMaterialList', controller.width, controller.height);
    260     }
    261     function placeOnPlate()
    262     {
    263       Table.submitToPopup(formId, 'PlaceOnPlate', 900, 600);
    264     }
    265     */
    266     </script>
    267175  </base:head>
    268176 
  • trunk/www/common/history/frameset.jsp

    r6244 r6307  
    4646    ></div>
    4747    <script type="text/javascript" charset="UTF-8" src="<%=root%>/common/history/history.js"></script>
    48     <div class="absolutefull"><iframe name="history" id="idHistory"
     48    <div class="absolutefull"><iframe name="history-frame" id="idHistory"
    4949      src="<%=root%>/common/history/wait.jsp"
    5050      class="absolutefull" style="width: 100%; height: 100%;"></iframe></div>
  • trunk/www/common/history/history.js

    r6244 r6307  
    6060    url += '&source_type='+Data.get('history-data', 'source-type');
    6161    url += '&source_id='+Data.get('history-data', 'source-id');
    62     frames['history'].location.href = url;
     62    frames['history-frame'].location.href = url;
    6363    loaded = true;
    6464  }
  • trunk/www/include/scripts/main-2.js

    r6305 r6307  
    784784    that is given by the 'data-item-type' and 'data-item-id'
    785785    attributes to be deleted from the database. Usually attached
    786     to an 'Trashcan' icon on a single-item page. The current page
    787     is automatically reloaded with the list page instead.
     786    to an 'Trashcan' icon on a single-item page. Specify a target
     787    element id in 'data-notify' attribute to send a 'base-notify'
     788    message after the item has been deleted, otherwise the current
     789    page is automatically reloaded with the list page instead.
    788790  */
    789791  buttons.deleteItemPermanently = function(event)
     
    793795    var itemId = Data.int(target, 'item-id');
    794796    var extraUrl = Data.get(target, 'extra-url');
    795     Items.deleteItemPermanently(itemType, itemId, true, extraUrl);
     797    var notify = Data.get(target, 'notify');
     798    Items.deleteItemPermanently(itemType, itemId, true, notify, extraUrl);
    796799  }
    797800 
     
    848851    var target = event.currentTarget;
    849852    var tableId = Data.get(target, 'table-id');
    850     Table.setOwnerOfItems(tableId);
     853    var regexp = Data.get(target, 'regexp');
     854    Table.setOwnerOfItems(tableId, regexp);
    851855  }
    852856
     
    13051309    The current page is automatically changed to the list page.
    13061310  */
    1307   items.deleteItemPermanently = function(itemType, itemId, ask, extraUrl)
     1311  items.deleteItemPermanently = function(itemType, itemId, ask, notify, extraUrl)
    13081312  {
    13091313    if (ask)
     
    13121316    }
    13131317   
    1314     // Create temporary div to receive redirect
    1315     // notification from popup window
    1316     var notifyDiv = document.createElement('div');
    1317     notifyDiv.id = 'n'+(new Date()).getTime();
    1318     Events.addEventHandler(notifyDiv, 'base-notify',
    1319       function()
    1320       {
    1321         Items.list(itemType, extraUrl);
    1322       }
    1323     );
    1324     document.body.appendChild(notifyDiv);
     1318    if (!notify)
     1319    {
     1320      // Create temporary div to receive redirect
     1321      // notification from popup window
     1322      var notifyDiv = document.createElement('div');
     1323      notifyDiv.id = 'n'+(new Date()).getTime();
     1324      Events.addEventHandler(notifyDiv, 'base-notify',
     1325        function()
     1326        {
     1327          Items.list(itemType, extraUrl);
     1328        }
     1329      );
     1330      document.body.appendChild(notifyDiv);
     1331      notify = notifyDiv.id;
     1332    }
    13251333   
    13261334    var url = App.getRoot();
     
    13291337    url += '&cmd=DeleteItem&popup=1';
    13301338    url += '&item_type='+itemType+'&item_id=' + itemId;
    1331     url += '&notify='+notifyDiv.id;
     1339    url += '&notify='+notify;
    13321340    Dialogs.openPopup(url, 'Delete'+itemType, 300, 200);
    13331341  }
  • trunk/www/lims/arraybatches/list_batches.jsp

    r6221 r6307  
    119119  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    120120  %>
    121   <base:page title="<%=title==null ? "Array batches" : title%>" type="<%=mode.getPageType()%>">
    122   <base:head scripts="table.js" styles="table.css,toolbar.css">
     121  <base:page title="<%=title==null ? "Array batches" : title%>" type="<%=mode.getPageType()%>" id="list-page">
     122  <base:head scripts="table.js,~batches.js" styles="table.css,toolbar.css">
    123123    <ext:scripts context="<%=jspContext%>" />
    124124    <ext:stylesheets context="<%=jspContext%>" />
    125     <script>
    126     var submitPage = 'index.jsp';
    127     var formId = 'batches';
    128     function newItem()
    129     {
    130       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', 0, true);
    131     }
    132     function editItem(itemId)
    133     {
    134       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    135     }
    136     function viewItem(itemId)
    137     {
    138       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    139     }
    140     function itemOnClick(evt, itemId)
    141     {
    142       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    143     }
    144     function deleteItems()
    145     {
    146       var frm = document.forms[formId];
    147       if (Forms.numChecked(frm) == 0)
    148       {
    149         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    150         return;
    151       }
    152       frm.action = submitPage;
    153       frm.cmd.value = 'DeleteItems';
    154       frm.submit();
    155     }
    156     function restoreItems()
    157     {
    158       var frm = document.forms[formId];
    159       if (Forms.numChecked(frm) == 0)
    160       {
    161         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    162         return;
    163       }
    164       frm.action = submitPage;
    165       frm.cmd.value = 'RestoreItems';
    166       frm.submit();
    167     }
    168     function setOwner()
    169     {
    170       Table.setOwnerOfItems(formId);
    171     }
    172     function shareItems()
    173     {
    174       Table.shareItems(formId);
    175     }
    176     function configureColumns()
    177     {
    178       Table.configureColumns(formId);
    179     }
    180     function runPlugin(cmd)
    181     {
    182       Table.submitToPopup(formId, cmd, 750, 500);
    183     }
    184     function returnSelected()
    185     {
    186       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    187       window.close();
    188     }
    189     function newSlide(batchId)
    190     {
    191       Main.viewOrEditItem('<%=ID%>', 'ARRAYSLIDE', 0, true, '&arraybatch_id='+batchId);
    192     }
    193     function multipleNewSlides(batchId)
    194     {     
    195       Main.openPopup('../arrayslides/index.jsp?ID=<%=ID%>&cmd=NewItems&arraybatch_id='+batchId, 'NewArraySlides', 750, 500);
    196     }
    197     </script>
    198125  </base:head>
    199126 
     
    357284          >
    358285          <tbl:button
     286            id="btnNewItem"
    359287            disabled="<%=!createPermission%>"
    360288            image="new.png"
    361             onclick="newItem()"
    362289            title="New&hellip;"
    363290            tooltip="<%=createPermission ? "Create new array batche" : "You do not have permission to create array batches"%>"
    364291          />
    365292          <tbl:button
     293            id="btnDeleteItems"
    366294            image="delete.png"
    367             onclick="deleteItems()"
    368295            title="Delete"
    369296            tooltip="Delete the selected items"
    370297          />
    371298          <tbl:button
     299            id="btnRestoreItems"
    372300            image="restore.png"
    373             onclick="restoreItems()"
    374301            title="Restore"
    375302            tooltip="Restore the selected (deleted) items"
    376303          />
    377304          <tbl:button
     305            id="btnShareItems"
    378306            image="share.png"
    379             onclick="shareItems()"
    380307            title="Share&hellip;"
    381308            tooltip="Share the selected items"
    382309          />
    383310          <tbl:button
     311            id="btnSetOwner"
    384312            image="take_ownership.png"
    385             onclick="setOwner()"
    386313            title="Set owner&hellip;"
    387314            tooltip="Change owner of the selected items"
    388315          />
    389316          <tbl:button
     317            id="btnColumns"
    390318            image="columns.png"
    391             onclick="configureColumns()"
    392319            title="Columns&hellip;"
    393320            tooltip="Show, hide and re-order columns"
    394321          />
    395322          <tbl:button
     323            id="btnImport"
     324            data-plugin-type="IMPORT"
    396325            image="import.png"
    397             onclick="runPlugin('ImportItems')"
    398326            title="Import&hellip;"
    399327            tooltip="Import data"
     
    401329          />
    402330          <tbl:button
     331            id="btnExport"
     332            data-plugin-type="EXPORT"
    403333            image="export.png"
    404             onclick="runPlugin('ExportItems')"
    405334            title="Export&hellip;"
    406335            tooltip="Export data"
     
    408337          />
    409338          <tbl:button
     339            id="btnRunPlugin"
     340            data-plugin-type="OTHER"
    410341            image="runplugin.png"
    411             onclick="runPlugin('RunListPlugin')"
    412342            title="Run plugin&hellip;"
    413343            tooltip="Run a plugin"
     
    528458                    visible="<%=item.isShared()%>"
    529459                  />&nbsp;</tbl:header>
    530                 <tbl:cell column="name"><div class="link"
    531                   onclick="itemOnClick(<%=writePermission ? "event" : null%>, <%=itemId%>)"
     460                <tbl:cell column="name"><div
     461                  class="link table-item"
     462                  data-item-id="<%=itemId%>"
     463                  data-no-edit="<%=writePermission ? 0 : 1 %>"
     464                  tabindex="0"
    532465                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
    533466                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
     
    572505                  <base:icon
    573506                    image="add.png"
    574                     onclick="<%="newSlide("+itemId+")"%>"
     507                    subclass="link auto-init"
     508                    data-auto-init="new-slide"
     509                    data-item-id="<%=itemId %>"
    575510                    tooltip="Create new slide"
    576511                    visible="<%=mode.hasEditLink() && createSlidePermission && usePermission %>"
     
    578513                  <base:icon
    579514                    image="new_wizard.png"
    580                     onclick="<%="multipleNewSlides("+itemId+")"%>"
     515                    subclass="link auto-init"
     516                    data-auto-init="new-slide-wizard"
     517                    data-item-id="<%=itemId %>"
    581518                    tooltip="Create multiple new slides using a wizard"
    582519                    visible="<%=mode.hasEditLink() && createSlidePermission && usePermission %>"
     
    657594   
    658595    <base:buttongroup subclass="dialogbuttons">
    659       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    660       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    661       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     596      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     597      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     598      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    662599    </base:buttongroup>
    663600   
  • trunk/www/lims/arraybatches/view_batch.jsp

    r6255 r6307  
    107107  ExtensionsInvoker invoker = ToolbarUtil.useExtensions(jspContext);
    108108  %>
    109   <base:page title="<%=title%>">
    110   <base:head scripts="tabcontrol.js,table.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
     109  <base:page title="<%=title%>" id="view-page">
     110  <base:head scripts="tabcontrol-2.js,table.js,~batches.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
    111111    <ext:scripts context="<%=jspContext%>" />
    112112    <ext:stylesheets context="<%=jspContext%>" />
    113     <script>
    114     function editItem()
    115     {
    116       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>, true);
    117     }
    118     function shareItem()
    119     {
    120       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=ShareItem&item_id=<%=itemId%>', 'ShareArrayBatch', 600, 400);
    121     }
    122     function deleteItem()
    123     {
    124       location.replace('index.jsp?ID=<%=ID%>&cmd=DeleteItem&item_id=<%=itemId%>');
    125     }
    126     function restoreItem()
    127     {
    128       location.replace('index.jsp?ID=<%=ID%>&cmd=RestoreItem&item_id=<%=itemId%>');
    129     }
    130     function deleteItemPermanently()
    131     {
    132       Main.deleteItemPermanently('<%=ID%>', true, '<%=itemType.name()%>', <%=itemId%>, '&callback=itemDeleted');
    133     }
    134     function itemDeleted()
    135     {
    136       Main.listItems('<%=ID%>', '<%=itemType.name()%>');
    137     }
    138     function showUsingItems()
    139     {
    140       Main.showUsingItems('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>);
    141     }
    142     function setOwner()
    143     {
    144       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=SetOwnerOfItem&item_id=<%=itemId%>', 'SetOwnerOfItem', 450, 300);
    145     }
    146     function runPlugin(cmd)
    147     {
    148       Main.openPopup('index.jsp?ID=<%=ID%>&cmd='+cmd+'&item_id=<%=itemId%>', 'RunPlugin'+cmd, 750, 500);
    149     }
    150     function newSlide()
    151     {
    152       Main.viewOrEditItem('<%=ID%>', 'ARRAYSLIDE', 0, true, '&arraybatch_id=<%=itemId%>');
    153     }
    154     function multipleNewSlides()
    155     {     
    156       Main.openPopup('../arrayslides/index.jsp?ID=<%=ID%>&cmd=NewItems&arraybatch_id=<%=itemId%>', 'NewArraySlides', 750, 500);
    157     }
    158     </script>
    159113  </base:head>
    160114  <base:body>
     
    163117      /><p:pathelement title="<%=HTML.encodeTags(batch.getName())%>"
    164118      /></p:path>
     119    <div id="page-data" data-item-id="<%=itemId%>"></div>
    165120   
    166121    <t:tabcontrol
     
    179134          />
    180135          <base:icon
     136            id="btnDeletePermanently"
    181137            image="deleted.png"
    182             onclick="deleteItemPermanently()"
    183138            tooltip="This item has been flagged for deletion. Click to delete it now."
    184139            enabled="<%=deletePermanentlyPermission %>"
    185140            visible="<%=isRemoved%>"
    186141          />
    187           <base:icon image="used.png"
    188             onclick="showUsingItems()"
     142          <base:icon
     143            id="btnUsingItems"
     144            image="used.png"
    189145            tooltip="This item is used by other items and can't be permanently deleted. Show the items that are using this one"
    190146            visible="<%=isRemoved && isUsed%>" />
     
    193149          <tbl:toolbar subclass="bottomborder">
    194150            <tbl:button
     151              id="btnEdit"
    195152              disabled="<%=!writePermission%>"
    196153              image="edit.png"
    197               onclick="editItem()"
    198154              title="Edit&hellip;"
    199155              tooltip="<%=writePermission ? "Edit this array batch" : "You do not have permission to edit this array batch"%>"
    200156            />
    201157            <tbl:button
     158              id="btnDelete"
    202159              disabled="<%=!deletePermission%>"
    203160              image="delete.png"
    204               onclick="deleteItem()"
    205161              title="Delete"
    206162              visible="<%=!batch.isRemoved()%>"
     
    208164            />
    209165            <tbl:button
     166              id="btnRestore"
    210167              disabled="<%=!writePermission%>"
    211168              image="restore.png"
    212               onclick="restoreItem()"
    213169              title="Restore"
    214170              visible="<%=batch.isRemoved()%>"
     
    216172            />
    217173            <tbl:button
     174              id="btnNewSlide"
    218175              image="add.png"
    219               onclick="newSlide()"
    220176              title="New slide&hellip;"
    221177              tooltip="Create a new array slide in this batch"
     
    223179            />
    224180            <tbl:button
     181              id="btnNewSlideWizard"
    225182              image="new_wizard.png"
    226               onclick="multipleNewSlides()"
    227183              title="Create slides&hellip;"
    228184              tooltip="Create multiple new array slides in this batch using a wizard"
     
    230186            />
    231187            <tbl:button
     188              id="btnShare"
    232189              disabled="<%=!sharePermission%>"
    233190              image="share.png"
    234               onclick="shareItem()"
    235191              title="Share&hellip;"
    236192              tooltip="<%=sharePermission ? "Share this array batch to other user, groups and projects" : "You do not have permission to share this array batch"%>"
    237193            />
    238194            <tbl:button
     195              id="btnSetOwner"
    239196              disabled="<%=!setOwnerPermission%>"
    240197              image="take_ownership.png"
    241               onclick="setOwner()"
    242198              title="Set owner&hellip;"
    243199              tooltip="<%=setOwnerPermission ? "Change owner of this item" : "You do not have permission to change ownership of this item"%>"
    244200            />
    245201            <tbl:button
     202              id="btnImport"
    246203              image="import.png"
    247               onclick="runPlugin('ImportItem')"
     204              data-plugin-type="IMPORT"
    248205              title="Import&hellip;"
    249206              tooltip="Import data"
     
    251208            />
    252209            <tbl:button
    253               image="export.png"
    254               onclick="runPlugin('ExportItem')"
     210              id="btnExport"
     211              image="export.png"
     212              data-plugin-type="EXPORT"
    255213              title="Export&hellip;"
    256214              tooltip="Export data"
     
    258216            />
    259217            <tbl:button
    260               image="runplugin.png"
    261               onclick="runPlugin('RunPlugin')"
     218              id="btnRunPlugin"
     219              image="runplugin.png" 
     220              data-plugin-type="OTHER"
    262221              title="Run plugin&hellip;"
    263222              tooltip="Run a plugin"
     
    268227            <tbl:button
    269228              image="help.png"
    270               onclick="<%="Main.openHelp('" + ID +"', 'arraybatch.view.properties')"%>"
     229              subclass="auto-init"
     230              data-auto-init="help"
     231              data-help-id="arraybatch.view.properties"
    271232              title="Help&hellip;"
    272233              tooltip="Get help about this page"
     
    394355     
    395356      <t:tab id="annotations" title="Annotations &amp; parameters"
    396         tooltip="View annotation values and protocol parameters" clazz="white"
    397         activate="AnnotationsList.loadOnce()">
     357        tooltip="View annotation values and protocol parameters" clazz="white">
    398358        <jsp:include page="../../common/annotations/list_frameset.jsp">
    399359          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     
    404364
    405365      <t:tab id="overview" title="Overview"
    406         tooltip="Display a tree overview of related items"
    407         activate="Overview.loadOnce()">
     366        tooltip="Display a tree overview of related items">
    408367        <jsp:include page="../../common/overview/overview.jsp">
    409368          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     
    414373      <t:tab id="history" title="Change history"
    415374        tooltip="Displays a log of all modifications made to this item"
    416         visible="<%=ChangeHistoryUtil.showChangeHistoryTab(sc)%>"
    417         activate="History.loadOnce()">
     375        visible="<%=ChangeHistoryUtil.showChangeHistoryTab(sc)%>">
    418376        <jsp:include page="../../common/history/frameset.jsp">
    419377          <jsp:param name="item_type" value="<%=itemType.name()%>" />
  • trunk/www/lims/arraydesigns/features/list_features.jsp

    r6221 r6307  
    143143  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    144144  %>
    145   <base:page title="<%=title%>">
    146   <base:head scripts="table.js,tabcontrol.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
     145  <base:page title="<%=title%>" id="list-page">
     146  <base:head scripts="table.js,tabcontrol-2.js,~features.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
    147147    <ext:scripts context="<%=jspContext%>" />
    148148    <ext:stylesheets context="<%=jspContext%>" />
    149     <script>
    150     var submitPage = 'index.jsp';
    151     var formId = 'features';
    152     function viewItem(itemId)
    153     {
    154       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false, '&arraydesign_id=<%=arrayDesignId%>');
    155     }
    156     function itemOnClick(evt, itemId)
    157     {
    158       viewItem(itemId);
    159     }
    160     function configureColumns()
    161     {
    162       Table.configureColumns(formId);
    163     }
    164     function runPlugin(cmd)
    165     {
    166       Table.submitToPopup(formId, cmd, 750, 500);
    167     }
    168     function returnSelected()
    169     {
    170       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    171       window.close();
    172     }
    173     function switchTab(tabControlId, tabId)
    174     {
    175       if (tabId == 'properties' || tabId == 'annotations' || tabId == 'overview' || tabId == 'history')
    176       {
    177         location.href = '../index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=arrayDesignId%>&tab='+tabId;
    178       }
    179       else
    180       {
    181         TabControl.setActiveTab(tabControlId, tabId);
    182       }
    183     }
    184     function newReporterList()
    185     {
    186       Table.submitToPopup(formId, 'CreateReporterList', 600, 400);
    187     }
    188     </script>
    189149  </base:head>
    190150 
     
    198158      id="main"
    199159      subclass="content mastertabcontrol"
    200       active="images" switch="switchTab">
     160      active="images">
    201161    <t:tab id="properties" title="Properties" />
    202162    <t:tab id="annotations" title="Annotations" />
     
    515475          >
    516476          <tbl:button
     477            id="btnColumns"
    517478            image="columns.png"
    518479            onclick="configureColumns()"
     
    521482          />
    522483          <tbl:button
     484            id="btnNewReporterList"
    523485            image="add.png"
    524             onclick="newReporterList()"
    525486            title="New reporter list&hellip;"
    526487            tooltip="Create a new reporter list from matching features"
     
    528489          />
    529490          <tbl:button
     491            id="btnImport"
     492            data-plugin-type="IMPORT"
    530493            image="import.png"
    531             onclick="runPlugin('ImportItems')"
    532494            title="Import&hellip;"
    533495            tooltip="Import data"
     
    535497          />
    536498          <tbl:button
     499            id="btnExport"
     500            data-plugin-type="EXPORT"
    537501            image="export.png"
    538             onclick="runPlugin('ExportItems')"
    539502            title="Export&hellip;"
    540503            tooltip="Export data"
     
    542505          />
    543506          <tbl:button
     507            id="btnRunPlugin"
     508            data-plugin-type="OTHER"
    544509            image="runplugin.png"
    545             onclick="runPlugin('RunListPlugin')"
    546510            title="Run plugin&hellip;"
    547511            tooltip="Run a plugin"
     
    642606                  visible="<%=mode.hasIcons()%>"
    643607                  ></tbl:header>
    644                 <tbl:cell column="position"><div class="link" onclick="itemOnClick(event, <%=itemId%>)"
    645                   title="<%=tooltip%>"><%=item.getPosition()%></div></tbl:cell>
     608                <tbl:cell column="position"><div
     609                    class="link table-item"
     610                    data-item-id="<%=itemId%>"
     611                    data-no-edit="1"
     612                    data-extra-url="&arraydesign_id=<%=arrayDesignId%>"
     613                    tabindex="0"
     614                    title="<%=tooltip%>"><%=item.getPosition()%></div></tbl:cell>
    646615                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
    647                 <tbl:cell column="externalId"><div class="link" onclick="itemOnClick(event, <%=itemId%>)"
    648                   title="<%=tooltip%>"><%=HTML.encodeTags(item.getExternalId())%></div></tbl:cell>
     616                <tbl:cell column="externalId"><div
     617                    class="link table-item"
     618                    data-item-id="<%=itemId%>"
     619                    data-no-edit="1"
     620                    data-extra-url="&arraydesign_id=<%=arrayDesignId%>"
     621                    tabindex="0"
     622                    title="<%=tooltip%>"><%=HTML.encodeTags(item.getExternalId())%></div></tbl:cell>
    649623                <tbl:cell column="block"><%=block.getBlockNumber()%></tbl:cell>
    650624                <tbl:cell column="row"><%=item.getRow()%></tbl:cell>
  • trunk/www/lims/arraydesigns/features/view_feature.jsp

    r6146 r6307  
    9797  }
    9898
    99  
    100  
    10199  String title = "Feature of "+HTML.encodeTags(design.getName()) + " at position " + feature.getPosition();
    102100  %>
    103 
    104   <base:page title="<%=title%>" type="popup">
    105   <base:head scripts="tabcontrol.js" styles="tabcontrol.css">
     101  <base:page title="<%=title%>" type="popup" id="view-page">
     102  <base:head scripts="tabcontrol-2.js,~features.js" styles="tabcontrol.css">
    106103  </base:head>
    107104  <base:body>
     
    323320
    324321    <base:buttongroup subclass="dialogbuttons">
    325       <base:button onclick="window.close()" title="Close" />
     322      <base:button id="close" title="Close" />
    326323    </base:buttongroup>
    327324   
  • trunk/www/lims/arraydesigns/list_designs.jsp

    r6221 r6307  
    144144  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    145145  %>
    146   <base:page title="<%=title==null ? "Array designs" : title%>" type="<%=mode.getPageType()%>">
    147   <base:head scripts="table.js" styles="table.css,toolbar.css">
     146  <base:page title="<%=title==null ? "Array designs" : title%>" type="<%=mode.getPageType()%>" id="list-page">
     147  <base:head scripts="table.js,~designs.js" styles="table.css,toolbar.css">
    148148    <ext:scripts context="<%=jspContext%>" />
    149149    <ext:stylesheets context="<%=jspContext%>" />
    150     <script>
    151     var submitPage = 'index.jsp';
    152     var formId = 'designs';
    153     function newItem()
    154     {
    155       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', 0, true);
    156     }
    157     function editItem(itemId)
    158     {
    159       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    160     }
    161     function viewItem(itemId)
    162     {
    163       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    164     }
    165     function itemOnClick(evt, itemId)
    166     {
    167       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    168     }
    169     function deleteItems()
    170     {
    171       var frm = document.forms[formId];
    172       if (Forms.numChecked(frm) == 0)
    173       {
    174         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    175         return;
    176       }
    177       frm.action = submitPage;
    178       frm.cmd.value = 'DeleteItems';
    179       frm.submit();
    180     }
    181    
    182     function restoreItems()
    183     {
    184       var frm = document.forms[formId];
    185       if (Forms.numChecked(frm) == 0)
    186       {
    187         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    188         return;
    189       }
    190       frm.action = submitPage;
    191       frm.cmd.value = 'RestoreItems';
    192       frm.submit();
    193     }
    194     function setOwner()
    195     {
    196       Table.setOwnerOfItems(formId);
    197     }
    198     function shareItems()
    199     {
    200       Table.shareItems(formId);
    201     }
    202     function configureColumns()
    203     {
    204       Table.configureColumns(formId);
    205     }
    206     function runPlugin(cmd)
    207     {
    208       Table.submitToPopup(formId, cmd, 750, 500);
    209     }
    210     function returnSelected()
    211     {
    212       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    213       window.close();
    214     }
    215     function newBatch(designId)
    216     {
    217       Main.viewOrEditItem('<%=ID%>', 'ARRAYBATCH', 0, true, '&arraydesign_id='+designId);
    218     }
    219     </script>
    220150  </base:head>
    221151 
     
    452382          >
    453383          <tbl:button
     384            id="btnNewItem"
    454385            disabled="<%=!createPermission%>"
    455386            image="new.png"
    456             onclick="newItem()"
    457387            title="New&hellip;"
    458388            tooltip="<%=createPermission ? "Create new array design" : "You do not have permission to create array designs"%>"
    459389          />
    460390          <tbl:button
     391            id="btnDeleteItems"
    461392            image="delete.png"
    462             onclick="deleteItems()"
    463393            title="Delete"
    464394            tooltip="Delete the selected items"
    465395          />
    466396          <tbl:button
     397            id="btnRestoreItems"
    467398            image="restore.png"
    468             onclick="restoreItems()"
    469399            title="Restore"
    470400            tooltip="Restore the selected (deleted) items"
    471401          />
    472402          <tbl:button
     403            id="btnShareItems"
    473404            image="share.png"
    474             onclick="shareItems()"
    475405            title="Share&hellip;"
    476406            tooltip="Share the selected items"
    477407          />
    478408          <tbl:button
     409            id="btnSetOwner"
    479410            image="take_ownership.png"
    480             onclick="setOwner()"
    481411            title="Set owner&hellip;"
    482412            tooltip="Change owner of the selected items"
    483413          />
    484414          <tbl:button
     415            id="btnColumns"
    485416            image="columns.png"
    486             onclick="configureColumns()"
    487417            title="Columns&hellip;"
    488418            tooltip="Show, hide and re-order columns"
    489419          />
    490420          <tbl:button
     421            id="btnImport"
     422            data-plugin-type="IMPORT"
    491423            image="import.png"
    492             onclick="runPlugin('ImportItems')"
    493424            title="Import&hellip;"
    494425            tooltip="Import data"
     
    496427          />
    497428          <tbl:button
     429            id="btnExport"
     430            data-plugin-type="EXPORT"
    498431            image="export.png"
    499             onclick="runPlugin('ExportItems')"
    500432            title="Export&hellip;"
    501433            tooltip="Export data"
     
    503435          />
    504436          <tbl:button
     437            id="btnRunPlugin"
     438            data-plugin-type="OTHER"
    505439            image="runplugin.png"
    506             onclick="runPlugin('RunListPlugin')"
    507440            title="Run plugin&hellip;"
    508441            tooltip="Run a plugin"
     
    630563                    visible="<%=item.isShared()%>"
    631564                  />&nbsp;</tbl:header>
    632                 <tbl:cell column="name"><div class="link"
    633                   onclick="itemOnClick(<%=writePermission ? "event" : null%>, <%=itemId%>)"
     565                <tbl:cell column="name"><div
     566                  class="link table-item"
     567                  data-item-id="<%=itemId%>"
     568                  data-no-edit="<%=writePermission ? 0 : 1 %>"
     569                  tabindex="0"
    634570                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
    635571                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
     
    702638                  %>
    703639                  <base:icon
     640                    subclass="link auto-init"
     641                    data-auto-init="new-batch"
     642                    data-item-id="<%=itemId %>"
    704643                    image="add.png"
    705                     onclick="<%="newBatch("+itemId+")"%>"
    706644                    tooltip="Create new batch"
    707645                    visible="<%=mode.hasEditLink() && createBatchPermission && usePermission %>"
     
    782720   
    783721    <base:buttongroup subclass="dialogbuttons">
    784       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    785       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    786       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     722      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     723      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     724      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    787725    </base:buttongroup>
    788726   
  • trunk/www/lims/arraydesigns/view_design.jsp

    r6255 r6307  
    124124  ExtensionsInvoker invoker = ToolbarUtil.useExtensions(jspContext);
    125125  %>
    126   <base:page title="<%=title%>">
    127   <base:head scripts="table.js,tabcontrol.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
     126  <base:page title="<%=title%>" id="view-page">
     127  <base:head scripts="table.js,tabcontrol-2.js,~designs.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
    128128    <ext:scripts context="<%=jspContext%>" />
    129129    <ext:stylesheets context="<%=jspContext%>" />
    130     <script>
    131     function editItem()
    132     {
    133       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>, true);
    134     }
    135     function shareItem()
    136     {
    137       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=ShareItem&item_id=<%=itemId%>', 'ShareArrayDesign', 600, 400);
    138     }
    139     function deleteItem()
    140     {
    141       location.replace('index.jsp?ID=<%=ID%>&cmd=DeleteItem&item_id=<%=itemId%>');
    142     }
    143     function restoreItem()
    144     {
    145       location.replace('index.jsp?ID=<%=ID%>&cmd=RestoreItem&item_id=<%=itemId%>');
    146     }
    147     function deleteItemPermanently()
    148     {
    149       Main.deleteItemPermanently('<%=ID%>', true, '<%=itemType.name()%>', <%=itemId%>, '&callback=itemDeleted');
    150     }
    151     function itemDeleted()
    152     {
    153       Main.listItems('<%=ID%>', '<%=itemType.name()%>');
    154     }
    155     function showUsingItems()
    156     {
    157       Main.showUsingItems('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>);
    158     }
    159     function setOwner()
    160     {
    161       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=SetOwnerOfItem&item_id=<%=itemId%>', 'SetOwnerOfItem', 450, 300);
    162     }
    163     function runPlugin(cmd)
    164     {
    165       Main.openPopup('index.jsp?ID=<%=ID%>&cmd='+cmd+'&item_id=<%=itemId%>', 'RunPlugin'+cmd, 750, 500);
    166     }
    167     function viewFeatures()
    168     {
    169       location.href = 'features/index.jsp?ID=<%=ID%>&arraydesign_id=<%=itemId%>';
    170     }
    171     function managePlates()
    172     {
    173       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=ManagePlates&item_id=<%=itemId%>', 'ManagePlates', 600, 400);
    174     }
    175     function switchTab(tabControlId, tabId)
    176     {
    177       if (TabControl.isActive(tabControlId, tabId)) return;
    178       if (tabId == 'features')
    179       {
    180         viewFeatures();
    181       }
    182       else
    183       {
    184         TabControl.setActiveTab(tabControlId, tabId);
    185       }
    186     }
    187     function newBatch()
    188     {
    189       Main.viewOrEditItem('<%=ID%>', 'ARRAYBATCH', 0, true, '&arraydesign_id=<%=itemId%>');
    190     }
    191     function verifyReporters()
    192     {
    193       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=VerifyReporters&item_id=<%=itemId%>', 'VerifyReporters', 750, 500);
    194     }
    195     </script>
    196130  </base:head>
    197131  <base:body>
     
    200134      /><p:pathelement title="<%=HTML.encodeTags(design.getName())%>"
    201135      /></p:path>
     136    <div id="page-data" data-item-id="<%=itemId%>"></div>
    202137   
    203138    <t:tabcontrol
    204139      id="main"
    205140      subclass="content mastertabcontrol"
    206       active="<%=tab%>" switch="switchTab" remember="false">
     141      active="<%=tab%>">
    207142    <t:tab id="properties" title="Properties">
    208143      <div>
     
    216151          />
    217152          <base:icon
     153            id="btnDeletePermanently"
    218154            image="deleted.png"
    219             onclick="deleteItemPermanently()"
    220155            tooltip="This item has been flagged for deletion. Click to delete it now."
    221156            enabled="<%=deletePermanentlyPermission %>"
    222157            visible="<%=isRemoved%>"
    223158          />
    224           <base:icon image="used.png"
    225             onclick="showUsingItems()"
     159          <base:icon
     160            id="btnUsingItems"
     161            image="used.png"
    226162            tooltip="This item is used by other items and can't be permanently deleted. Show the items that are using this one"
    227163            visible="<%=isRemoved && isUsed%>" />
     
    230166          <tbl:toolbar subclass="bottomborder">
    231167            <tbl:button
     168              id="btnEdit"
    232169              disabled="<%=!writePermission%>"
    233170              image="edit.png"
    234               onclick="editItem()"
    235171              title="Edit&hellip;"
    236172              tooltip="<%=writePermission ? "Edit this array design" : "You do not have permission to edit this array design"%>"
    237173            />
    238174            <tbl:button
     175              id="btnDelete"
    239176              disabled="<%=!deletePermission%>"
    240177              image="delete.png"
    241               onclick="deleteItem()"
    242178              title="Delete"
    243179              visible="<%=!design.isRemoved()%>"
     
    245181            />
    246182            <tbl:button
     183              id="btnRestore"
    247184              disabled="<%=!writePermission%>"
    248185              image="restore.png"
    249               onclick="restoreItem()"
    250186              title="Restore"
    251187              visible="<%=design.isRemoved()%>"
     
    253189            />
    254190            <tbl:button
     191              id="btnShare"
    255192              disabled="<%=!sharePermission%>"
    256193              image="share.png"
    257               onclick="shareItem()"
    258194              title="Share&hellip;"
    259195              tooltip="<%=sharePermission ? "Share this array design to other user, groups and projects" : "You do not have permission to share this array design"%>"
    260196            />
    261197            <tbl:button
     198              id="btnSetOwner"
    262199              disabled="<%=!setOwnerPermission%>"
    263200              image="take_ownership.png"
    264               onclick="setOwner()"
    265201              title="Set owner&hellip;"
    266202              tooltip="<%=setOwnerPermission ? "Change owner of this item" : "You do not have permission to change ownership of this item"%>"
    267203            />
    268204            <tbl:button
     205              id="btnNewBatch"
    269206              image="add.png"
    270               onclick="newBatch()"
    271207              title="New batch&hellip;"
    272208              tooltip="Create a new array batch with this design"
     
    274210            />
    275211            <tbl:button
     212              id="btnImport"
    276213              image="import.png"
    277               onclick="runPlugin('ImportItem')"
     214              data-plugin-type="IMPORT"
    278215              title="Import&hellip;"
    279216              tooltip="Import data"
     
    281218            />
    282219            <tbl:button
    283               image="export.png"
    284               onclick="runPlugin('ExportItem')"
     220              id="btnExport"
     221              image="export.png"
     222              data-plugin-type="EXPORT"
    285223              title="Export&hellip;"
    286224              tooltip="Export data"
     
    288226            />
    289227            <tbl:button
    290               image="runplugin.png"
    291               onclick="runPlugin('RunPlugin')"
     228              id="btnRunPlugin"
     229              image="runplugin.png" 
     230              data-plugin-type="OTHER"
    292231              title="Run plugin&hellip;"
    293232              tooltip="Run a plugin"
     
    295234            />
    296235            <tbl:button
    297               onclick="managePlates()"
     236              id="btnManagePlates"
    298237              title="Manage plates&hellip;"
    299238              tooltip="Attach / detach plates to this array design"
     
    304243            <tbl:button
    305244              image="help.png"
    306               onclick="<%="Main.openHelp('" + ID +"', 'arraydesign.view.properties')"%>"
     245              subclass="auto-init"
     246              data-auto-init="help"
     247              data-help-id="arraydesign.view.properties"
    307248              title="Help&hellip;"
    308249              tooltip="Get help about this page"
     
    554495     
    555496    <t:tab id="annotations" title="Annotations"
    556       tooltip="View annotation values" clazz="white"
    557         activate="AnnotationsList.loadOnce()">
     497      tooltip="View annotation values" clazz="white">
    558498        <jsp:include page="../../common/annotations/list_frameset.jsp">
    559499        <jsp:param name="item_type" value="<%=itemType.name()%>" />
     
    563503    </t:tab>
    564504     
    565     <t:tab id="features" title="Features" visible="<%=design.getNumDbFeatures() > 0%>"/>
     505    <t:tab id="features" title="Features" visible="<%=design.getNumDbFeatures() > 0%>">
     506      <div class="filled absolutefull">
     507        <table style="margin: auto; height: 100%;"><tr><td>
     508        <b>Please wait. The features information is loading...</b>
     509        </td></tr></table>
     510      </div>
     511    </t:tab>
    566512
    567513    <t:tab id="overview" title="Overview"
    568       tooltip="Display a tree overview of related items"
    569       activate="Overview.loadOnce()">
     514      tooltip="Display a tree overview of related items">
    570515      <jsp:include page="../../common/overview/overview.jsp">
    571516        <jsp:param name="item_type" value="<%=itemType.name()%>" />
     
    576521    <t:tab id="history" title="Change history"
    577522      tooltip="Displays a log of all modifications made to this item"
    578       visible="<%=ChangeHistoryUtil.showChangeHistoryTab(sc)%>"
    579       activate="History.loadOnce()">
     523      visible="<%=ChangeHistoryUtil.showChangeHistoryTab(sc)%>">
    580524      <jsp:include page="../../common/history/frameset.jsp">
    581525        <jsp:param name="item_type" value="<%=itemType.name()%>" />
  • trunk/www/lims/arrayslides/list_slides.jsp

    r6221 r6307  
    107107  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    108108  %>
    109   <base:page title="<%=title==null ? "Array slides" : title%>" type="<%=mode.getPageType()%>">
    110   <base:head scripts="table.js" styles="table.css,toolbar.css">
     109  <base:page title="<%=title==null ? "Array slides" : title%>" type="<%=mode.getPageType()%>" id="list-page">
     110  <base:head scripts="table.js,~slides.js" styles="table.css,toolbar.css">
    111111    <ext:scripts context="<%=jspContext%>" />
    112112    <ext:stylesheets context="<%=jspContext%>" />
    113     <script>
    114     var submitPage = 'index.jsp';
    115     var formId = 'slides';
    116     function newItem()
    117     {
    118       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', 0, true);
    119     }
    120     function newItems()
    121     {     
    122       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=NewItems', 'NewArraySlides', 750, 500);
    123     }
    124     function editItem(itemId)
    125     {
    126       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    127     }
    128     function viewItem(itemId)
    129     {
    130       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    131     }
    132     function itemOnClick(evt, itemId)
    133     {
    134       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    135     }
    136     function deleteItems()
    137     {
    138       var frm = document.forms[formId];
    139       if (Forms.numChecked(frm) == 0)
    140       {
    141         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    142         return;
    143       }
    144       frm.action = submitPage;
    145       frm.cmd.value = 'DeleteItems';
    146       frm.submit();
    147     }
    148     function restoreItems()
    149     {
    150       var frm = document.forms[formId];
    151       if (Forms.numChecked(frm) == 0)
    152       {
    153         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    154         return;
    155       }
    156       frm.action = submitPage;
    157       frm.cmd.value = 'RestoreItems';
    158       frm.submit();
    159     }
    160     function setOwner()
    161     {
    162       Table.setOwnerOfItems(formId);
    163     }
    164     function shareItems()
    165     {
    166       Table.shareItems(formId);
    167     }
    168     function configureColumns()
    169     {
    170       Table.configureColumns(formId);
    171     }
    172     function runPlugin(cmd)
    173     {
    174       Table.submitToPopup(formId, cmd, 750, 500);
    175     }
    176     function returnSelected()
    177     {
    178       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    179       window.close();
    180     }
    181     </script>
    182113  </base:head>
    183114 
     
    361292          >
    362293          <tbl:button
     294            id="btnNewItem"
    363295            disabled="<%=!createPermission%>"
    364296            image="new.png"
    365             onclick="newItem()"
    366297            title="New&hellip;"
    367298            tooltip="<%=createPermission ? "Create new array slide" : "You do not have permission to create array slides"%>"
    368299          />
    369300          <tbl:button
     301            id="btnNewItemsWizard"
    370302            disabled="<%=!createPermission%>"
    371303            image="new_wizard.png"
    372             onclick="newItems()"
    373304            title="Create multiple&hellip;"
    374305            tooltip="<%=createPermission ? "Create multiple new array slides using a wizard" : "You do not have permission to create array slides"%>"
    375306          />
    376307          <tbl:button
     308            id="btnDeleteItems"
    377309            image="delete.png"
    378             onclick="deleteItems()"
    379310            title="Delete"
    380311            tooltip="Delete the selected items"
    381312          />
    382313          <tbl:button
     314            id="btnRestoreItems"
    383315            image="restore.png"
    384             onclick="restoreItems()"
    385316            title="Restore"
    386317            tooltip="Restore the selected (deleted) items"
    387318          />
    388319          <tbl:button
     320            id="btnShareItems"
    389321            image="share.png"
    390             onclick="shareItems()"
    391322            title="Share&hellip;"
    392323            tooltip="Share the selected items"
    393324          />
    394325          <tbl:button
     326            id="btnSetOwner"
    395327            image="take_ownership.png"
    396             onclick="setOwner()"
    397328            title="Set owner&hellip;"
    398329            tooltip="Change owner of the selected items"
    399330          />
    400331          <tbl:button
     332            id="btnColumns"
    401333            image="columns.png"
    402             onclick="configureColumns()"
    403334            title="Columns&hellip;"
    404335            tooltip="Show, hide and re-order columns"
    405336          />
    406337          <tbl:button
     338            id="btnImport"
     339            data-plugin-type="IMPORT"
    407340            image="import.png"
    408             onclick="runPlugin('ImportItems')"
    409341            title="Import&hellip;"
    410342            tooltip="Import data"
     
    412344          />
    413345          <tbl:button
     346            id="btnExport"
     347            data-plugin-type="EXPORT"
    414348            image="export.png"
    415             onclick="runPlugin('ExportItems')"
    416349            title="Export&hellip;"
    417350            tooltip="Export data"
     
    419352          />
    420353          <tbl:button
     354            id="btnRunPlugin"
     355            data-plugin-type="OTHER"
    421356            image="runplugin.png"
    422             onclick="runPlugin('RunListPlugin')"
    423357            title="Run plugin&hellip;"
    424358            tooltip="Run a plugin"
     
    538472                    visible="<%=item.isShared()%>"
    539473                  />&nbsp;</tbl:header>
    540                 <tbl:cell column="name"><div class="link"
    541                   onclick="itemOnClick(<%=writePermission ? "event" : null%>, <%=itemId%>)"
     474                <tbl:cell column="name"><div
     475                  class="link table-item"
     476                  data-item-id="<%=itemId%>"
     477                  data-no-edit="<%=writePermission ? 0 : 1 %>"
     478                  tabindex="0"
    542479                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
    543480                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
     
    641578   
    642579    <base:buttongroup subclass="dialogbuttons">
    643       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    644       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    645       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     580      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     581      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     582      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    646583    </base:buttongroup>
    647584   
  • trunk/www/lims/arrayslides/view_slide.jsp

    r6255 r6307  
    105105  ExtensionsInvoker invoker = ToolbarUtil.useExtensions(jspContext);
    106106  %>
    107   <base:page title="<%=title%>">
    108   <base:head scripts="tabcontrol.js,table.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
     107  <base:page title="<%=title%>" id="view-page">
     108  <base:head scripts="tabcontrol-2.js,table.js,~slides.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
    109109    <ext:scripts context="<%=jspContext%>" />
    110110    <ext:stylesheets context="<%=jspContext%>" />
    111     <script>
    112     function editItem()
    113     {
    114       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>, true);
    115     }
    116     function shareItem()
    117     {
    118       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=ShareItem&item_id=<%=itemId%>', 'ShareArraySlide', 600, 400);
    119     }
    120     function deleteItem()
    121     {
    122       location.replace('index.jsp?ID=<%=ID%>&cmd=DeleteItem&item_id=<%=itemId%>');
    123     }
    124     function restoreItem()
    125     {
    126       location.replace('index.jsp?ID=<%=ID%>&cmd=RestoreItem&item_id=<%=itemId%>');
    127     }
    128     function deleteItemPermanently()
    129     {
    130       Main.deleteItemPermanently('<%=ID%>', true, '<%=itemType.name()%>', <%=itemId%>, '&callback=itemDeleted');
    131     }
    132     function itemDeleted()
    133     {
    134       Main.listItems('<%=ID%>', '<%=itemType.name()%>');
    135     }
    136     function showUsingItems()
    137     {
    138       Main.showUsingItems('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>);
    139     }
    140     function setOwner()
    141     {
    142       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=SetOwnerOfItem&item_id=<%=itemId%>', 'SetOwnerOfItem', 450, 300);
    143     }
    144     function runPlugin(cmd)
    145     {
    146       Main.openPopup('index.jsp?ID=<%=ID%>&cmd='+cmd+'&item_id=<%=itemId%>', 'RunPlugin'+cmd, 750, 500);
    147     }
    148     </script>
    149111  </base:head>
    150112  <base:body>
     
    153115      /><p:pathelement title="<%=HTML.encodeTags(slide.getName())%>"
    154116      /></p:path>
     117    <div id="page-data" data-item-id="<%=itemId%>"></div>
    155118   
    156119    <t:tabcontrol
     
    169132          />
    170133          <base:icon
     134            id="btnDeletePermanently"
    171135            image="deleted.png"
    172             onclick="deleteItemPermanently()"
    173136            tooltip="This item has been flagged for deletion. Click to delete it now."
    174137            enabled="<%=deletePermanentlyPermission %>"
    175138            visible="<%=isRemoved%>"
    176139          />
    177           <base:icon image="used.png"
    178             onclick="showUsingItems()"
     140          <base:icon
     141            id="btnUsingItems"
     142            image="used.png"
    179143            tooltip="This item is used by other items and can't be permanently deleted. Show the items that are using this one"
    180144            visible="<%=isRemoved && isUsed%>" />
     
    183147          <tbl:toolbar subclass="bottomborder">
    184148            <tbl:button
     149              id="btnEdit"
    185150              disabled="<%=!writePermission%>"
    186151              image="edit.png"
    187               onclick="editItem()"
    188152              title="Edit&hellip;"
    189153              tooltip="<%=writePermission ? "Edit this array slide" : "You do not have permission to edit this array slide"%>"
    190154            />
    191155            <tbl:button
     156              id="btnDelete"
    192157              disabled="<%=!deletePermission%>"
    193158              image="delete.png"
    194               onclick="deleteItem()"
    195159              title="Delete"
    196160              visible="<%=!slide.isRemoved()%>"
     
    198162            />
    199163            <tbl:button
     164              id="btnRestore"
    200165              disabled="<%=!writePermission%>"
    201166              image="restore.png"
    202               onclick="restoreItem()"
    203167              title="Restore"
    204168              visible="<%=slide.isRemoved()%>"
     
    206170            />
    207171            <tbl:button
     172              id="btnShare"
    208173              disabled="<%=!sharePermission%>"
    209174              image="share.png"
    210               onclick="shareItem()"
    211175              title="Share&hellip;"
    212176              tooltip="<%=sharePermission ? "Share this array slide to other user, groups and projects" : "You do not have permission to share this array slide"%>"
    213177            />
    214178            <tbl:button
     179              id="btnSetOwner"
    215180              disabled="<%=!setOwnerPermission%>"
    216181              image="take_ownership.png"
    217               onclick="setOwner()"
    218182              title="Set owner&hellip;"
    219183              tooltip="<%=setOwnerPermission ? "Change owner of this item" : "You do not have permission to change ownership of this item"%>"
    220184            />
    221185            <tbl:button
     186              id="btnImport"
    222187              image="import.png"
    223               onclick="runPlugin('ImportItem')"
     188              data-plugin-type="IMPORT"
    224189              title="Import&hellip;"
    225190              tooltip="Import data"
     
    227192            />
    228193            <tbl:button
    229               image="export.png"
    230               onclick="runPlugin('ExportItem')"
     194              id="btnExport"
     195              image="export.png"
     196              data-plugin-type="EXPORT"
    231197              title="Export&hellip;"
    232198              tooltip="Export data"
     
    234200            />
    235201            <tbl:button
    236               image="runplugin.png"
    237               onclick="runPlugin('RunPlugin')"
     202              id="btnRunPlugin"
     203              image="runplugin.png" 
     204              data-plugin-type="OTHER"
    238205              title="Run plugin&hellip;"
    239206              tooltip="Run a plugin"
     
    244211            <tbl:button
    245212              image="help.png"
    246               onclick="<%="Main.openHelp('" + ID +"', 'arrayslide.view.properties')"%>"
     213              subclass="auto-init"
     214              data-auto-init="help"
     215              data-help-id="arrayslide.view.properties"
    247216              title="Help&hellip;"
    248217              tooltip="Get help about this page"
     
    313282     
    314283      <t:tab id="annotations" title="Annotations &amp; parameters"
    315         tooltip="View annotation values and protocol parameters" clazz="white"
    316         activate="AnnotationsList.loadOnce()">
     284        tooltip="View annotation values and protocol parameters" clazz="white">
    317285        <jsp:include page="../../common/annotations/list_frameset.jsp">
    318286          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     
    323291
    324292      <t:tab id="overview" title="Overview"
    325         tooltip="Display a tree overview of related items"
    326         activate="Overview.loadOnce()">
     293        tooltip="Display a tree overview of related items">
    327294        <jsp:include page="../../common/overview/overview.jsp">
    328295          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     
    333300      <t:tab id="history" title="Change history"
    334301        tooltip="Displays a log of all modifications made to this item"
    335         visible="<%=ChangeHistoryUtil.showChangeHistoryTab(sc)%>"
    336         activate="History.loadOnce()">
     302        visible="<%=ChangeHistoryUtil.showChangeHistoryTab(sc)%>">
    337303        <jsp:include page="../../common/history/frameset.jsp">
    338304          <jsp:param name="item_type" value="<%=itemType.name()%>" />
  • trunk/www/lims/platemappings/list_mappings.jsp

    r6221 r6307  
    106106  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    107107  %>
    108   <base:page title="<%=title==null ? "Plate mappings" : title%>" type="<%=mode.getPageType()%>">
    109   <base:head scripts="table.js" styles="table.css,toolbar.css">
     108  <base:page title="<%=title==null ? "Plate mappings" : title%>" type="<%=mode.getPageType()%>" id="list-page">
     109  <base:head scripts="table.js,~mappings.js" styles="table.css,toolbar.css">
    110110    <ext:scripts context="<%=jspContext%>" />
    111111    <ext:stylesheets context="<%=jspContext%>" />
    112     <script>
    113     var submitPage = 'index.jsp';
    114     var formId = 'mappings';
    115     function newItem()
    116     {
    117       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', 0, true);
    118     }
    119     function editItem(itemId)
    120     {
    121       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    122     }
    123     function viewItem(itemId)
    124     {
    125       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    126     }
    127     function itemOnClick(evt, itemId)
    128     {
    129       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    130     }
    131     function deleteItems()
    132     {
    133       var frm = document.forms[formId];
    134       if (Forms.numChecked(frm) == 0)
    135       {
    136         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    137         return;
    138       }
    139       frm.action = submitPage;
    140       frm.cmd.value = 'DeleteItems';
    141       frm.submit();
    142     }
    143     function restoreItems()
    144     {
    145       var frm = document.forms[formId];
    146       if (Forms.numChecked(frm) == 0)
    147       {
    148         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    149         return;
    150       }
    151       frm.action = submitPage;
    152       frm.cmd.value = 'RestoreItems';
    153       frm.submit();
    154     }
    155     function setOwner()
    156     {
    157       Table.setOwnerOfItems(formId);
    158     }
    159     function shareItems()
    160     {
    161       Table.shareItems(formId);
    162     }
    163     function configureColumns()
    164     {
    165       Table.configureColumns(formId);
    166     }
    167     function runPlugin(cmd)
    168     {
    169       Table.submitToPopup(formId, cmd, 750, 500);
    170     }
    171     function returnSelected()
    172     {
    173       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    174       window.close();
    175     }
    176     </script>
    177112  </base:head>
    178113 
     
    328263          >
    329264          <tbl:button
     265            id="btnDeleteItems"
    330266            image="delete.png"
    331             onclick="deleteItems()"
    332267            title="Delete"
    333268            tooltip="Delete the selected items"
    334269          />
    335270          <tbl:button
     271            id="btnRestoreItems"
    336272            image="restore.png"
    337             onclick="restoreItems()"
    338273            title="Restore"
    339274            tooltip="Restore the selected (deleted) items"
    340275          />
    341276          <tbl:button
     277            id="btnShareItems"
    342278            image="share.png"
    343             onclick="shareItems()"
    344279            title="Share&hellip;"
    345280            tooltip="Share the selected items"
    346281          />
    347282          <tbl:button
     283            id="btnSetOwner"
    348284            image="take_ownership.png"
    349             onclick="setOwner()"
    350285            title="Set owner&hellip;"
    351286            tooltip="Change owner of the selected items"
    352287          />
    353288          <tbl:button
     289            id="btnColumns"
    354290            image="columns.png"
    355             onclick="configureColumns()"
    356291            title="Columns&hellip;"
    357292            tooltip="Show, hide and re-order columns"
    358293          />
    359294          <tbl:button
     295            id="btnImport"
     296            data-plugin-type="IMPORT"
    360297            image="import.png"
    361             onclick="runPlugin('ImportItems')"
    362298            title="Import&hellip;"
    363299            tooltip="Import data"
     
    365301          />
    366302          <tbl:button
     303            id="btnExport"
     304            data-plugin-type="EXPORT"
    367305            image="export.png"
    368             onclick="runPlugin('ExportItems')"
    369306            title="Export&hellip;"
    370307            tooltip="Export data"
     
    372309          />
    373310          <tbl:button
     311            id="btnRunPlugin"
     312            data-plugin-type="OTHER"
    374313            image="runplugin.png"
    375             onclick="runPlugin('RunListPlugin')"
    376314            title="Run plugin&hellip;"
    377315            tooltip="Run a plugin"
     
    491429                    visible="<%=item.isShared()%>"
    492430                  />&nbsp;</tbl:header>
    493                 <tbl:cell column="name"><div class="link"
    494                   onclick="itemOnClick(<%=writePermission ? "event" : null%>, <%=itemId%>)"
     431                <tbl:cell column="name"><div
     432                  class="link table-item"
     433                  data-item-id="<%=itemId%>"
     434                  data-no-edit="<%=writePermission ? 0 : 1 %>"
     435                  tabindex="0"
    495436                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
    496437                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
     
    564505   
    565506    <base:buttongroup subclass="dialogbuttons">
    566       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    567       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    568       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     507      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     508      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     509      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    569510    </base:buttongroup>
    570511   
  • trunk/www/lims/platemappings/view_mapping.jsp

    r6146 r6307  
    106106  ExtensionsInvoker invoker = ToolbarUtil.useExtensions(jspContext);
    107107  %>
    108   <base:page title="<%=title%>">
    109   <base:head scripts="table.js,tabcontrol.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
     108  <base:page title="<%=title%>" id="view-page">
     109  <base:head scripts="table.js,tabcontrol-2.js,~mappings.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
    110110    <ext:scripts context="<%=jspContext%>" />
    111111    <ext:stylesheets context="<%=jspContext%>" />
    112     <script>
    113     function editItem()
    114     {
    115       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>, true);
    116     }
    117     function shareItem()
    118     {
    119       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=ShareItem&item_id=<%=itemId%>', 'SharePlateMapping', 600, 400);
    120     }
    121     function deleteItem()
    122     {
    123       location.replace('index.jsp?ID=<%=ID%>&cmd=DeleteItem&item_id=<%=itemId%>');
    124     }
    125     function restoreItem()
    126     {
    127       location.replace('index.jsp?ID=<%=ID%>&cmd=RestoreItem&item_id=<%=itemId%>');
    128     }
    129     function deleteItemPermanently()
    130     {
    131       Main.deleteItemPermanently('<%=ID%>', true, '<%=itemType.name()%>', <%=itemId%>, '&callback=itemDeleted');
    132     }
    133     function itemDeleted()
    134     {
    135       Main.listItems('<%=ID%>', '<%=itemType.name()%>');
    136     }
    137     function showUsingItems()
    138     {
    139       Main.showUsingItems('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>);
    140     }
    141     function setOwner()
    142     {
    143       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=SetOwnerOfItem&item_id=<%=itemId%>', 'SetOwnerOfItem', 450, 300);
    144     }
    145     function runPlugin(cmd)
    146     {
    147       Main.openPopup('index.jsp?ID=<%=ID%>&cmd='+cmd+'&item_id=<%=itemId%>', 'RunPlugin'+cmd, 750, 500);
    148     }
    149     </script>
    150112  </base:head>
    151113  <base:body>
     
    154116      /><p:pathelement title="<%=HTML.encodeTags(mapping.getName())%>"
    155117      /></p:path>
     118    <div id="page-data" data-item-id="<%=itemId%>"></div>
    156119   
    157120    <t:tabcontrol
     
    170133          />
    171134          <base:icon
     135            id="btnDeletePermanently"
    172136            image="deleted.png"
    173             onclick="deleteItemPermanently()"
    174137            tooltip="This item has been flagged for deletion. Click to delete it now."
    175138            enabled="<%=deletePermanentlyPermission %>"
    176139            visible="<%=isRemoved%>"
    177140          />
    178           <base:icon image="used.png"
    179             onclick="showUsingItems()"
     141          <base:icon
     142            id="btnUsingItems"
     143            image="used.png"
    180144            tooltip="This item is used by other items and can't be permanently deleted. Show the items that are using this one"
    181145            visible="<%=isRemoved && isUsed%>" />
     
    184148          <tbl:toolbar subclass="bottomborder">
    185149            <tbl:button
     150              id="btnEdit"
    186151              disabled="<%=!writePermission%>"
    187152              image="edit.png"
    188               onclick="editItem()"
    189153              title="Edit&hellip;"
    190154              tooltip="<%=writePermission ? "Edit this plate mapping" : "You do not have permission to edit this plate mapping"%>"
    191155            />
    192156            <tbl:button
     157              id="btnDelete"
    193158              disabled="<%=!deletePermission%>"
    194159              image="delete.png"
    195               onclick="deleteItem()"
    196160              title="Delete"
    197161              visible="<%=!mapping.isRemoved()%>"
     
    199163            />
    200164            <tbl:button
     165              id="btnRestore"
    201166              disabled="<%=!writePermission%>"
    202167              image="restore.png"
    203               onclick="restoreItem()"
    204168              title="Restore"
    205169              visible="<%=mapping.isRemoved()%>"
     
    207171            />
    208172            <tbl:button
     173              id="btnShare"
    209174              disabled="<%=!sharePermission%>"
    210175              image="share.png"
    211               onclick="shareItem()"
    212176              title="Share&hellip;"
    213177              tooltip="<%=sharePermission ? "Share this plate mapping to other user, groups and projects" : "You do not have permission to share this plate mapping"%>"
    214178            />
    215179            <tbl:button
     180              id="btnSetOwner"
    216181              disabled="<%=!setOwnerPermission%>"
    217182              image="take_ownership.png"
    218               onclick="setOwner()"
    219183              title="Set owner&hellip;"
    220184              tooltip="<%=setOwnerPermission ? "Change owner of this item" : "You do not have permission to change ownership of this item"%>"
    221185            />
    222186            <tbl:button
     187              id="btnImport"
    223188              image="import.png"
    224               onclick="runPlugin('ImportItem')"
     189              data-plugin-type="IMPORT"
    225190              title="Import&hellip;"
    226191              tooltip="Import data"
     
    228193            />
    229194            <tbl:button
    230               image="export.png"
    231               onclick="runPlugin('ExportItem')"
     195              id="btnExport"
     196              image="export.png"
     197              data-plugin-type="EXPORT"
    232198              title="Export&hellip;"
    233199              tooltip="Export data"
     
    235201            />
    236202            <tbl:button
    237               image="runplugin.png"
    238               onclick="runPlugin('RunPlugin')"
     203              id="btnRunPlugin"
     204              image="runplugin.png" 
     205              data-plugin-type="OTHER"
    239206              title="Run plugin&hellip;"
    240207              tooltip="Run a plugin"
     
    245212            <tbl:button
    246213              image="help.png"
    247               onclick="<%="Main.openHelp('" + ID +"', 'platemapping.view.properties')"%>"
     214              subclass="auto-init"
     215              data-auto-init="help"
     216              data-help-id="platemapping.view.properties"
    248217              title="Help&hellip;"
    249218              tooltip="Get help about this page"
  • trunk/www/lims/plates/events/list_events.jsp

    r6221 r6307  
    104104  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    105105  %>
    106   <base:page title="<%=title%>" type="<%=mode.getPageType()%>">
    107   <base:head scripts="table.js,tabcontrol.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
     106  <base:page title="<%=title%>" type="<%=mode.getPageType()%>" id="list-page">
     107  <base:head scripts="table.js,tabcontrol-2.js,~events.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
    108108    <ext:scripts context="<%=jspContext%>" />
    109109    <ext:stylesheets context="<%=jspContext%>" />
    110     <script>
    111     var submitPage = 'index.jsp';
    112     var formId = 'events';
    113     function newItem()
    114     {
    115       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', 0, true, '&plate_id=<%=plateId%>');
    116     }
    117     function editItem(itemId)
    118     {
    119       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    120     }
    121     function viewItem(itemId)
    122     {
    123       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    124     }
    125     function itemOnClick(evt, itemId)
    126     {
    127       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    128     }
    129     function deleteItems()
    130     {
    131       var frm = document.forms[formId];
    132       var numChecked = Forms.numChecked(frm);
    133       if (numChecked == 0)
    134       {
    135         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    136         return;
    137       }
    138       else
    139       {
    140         var rep = numChecked == 1 ? 'event' : 'events';
    141         if (!confirm('You are about to delete '+numChecked+' '+rep+'. This can\'t be undone. Continue?'))
    142         {
    143           return;
    144         }
    145       }
    146       frm.action = submitPage;
    147       frm.cmd.value = 'DeleteItems';
    148       frm.submit();
    149     }
    150     function configureColumns()
    151     {
    152       Table.configureColumns(formId);
    153     }
    154     function runPlugin(cmd)
    155     {
    156       Table.submitToPopup(formId, cmd, 750, 500);
    157     }
    158     function returnSelected()
    159     {
    160       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    161       window.close();
    162     }
    163     function switchTab(tabControlId, tabId)
    164     {
    165       if (tabId == 'properties' || tabId == 'annotations' || tabId == 'history')
    166       {
    167         location.href = '../index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=plateId%>&tab='+tabId;
    168       }
    169       else if (tabId == 'wells')
    170       {
    171         location.href = '../wells/index.jsp?ID=<%=ID%>&plate_id=<%=plateId%>';
    172       }
    173       else
    174       {
    175         TabControl.setActiveTab(tabControlId, tabId);
    176       }
    177     }
    178     </script>
    179110  </base:head>
    180111 
     
    188119      id="main"
    189120      subclass="content mastertabcontrol"
    190       active="events" switch="switchTab">
     121      active="events">
    191122    <t:tab id="properties" title="Properties" />
    192123    <t:tab id="annotations" title="Annotations" />
     
    313244          >
    314245          <tbl:button
     246            id="btnNewItem"
     247            data-extra-url="<%="&plate_id="+plateId%>"
    315248            disabled="<%=!createPermission%>"
    316249            image="new.png"
    317             onclick="newItem()"
    318250            title="New&hellip;"
    319251            tooltip="<%=createPermission ? "Create new event" : "You do not have permission to create events"%>"
    320252          />
    321253          <tbl:button
     254            id="btnDeleteItems"
     255            data-confirm="1"
    322256            disabled="<%=!deletePermission%>"
    323257            image="delete.png"
    324258            title="Delete&hellip;"
    325             onclick="deleteItems()"
    326259            tooltip="<%=deletePermission ? "Delete the selected events" : "You do not have permission to delete events"%>"
    327260          />
    328261          <tbl:button
     262            id="btnColumns"
    329263            image="columns.png"
    330             onclick="configureColumns()"
    331264            title="Columns&hellip;"
    332265            tooltip="Show, hide and re-order columns"
    333266          />
    334267          <tbl:button
     268            id="btnImport"
     269            data-plugin-type="IMPORT"
    335270            image="import.png"
    336             onclick="runPlugin('ImportItems')"
    337271            title="Import&hellip;"
    338272            tooltip="Import data"
     
    340274          />
    341275          <tbl:button
     276            id="btnExport"
     277            data-plugin-type="EXPORT"
    342278            image="export.png"
    343             onclick="runPlugin('ExportItems')"
    344279            title="Export&hellip;"
    345280            tooltip="Export data"
     
    347282          />
    348283          <tbl:button
     284            id="btnRunPlugin"
     285            data-plugin-type="OTHER"
    349286            image="runplugin.png"
    350             onclick="runPlugin('RunListPlugin')"
    351287            title="Run plugin&hellip;"
    352288            tooltip="Run a plugin"
     
    451387                <tbl:cell column="ordinal"><%=eventType.getOrdinal()%></tbl:cell>
    452388                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
    453                 <tbl:cell column="eventType"><div class="link"
    454                   onclick="itemOnClick(<%=writePermission ? "event" : null%>, <%=itemId%>)"
     389                <tbl:cell column="eventType"><div
     390                  class="link table-item"
     391                  data-item-id="<%=itemId%>"
     392                  data-no-edit="<%=writePermission ? 0 : 1 %>"
     393                  tabindex="0"
    455394                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
    456395                <tbl:cell column="protocol"
     
    508447
    509448    <base:buttongroup>
    510       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    511       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    512       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     449      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     450      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     451      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    513452    </base:buttongroup>
    514453 
  • trunk/www/lims/plates/events/view_event.jsp

    r6146 r6307  
    9595  ExtensionsInvoker invoker = ToolbarUtil.useExtensions(jspContext);
    9696  %>
    97   <base:page title="<%=title%>">
    98   <base:head scripts="table.js,tabcontrol.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
     97  <base:page title="<%=title%>" id="view-page">
     98  <base:head scripts="table.js,tabcontrol-2.js,~events.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
    9999    <ext:scripts context="<%=jspContext%>" />
    100100    <ext:stylesheets context="<%=jspContext%>" />
    101     <script>
    102     function editItem()
    103     {
    104       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>, true);
    105     }
    106     function deleteItem()
    107     {
    108       if (confirm('This can\'t be undone. Continue?'))
    109       {
    110         location.replace('index.jsp?ID=<%=ID%>&cmd=DeleteItem&plate_id=<%=plateId%>&item_id=<%=itemId%>');
    111       }
    112     }
    113     function runPlugin(cmd)
    114     {
    115       Main.openPopup('index.jsp?ID=<%=ID%>&cmd='+cmd+'&plate_id=<%=plateId%>&item_id=<%=itemId%>', 'RunPlugin'+cmd, 750, 500);
    116     }
    117     </script>
    118101  </base:head>
    119102  <base:body>
     
    125108      /><p:pathelement title="<%="Event: "+Base.getEncodedName(currentEventType, !readCurrentEventType)%>"
    126109      /></p:path>
     110    <div id="page-data" data-item-id="<%=itemId%>" data-plate-id="<%=plateId%>"></div>
    127111   
    128112    <t:tabcontrol
    129113      id="main"
    130114      subclass="content mastertabcontrol"
    131       active="properties" switch="switchTab">
     115      active="properties">
    132116    <t:tab id="properties" title="Properties">
    133117      <div>
     
    138122          <tbl:toolbar subclass="bottomborder">
    139123            <tbl:button
     124              id="btnEdit"
    140125              disabled="<%=!writePermission%>"
    141126              image="edit.png"
    142               onclick="editItem()"
    143127              title="Edit&hellip;"
    144128              tooltip="<%=writePermission ? "Edit this event" : "You do not have permission to edit this event"%>"
    145129            />
    146130            <tbl:button
     131              id="btnDelete"
     132              data-confirm="1"
    147133              disabled="<%=!deletePermission%>"
    148134              image="delete.png"
    149               onclick="deleteItem()"
    150135              title="Delete"
    151136              tooltip="<%=deletePermission ? "Delete this event" : "You do not have permission to event this event"%>"
    152137            />
    153138            <tbl:button
     139              id="btnImport"
    154140              image="import.png"
    155               onclick="runPlugin('ImportItem')"
     141              data-plugin-type="IMPORT"
    156142              title="Import&hellip;"
    157143              tooltip="Import data"
     
    159145            />
    160146            <tbl:button
    161               image="export.png"
    162               onclick="runPlugin('ExportItem')"
     147              id="btnExport"
     148              image="export.png"
     149              data-plugin-type="EXPORT"
    163150              title="Export&hellip;"
    164151              tooltip="Export data"
     
    166153            />
    167154            <tbl:button
    168               image="runplugin.png"
    169               onclick="runPlugin('RunPlugin')"
     155              id="btnRunPlugin"
     156              image="runplugin.png" 
     157              data-plugin-type="OTHER"
    170158              title="Run plugin&hellip;"
    171159              tooltip="Run a plugin"
     
    176164            <tbl:button
    177165              image="help.png"
    178               onclick="<%="Main.openHelp('" + ID +"', 'plateevent.view.properties')"%>"
     166              subclass="auto-init"
     167              data-auto-init="help"
     168              data-help-id="plateevent.view.properties"
    179169              title="Help&hellip;"
    180170              tooltip="Get help about this page"
  • trunk/www/lims/plates/list_plates.jsp

    r6221 r6307  
    130130  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    131131  %>
    132   <base:page title="<%=title==null ? "Plates" : title%>" type="<%=mode.getPageType()%>">
    133   <base:head scripts="table.js" styles="table.css,toolbar.css">
     132  <base:page title="<%=title==null ? "Plates" : title%>" type="<%=mode.getPageType()%>" id="list-page">
     133  <base:head scripts="table.js,~plates.js" styles="table.css,toolbar.css">
    134134    <ext:scripts context="<%=jspContext%>" />
    135135    <ext:stylesheets context="<%=jspContext%>" />
    136     <script>
    137     var submitPage = 'index.jsp';
    138     var formId = 'plates';
    139     function newItem()
    140     {
    141       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', 0, true);
    142     }
    143     function editItem(itemId)
    144     {
    145       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    146     }
    147     function viewItem(itemId)
    148     {
    149       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    150     }
    151     function itemOnClick(evt, itemId)
    152     {
    153       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    154     }
    155     function deleteItems()
    156     {
    157       var frm = document.forms[formId];
    158       if (Forms.numChecked(frm) == 0)
    159       {
    160         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    161         return;
    162       }
    163       frm.action = submitPage;
    164       frm.cmd.value = 'DeleteItems';
    165       frm.submit();
    166     }
    167     function restoreItems()
    168     {
    169       var frm = document.forms[formId];
    170       if (Forms.numChecked(frm) == 0)
    171       {
    172         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    173         return;
    174       }
    175       frm.action = submitPage;
    176       frm.cmd.value = 'RestoreItems';
    177       frm.submit();
    178     }
    179     function setOwner()
    180     {
    181       Table.setOwnerOfItems(formId);
    182     }
    183     function shareItems()
    184     {
    185       Table.shareItems(formId);
    186     }
    187     function configureColumns()
    188     {
    189       Table.configureColumns(formId);
    190     }
    191     function runPlugin(cmd)
    192     {
    193       Table.submitToPopup(formId, cmd, 750, 500);
    194     }
    195     function returnSelected()
    196     {
    197       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    198       window.close();
    199     }
    200     function mergePlates()
    201     {
    202       Main.openPopup('merge_plates.jsp?ID=<%=ID%>', 'MergePlates', 600, 400);
    203     }
    204     </script>
    205136  </base:head>
    206137 
     
    400331          >
    401332          <tbl:button
     333            id="btnMergePlates"
    402334            disabled="<%=!createPermission%>"
    403335            image="new.png"
    404             onclick="mergePlates()"
    405336            title="Merge&hellip;"
    406337            tooltip="<%=createPermission ? "Create new plates by merging other plates" : "You do not have permission to create plates"%>"
    407338          />
    408339          <tbl:button
     340            id="btnDeleteItems"
    409341            image="delete.png"
    410             onclick="deleteItems()"
    411342            title="Delete"
    412343            tooltip="Delete the selected items"
    413344          />
    414345          <tbl:button
     346            id="btnRestoreItems"
    415347            image="restore.png"
    416             onclick="restoreItems()"
    417348            title="Restore"
    418349            tooltip="Restore the selected (deleted) items"
    419350          />
    420351          <tbl:button
     352            id="btnShareItems"
    421353            image="share.png"
    422             onclick="shareItems()"
    423354            title="Share&hellip;"
    424355            tooltip="Share the selected items"
    425356          />
    426357          <tbl:button
     358            id="btnSetOwner"
    427359            image="take_ownership.png"
    428             onclick="setOwner()"
    429360            title="Set owner&hellip;"
    430361            tooltip="Change owner of the selected items"
    431362          />
    432363          <tbl:button
     364            id="btnColumns"
    433365            image="columns.png"
    434             onclick="configureColumns()"
    435366            title="Columns&hellip;"
    436367            tooltip="Show, hide and re-order columns"
    437368          />
    438369          <tbl:button
     370            id="btnImport"
     371            data-plugin-type="IMPORT"
    439372            image="import.png"
    440             onclick="runPlugin('ImportItems')"
    441373            title="Import&hellip;"
    442374            tooltip="Import data"
     
    444376          />
    445377          <tbl:button
     378            id="btnExport"
     379            data-plugin-type="EXPORT"
    446380            image="export.png"
    447             onclick="runPlugin('ExportItems')"
    448381            title="Export&hellip;"
    449382            tooltip="Export data"
     
    451384          />
    452385          <tbl:button
     386            id="btnRunPlugin"
     387            data-plugin-type="OTHER"
    453388            image="runplugin.png"
    454             onclick="runPlugin('RunListPlugin')"
    455389            title="Run plugin&hellip;"
    456390            tooltip="Run a plugin"
     
    570504                    visible="<%=item.isShared()%>"
    571505                  />&nbsp;</tbl:header>
    572                 <tbl:cell column="name"><div class="link"
    573                   onclick="itemOnClick(<%=writePermission ? "event" : null%>, <%=itemId%>)"
     506                <tbl:cell column="name"><div
     507                  class="link table-item"
     508                  data-item-id="<%=itemId%>"
     509                  data-no-edit="<%=writePermission ? 0 : 1 %>"
     510                  tabindex="0"
    574511                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
    575512                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
     
    728665   
    729666    <base:buttongroup subclass="dialogbuttons">
    730       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    731       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    732       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     667      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     668      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     669      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    733670    </base:buttongroup>
    734671   
  • trunk/www/lims/plates/view_plate.jsp

    r6255 r6307  
    113113  ExtensionsInvoker invoker = ToolbarUtil.useExtensions(jspContext);
    114114  %>
    115   <base:page title="<%=title%>">
    116   <base:head scripts="tabcontrol.js,table.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
     115  <base:page title="<%=title%>" id="view-page">
     116  <base:head scripts="tabcontrol-2.js,table.js,~plates.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
    117117    <ext:scripts context="<%=jspContext%>" />
    118118    <ext:stylesheets context="<%=jspContext%>" />
    119     <script>
    120     function editItem()
    121     {
    122       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>, true);
    123     }
    124     function shareItem()
    125     {
    126       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=ShareItem&item_id=<%=itemId%>', 'SharePlate', 600, 400);
    127     }
    128     function deleteItem()
    129     {
    130       location.replace('index.jsp?ID=<%=ID%>&cmd=DeleteItem&item_id=<%=itemId%>');
    131     }
    132     function restoreItem()
    133     {
    134       location.replace('index.jsp?ID=<%=ID%>&cmd=RestoreItem&item_id=<%=itemId%>');
    135     }
    136     function deleteItemPermanently()
    137     {
    138       Main.deleteItemPermanently('<%=ID%>', true, '<%=itemType.name()%>', <%=itemId%>, '&callback=itemDeleted');
    139     }
    140     function itemDeleted()
    141     {
    142       Main.listItems('<%=ID%>', '<%=itemType.name()%>');
    143     }
    144     function showUsingItems()
    145     {
    146       Main.showUsingItems('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>);
    147     }
    148     function setOwner()
    149     {
    150       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=SetOwnerOfItem&item_id=<%=itemId%>', 'SetOwnerOfItem', 450, 300);
    151     }
    152     function runPlugin(cmd)
    153     {
    154       Main.openPopup('index.jsp?ID=<%=ID%>&cmd='+cmd+'&item_id=<%=itemId%>', 'RunPlugin'+cmd, 750, 500);
    155     }
    156     function viewWells()
    157     {
    158       location.href = 'wells/index.jsp?ID=<%=ID%>&plate_id=<%=itemId%>';
    159     }
    160     function viewEvents()
    161     {
    162       location.href = 'events/index.jsp?ID=<%=ID%>&plate_id=<%=itemId%>';
    163     }
    164     function switchTab(tabControlId, tabId)
    165     {
    166       if (tabId == 'events')
    167       {
    168         viewEvents();
    169       }
    170       else if (tabId == 'wells')
    171       {
    172         viewWells();
    173       }
    174       else
    175       {
    176         TabControl.setActiveTab(tabControlId, tabId);
    177       }
    178     }
    179     </script>
    180119  </base:head>
    181120  <base:body>
     
    184123      /><p:pathelement title="<%=HTML.encodeTags(plate.getName())%>"
    185124      /></p:path>
     125    <div id="page-data" data-item-id="<%=itemId%>"></div>
    186126   
    187127    <t:tabcontrol
    188128      id="main"
    189129      subclass="content mastertabcontrol"
    190       active="<%=tab%>" switch="switchTab" remember="false">
     130      active="<%=tab%>">
    191131    <t:tab id="properties" title="Properties">
    192132      <div>
     
    200140          />
    201141          <base:icon
     142            id="btnDeletePermanently"
    202143            image="deleted.png"
    203             onclick="deleteItemPermanently()"
    204144            tooltip="This item has been flagged for deletion. Click to delete it now."
    205145            enabled="<%=deletePermanentlyPermission %>"
    206146            visible="<%=isRemoved%>"
    207147          />
    208           <base:icon image="used.png"
    209             onclick="showUsingItems()"
     148          <base:icon
     149            id="btnUsingItems"
     150            image="used.png"
    210151            tooltip="This item is used by other items and can't be permanently deleted. Show the items that are using this one"
    211152            visible="<%=isRemoved && isUsed%>" />
     
    214155          <tbl:toolbar subclass="bottomborder">
    215156            <tbl:button
     157              id="btnEdit"
    216158              disabled="<%=!writePermission%>"
    217159              image="edit.png"
    218               onclick="editItem()"
    219160              title="Edit&hellip;"
    220161              tooltip="<%=writePermission ? "Edit this plate" : "You do not have permission to edit this plate"%>"
    221162            />
    222163            <tbl:button
     164              id="btnDelete"
    223165              disabled="<%=!deletePermission%>"
    224166              image="delete.png"
    225               onclick="deleteItem()"
    226167              title="Delete"
    227168              visible="<%=!plate.isRemoved()%>"
     
    229170            />
    230171            <tbl:button
     172              id="btnRestore"
    231173              disabled="<%=!writePermission%>"
    232174              image="restore.png"
    233               onclick="restoreItem()"
    234175              title="Restore"
    235176              visible="<%=plate.isRemoved()%>"
     
    237178            />
    238179            <tbl:button
     180              id="btnShare"
    239181              disabled="<%=!sharePermission%>"
    240182              image="share.png"
    241               onclick="shareItem()"
    242183              title="Share&hellip;"
    243184              tooltip="<%=sharePermission ? "Share this plate to other user, groups and projects" : "You do not have permission to share this plate"%>"
    244185            />
    245186            <tbl:button
     187              id="btnSetOwner"
    246188              disabled="<%=!setOwnerPermission%>"
    247189              image="take_ownership.png"
    248               onclick="setOwner()"
    249190              title="Set owner&hellip;"
    250191              tooltip="<%=setOwnerPermission ? "Change owner of this item" : "You do not have permission to change ownership of this item"%>"
    251192            />
    252193            <tbl:button
     194              id="btnImport"
    253195              image="import.png"
    254               onclick="runPlugin('ImportItem')"
     196              data-plugin-type="IMPORT"
    255197              title="Import&hellip;"
    256198              tooltip="Import data"
     
    258200            />
    259201            <tbl:button
    260               image="export.png"
    261               onclick="runPlugin('ExportItem')"
     202              id="btnExport"
     203              image="export.png"
     204              data-plugin-type="EXPORT"
    262205              title="Export&hellip;"
    263206              tooltip="Export data"
     
    265208            />
    266209            <tbl:button
    267               image="runplugin.png"
    268               onclick="runPlugin('RunPlugin')"
     210              id="btnRunPlugin"
     211              image="runplugin.png" 
     212              data-plugin-type="OTHER"
    269213              title="Run plugin&hellip;"
    270214              tooltip="Run a plugin"
     
    275219            <tbl:button
    276220              image="help.png"
    277               onclick="<%="Main.openHelp('" + ID +"', 'plate.view.properties')"%>"
     221              subclass="auto-init"
     222              data-auto-init="help"
     223              data-help-id="plate.view.properties"
    278224              title="Help&hellip;"
    279225              tooltip="Get help about this page"
     
    491437     
    492438      <t:tab id="annotations" title="Annotations"
    493         tooltip="View annotation values" clazz="white"
    494         activate="AnnotationsList.loadOnce()">
     439        tooltip="View annotation values" clazz="white">
    495440        <jsp:include page="../../common/annotations/list_frameset.jsp">
    496441          <jsp:param name="item_type" value="<%=itemType.name()%>" />
     
    504449      <t:tab id="history" title="Change history"
    505450        tooltip="Displays a log of all modifications made to this item"
    506         visible="<%=ChangeHistoryUtil.showChangeHistoryTab(sc)%>"
    507         activate="History.loadOnce()">
     451        visible="<%=ChangeHistoryUtil.showChangeHistoryTab(sc)%>">
    508452        <jsp:include page="../../common/history/frameset.jsp">
    509453          <jsp:param name="item_type" value="<%=itemType.name()%>" />
  • trunk/www/lims/plates/wells/list_wells.jsp

    r6221 r6307  
    134134  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    135135  %>
    136   <base:page title="<%=title%>" type="<%=mode.getPageType()%>">
    137   <base:head scripts="table.js,tabcontrol.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
     136  <base:page title="<%=title%>" type="<%=mode.getPageType()%>" id="list-page">
     137  <base:head scripts="table.js,tabcontrol-2.js,~wells.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
    138138    <ext:scripts context="<%=jspContext%>" />
    139139    <ext:stylesheets context="<%=jspContext%>" />
    140     <script>
    141     var submitPage = 'index.jsp';
    142     var formId = 'wells';
    143     function editItem(itemId)
    144     {
    145       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    146     }
    147     function viewItem(itemId)
    148     {
    149       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    150     }
    151     function itemOnClick(evt, itemId)
    152     {
    153       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    154     }
    155     function configureColumns()
    156     {
    157       Table.configureColumns(formId);
    158     }
    159     function runPlugin(cmd)
    160     {
    161       Table.submitToPopup(formId, cmd, 750, 500);
    162     }
    163     function returnSelected()
    164     {
    165       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    166       window.close();
    167     }
    168     function switchTab(tabControlId, tabId)
    169     {
    170       if (tabId == 'properties' || tabId == 'annotations' || tabId == 'history')
    171       {
    172         location.href = '../index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=plateId%>&tab='+tabId;
    173       }
    174       else if (tabId == 'events')
    175       {
    176         location.href = '../events/index.jsp?ID=<%=ID%>&plate_id=<%=plateId%>';
    177       }
    178       else
    179       {
    180         TabControl.setActiveTab(tabControlId, tabId);
    181       }
    182     }
    183     function newReporterList()
    184     {
    185       Table.submitToPopup(formId, 'CreateReporterList', 600, 400);
    186     }
    187     </script>
    188140  </base:head>
    189141 
     
    197149      id="main"
    198150      subclass="content mastertabcontrol"
    199       active="wells" switch="switchTab">
     151      active="wells">
    200152    <t:tab id="properties" title="Properties" />
    201153    <t:tab id="annotations" title="Annotations" />
     
    419371          >
    420372          <tbl:button
     373            id="btnColumns"
    421374            image="columns.png"
    422             onclick="configureColumns()"
    423375            title="Columns&hellip;"
    424376            tooltip="Show, hide and re-order columns"
    425377          />
    426378          <tbl:button
     379            id="btnNewReporterList"
    427380            image="add.png"
    428             onclick="newReporterList()"
    429381            title="New reporter list&hellip;"
    430382            tooltip="Create a new reporter list from matching wells"
     
    432384          />
    433385          <tbl:button
     386            id="btnImport"
     387            data-plugin-type="IMPORT"
    434388            image="import.png"
    435             onclick="runPlugin('ImportItems')"
    436389            title="Import&hellip;"
    437390            tooltip="Import data"
     
    439392          />
    440393          <tbl:button
     394            id="btnExport"
     395            data-plugin-type="EXPORT"
    441396            image="export.png"
    442             onclick="runPlugin('ExportItems')"
    443397            title="Export&hellip;"
    444398            tooltip="Export data"
     
    446400          />
    447401          <tbl:button
     402            id="btnRunPlugin"
     403            data-plugin-type="OTHER"
    448404            image="runplugin.png"
    449             onclick="runPlugin('RunListPlugin')"
    450405            title="Run plugin&hellip;"
    451406            tooltip="Run a plugin"
     
    546501                  visible="<%=mode.hasIcons()%>"
    547502                  >&nbsp;</tbl:header>
    548                 <tbl:cell column="row"><div class="link"
    549                   onclick="itemOnClick(<%=writePermission ? "event" : null%>, <%=itemId%>)"
     503                <tbl:cell column="row"><div
     504                  class="link table-item"
     505                  data-item-id="<%=itemId%>"
     506                  data-no-edit="<%=writePermission ? 0 : 1 %>"
     507                  tabindex="0"
    550508                  title="<%=tooltip%>"><tbl:cellvalue value="<%=item.getRow()%>" /></div></tbl:cell>
    551509                <tbl:cell column="column"><tbl:cellvalue value="<%=item.getColumn()%>"/></tbl:cell>
     
    670628
    671629    <base:buttongroup>
    672       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    673       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    674       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     630      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     631      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     632      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    675633    </base:buttongroup>
    676634 
  • trunk/www/lims/plates/wells/view_well.jsp

    r6255 r6307  
    133133  ExtensionsInvoker invoker = ToolbarUtil.useExtensions(jspContext);
    134134  %>
    135   <base:page title="<%=title%>">
    136   <base:head scripts="table.js,tabcontrol.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
     135  <base:page title="<%=title%>" id="view-page">
     136  <base:head scripts="table.js,tabcontrol-2.js,~wells.js" styles="toolbar.css,table.css,headertabcontrol.css,path.css">
    137137    <ext:scripts context="<%=jspContext%>" />
    138138    <ext:stylesheets context="<%=jspContext%>" />
    139     <script>
    140     function editItem()
    141     {
    142       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>, true);
    143     }
    144     function runPlugin(cmd)
    145     {
    146       Main.openPopup('index.jsp?ID=<%=ID%>&cmd='+cmd+'&plate_id=<%=plateId%>&item_id=<%=itemId%>', 'RunPlugin'+cmd, 750, 500);
    147     }
    148     </script>
    149139  </base:head>
    150140  <base:body>
     
    156146      /><p:pathelement title="<%="Well: "+rowFormatter.format(well.getRow())+columnFormatter.format(well.getColumn())%>"
    157147      /></p:path>
     148    <div id="page-data" data-item-id="<%=itemId%>"></div>
    158149   
    159150    <t:tabcontrol
     
    169160          <tbl:toolbar subclass="bottomborder">
    170161            <tbl:button
     162              id="btnEdit"
    171163              disabled="<%=!writePermission%>"
    172164              image="edit.png"
    173               onclick="editItem()"
    174165              title="Edit&hellip;"
    175166              tooltip="<%=writePermission ? "Edit this well" : "You do not have permission to edit this well"%>"
    176167            />
    177168            <tbl:button
     169              id="btnImport"
    178170              image="import.png"
    179               onclick="runPlugin('ImportItem')"
     171              data-plugin-type="IMPORT"
    180172              title="Import&hellip;"
    181173              tooltip="Import data"
     
    183175            />
    184176            <tbl:button
    185               image="export.png"
    186               onclick="runPlugin('ExportItem')"
     177              id="btnExport"
     178              image="export.png"
     179              data-plugin-type="EXPORT"
    187180              title="Export&hellip;"
    188181              tooltip="Export data"
     
    190183            />
    191184            <tbl:button
    192               image="runplugin.png"
    193               onclick="runPlugin('RunPlugin')"
     185              id="btnRunPlugin"
     186              image="runplugin.png" 
     187              data-plugin-type="OTHER"
    194188              title="Run plugin&hellip;"
    195189              tooltip="Run a plugin"
     
    200194            <tbl:button
    201195              image="help.png"
    202               onclick="<%="Main.openHelp('" + ID +"', 'well.view.properties')"%>"
     196              subclass="auto-init"
     197              data-auto-init="help"
     198              data-help-id="well.view.properties"
    203199              title="Help&hellip;"
    204200              tooltip="Get help about this page"
     
    340336      </t:tab>
    341337      <t:tab id="annotations" title="Annotations"
    342         tooltip="View annotation values" clazz="white"
    343         activate="AnnotationsList.loadOnce()">
     338        tooltip="View annotation values" clazz="white">
    344339        <jsp:include page="../../../common/annotations/list_frameset.jsp">
    345340          <jsp:param name="item_type" value="<%=itemType.name()%>" />
  • trunk/www/my_base/messages/list_messages.jsp

    r6221 r6307  
    9999  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    100100  %>
    101   <base:page title="<%=title==null ? "Messages" : title%>" type="<%=mode.getPageType()%>">
    102   <base:head scripts="table.js" styles="table.css,toolbar.css">
     101  <base:page title="<%=title==null ? "Messages" : title%>" type="<%=mode.getPageType()%>" id="list-page">
     102  <base:head scripts="table.js,~messages.js" styles="table.css,toolbar.css">
    103103    <ext:scripts context="<%=jspContext%>" />
    104104    <ext:stylesheets context="<%=jspContext%>" />
    105     <script>
    106     var submitPage = 'index.jsp';
    107     var formId = 'messages';
    108     function viewItem(itemId)
    109     {
    110       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    111     }
    112     function itemOnClick(evt, itemId)
    113     {
    114       viewItem(itemId);
    115     }
    116     function markAsRead()
    117     {
    118       var frm = document.forms[formId];
    119       if (Forms.numChecked(frm) == 0)
    120       {
    121         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    122         return;
    123       }
    124       frm.action = submitPage;
    125       frm.cmd.value = 'MarkAsRead';
    126       frm.submit();
    127     }
    128     function deleteItems()
    129     {
    130       var frm = document.forms[formId];
    131       if (Forms.numChecked(frm) == 0)
    132       {
    133         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    134         return;
    135       }
    136       frm.action = submitPage;
    137       frm.cmd.value = 'DeleteItems';
    138       frm.submit();
    139     }
    140     function restoreItems()
    141     {
    142       var frm = document.forms[formId];
    143       if (Forms.numChecked(frm) == 0)
    144       {
    145         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    146         return;
    147       }
    148       frm.action = submitPage;
    149       frm.cmd.value = 'RestoreItems';
    150       frm.submit();
    151     }
    152     function configureColumns()
    153     {
    154       Table.configureColumns(formId);
    155     }
    156     function runPlugin(cmd)
    157     {
    158       Table.submitToPopup(formId, cmd, 750, 500);
    159     }
    160     function returnSelected()
    161     {
    162       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    163       window.close();
    164     }
    165     </script>
    166105  </base:head>
    167106 
     
    260199          >
    261200          <tbl:button
     201            id="btnMarkAsRead"
    262202            image="message.png"
    263             onclick="markAsRead()"
    264203            title="Mark as read"
    265204            tooltip="Mark the selected messages as read"
    266205          />
    267206          <tbl:button
     207            id="btnDeleteItems"
    268208            image="delete.png"
    269             onclick="deleteItems()"
    270209            title="Delete"
    271210            tooltip="Delete the selected items"
    272211          />
    273212          <tbl:button
     213            id="btnRestoreItems"
    274214            image="restore.png"
    275             onclick="restoreItems()"
    276215            title="Restore"
    277216            tooltip="Restore the selected (deleted) items"
    278217          />
    279218          <tbl:button
     219            id="btnColumns"
    280220            image="columns.png"
    281             onclick="configureColumns()"
    282221            title="Columns&hellip;"
    283222            tooltip="Show, hide and re-order columns"
    284223          />
    285224          <tbl:button
     225            id="btnImport"
     226            data-plugin-type="IMPORT"
    286227            image="import.png"
    287             onclick="runPlugin('ImportItems')"
    288228            title="Import&hellip;"
    289229            tooltip="Import data"
     
    291231          />
    292232          <tbl:button
     233            id="btnExport"
     234            data-plugin-type="EXPORT"
    293235            image="export.png"
    294             onclick="runPlugin('ExportItems')"
    295236            title="Export&hellip;"
    296237            tooltip="Export data"
     
    298239          />
    299240          <tbl:button
     241            id="btnRunPlugin"
     242            data-plugin-type="OTHER"
    300243            image="runplugin.png"
    301             onclick="runPlugin('RunListPlugin')"
    302244            title="Run plugin&hellip;"
    303245            tooltip="Run a plugin"
     
    414356                    visible="<%=item.isRemoved()%>"
    415357                  />&nbsp;</tbl:header>
    416                 <tbl:cell column="name"><div class="link" onclick="itemOnClick(event, <%=itemId%>)"
     358                <tbl:cell column="name"><div
     359                  class="link table-item"
     360                  data-item-id="<%=itemId%>"
     361                  data-no-edit="1"
     362                  tabindex="0"
    417363                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
    418364                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
     
    446392   
    447393    <base:buttongroup subclass="dialogbuttons">
    448       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    449       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    450       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     394      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     395      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     396      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    451397    </base:buttongroup>
    452398   
  • trunk/www/my_base/messages/view_message.jsp

    r6142 r6307  
    108108  final boolean deletePermanentlyPermission = deletePermission && !isUsed;
    109109  %>
    110 
    111   <base:page type="popup" title="<%=title%>">
    112   <base:head scripts="tabcontrol.js" styles="tabcontrol.css,progressbar.css">
    113   <script>
    114     function deleteItemPermanently()
    115     {
    116       Main.deleteItemPermanently('<%=ID%>', true, '<%=itemType.name()%>', <%=itemId%>, '&callback=itemDeleted');
    117     }
    118     function itemDeleted()
    119     {
    120       location.href = getRoot() + 'common/close_popup.jsp?ID=<%=ID%>&refresh_opener=1&wait=0';
    121     }
    122     function showUsingItems()
    123     {
    124       Main.showUsingItems('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>);
    125     }
    126   </script>
    127   </base:head>
    128   <base:body>
    129    
     110  <base:page type="popup" title="<%=title%>" id="view-page">
     111  <base:head scripts="~messages.js" />
     112  <base:body>   
    130113    <h1><%=title%> <base:help tabcontrol="main" /></h1>
     114    <div id="page-data" data-item-id="<%=itemId%>"></div>
    131115   
    132116    <div class="content bottomborder">
     
    140124          <div class="itemstatus">
    141125            <base:icon
     126              id="btnDeletePermanently"
    142127              image="deleted.png"
    143               onclick="<%=deletePermanentlyPermission ? "deleteItemPermanently()" : null%>"
     128              data-notify="btnDeletePermanently"
    144129              tooltip="<%=deletePermanentlyPermission ? "Permanently delete this item" : null%>"
     130              enabled="<%=deletePermanentlyPermission %>"
    145131              visible="<%=isRemoved%>"> This item has been flagged for deletion<br></base:icon>
    146             <base:icon image="used.png"
    147               onclick="showUsingItems()"
     132            <base:icon
     133              id="btnUsingItems"
     134              image="used.png"
    148135              tooltip="Show the items that are using this one"
    149136              visible="<%=isUsed%>"> This item is used by other items and can't be permanently deleted<br></base:icon>
     
    184171      </div>
    185172    <base:buttongroup subclass="dialogbuttons">
    186       <base:button onclick="window.close()" title="Close" />
     173      <base:button id="close" title="Close" />
    187174    </base:buttongroup>
    188175
  • trunk/www/my_base/projects/items/list_items.jsp

    r6221 r6307  
    125125      "net.sf.basedb.clients.web.listcolumn.projectitems");
    126126  %>
    127   <base:page>
    128   <base:head scripts="table.js,tabcontrol.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
     127  <base:page id="list-page">
     128  <base:head scripts="table.js,tabcontrol-2.js,~items.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
    129129    <ext:scripts context="<%=jspContext%>" />
    130130    <ext:stylesheets context="<%=jspContext%>" />
    131     <script>
    132     var submitPage = 'index.jsp';
    133     var formId = 'items';
    134     function deleteItems()
    135     {
    136       var frm = document.forms[formId];
    137       var numChecked = Forms.numChecked(frm, /item:/);
    138       if (numChecked == 0)
    139       {
    140         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    141         return;
    142       }
    143       frm.action = submitPage;
    144       frm.cmd.value = 'DeleteItems';
    145       frm.submit();
    146     }
    147     function restoreItems()
    148     {
    149       var frm = document.forms[formId];
    150       if (Forms.numChecked(frm, /item:/) == 0)
    151       {
    152         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    153         return;
    154       }
    155       frm.action = submitPage;
    156       frm.cmd.value = 'RestoreItems';
    157       frm.submit();
    158     }
    159     function setOwner()
    160     {
    161       Table.setOwnerOfItems(formId, /item:/);
    162     }
    163     function shareItems()
    164     {
    165       Table.shareItems(formId, /item:/);
    166     }
    167     function configureColumns()
    168     {
    169       Table.configureColumns(formId);
    170     }
    171     function setToActive()
    172     {
    173       Main.openPopup('../set_active.jsp?ID=<%=ID%>&project_id=<%=projectId%>', 'ActivateProject', 300, 200);
    174     }
    175     function switchTab(tabControlId, tabId)
    176     {
    177       if (tabId == 'properties')
    178       {
    179         location.href = '../index.jsp?ID=<%=ID%>&cmd=ViewItem&item_id=<%=projectId%>&tab='+tabId;
    180       }
    181       else
    182       {
    183         TabControl.setActiveTab(tabControlId, tabId);
    184       }
    185     }
    186     </script>
    187131  </base:head>
    188132 
     
    192136      /><p:pathelement title="<%=HTML.encodeTags(project.getName())%>"
    193137      /></p:path>
     138    <div id="page-data" data-project-id="<%=projectId%>"></div>
    194139
    195140    <t:tabcontrol
    196141      id="main"
    197142      subclass="mastertabcontrol content"
    198       active="items" switch="switchTab">
     143      active="items">
    199144    <t:tab id="properties" title="Properties" />
    200145   
     
    270215        <tbl:toolbar subclass="bottomborder">
    271216          <tbl:button
     217            id="btnDeleteItems"
    272218            image="delete.png"
    273             onclick="deleteItems()"
    274219            title="Delete"
    275220            tooltip="Delete the selected items"
    276221          />
    277222          <tbl:button
     223            id="btnRestoreItems"
    278224            image="restore.png"
    279             onclick="restoreItems()"
    280225            title="Restore"
    281226            tooltip="Restore the selected items"
    282227          />
    283228          <tbl:button
     229            id="btnShareItems"
    284230            image="share.png"
    285             onclick="shareItems()"
    286231            title="Share&hellip;"
    287232            tooltip="Share the selected items"
    288233          />
    289234          <tbl:button
     235            id="btnSetOwner"
    290236            image="take_ownership.png"
    291             onclick="setOwner()"
    292237            title="Set owner&hellip;"
    293238            tooltip="Change owner of the selected items"
    294239          />
    295240          <tbl:button
     241            id="btnColumns"
    296242            image="columns.png"
    297             onclick="configureColumns()"
    298243            title="Columns&hellip;"
    299244            tooltip="Show, hide and re-order columns"
  • trunk/www/my_base/projects/list_projects.jsp

    r6221 r6307  
    9595  ExtensionsInvoker columnsInvoker = ListColumnUtil.useExtensions(jspContext);
    9696  %>
    97   <base:page title="<%=title==null ? "Projects" : title%>" type="<%=mode.getPageType()%>">
    98   <base:head scripts="table.js" styles="table.css,toolbar.css">
     97  <base:page title="<%=title==null ? "Projects" : title%>" type="<%=mode.getPageType()%>" id="list-page">
     98  <base:head scripts="table.js,~projects.js" styles="table.css,toolbar.css">
    9999    <ext:scripts context="<%=jspContext%>" />
    100100    <ext:stylesheets context="<%=jspContext%>" />
    101     <script>
    102     var submitPage = 'index.jsp';
    103     var formId = 'projects';
    104     function newItem()
    105     {
    106       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', 0, true);
    107     }
    108     function editItem(itemId)
    109     {
    110       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, true);
    111     }
    112     function viewItem(itemId)
    113     {
    114       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', itemId, false);
    115     }
    116     function itemOnClick(evt, itemId)
    117     {
    118       Table.itemOnClick(formId, evt, itemId, '<%=mode.getName()%>', viewItem, editItem, returnSelected);
    119     }
    120     function deleteItems()
    121     {
    122       var frm = document.forms[formId];
    123       if (Forms.numChecked(frm) == 0)
    124       {
    125         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    126         return;
    127       }
    128       frm.action = submitPage;
    129       frm.cmd.value = 'DeleteItems';
    130       frm.submit();
    131     }
    132     function restoreItems()
    133     {
    134       var frm = document.forms[formId];
    135       if (Forms.numChecked(frm) == 0)
    136       {
    137         Forms.showNotification('check.uncheck', 'Please select at least one item in the list', null, 'pointer-left');
    138         return;
    139       }
    140       frm.action = submitPage;
    141       frm.cmd.value = 'RestoreItems';
    142       frm.submit();
    143     }
    144     function setOwner()
    145     {
    146       Table.setOwnerOfItems(formId);
    147     }
    148     function configureColumns()
    149     {
    150       Table.configureColumns(formId);
    151     }
    152     function runPlugin(cmd)
    153     {
    154       Table.submitToPopup(formId, cmd, 750, 500);
    155     }
    156     function returnSelected()
    157     {
    158       Table.returnSelected(formId, <%=callback != null ? "window.opener."+callback : "null" %>);
    159       window.close();
    160     }
    161     function setActive(projectId)
    162     {
    163       Main.openPopup('set_active.jsp?ID=<%=ID%>&project_id='+projectId, 'ActivateProject', 300, 200);
    164     }
    165     </script>
    166101  </base:head>
    167102 
     
    265200          >
    266201          <tbl:button
     202            id="btnNewItem"
    267203            disabled="<%=!createPermission%>"
    268204            image="new.png"
    269             onclick="newItem()"
    270205            title="New&hellip;"
    271206            tooltip="<%=createPermission ? "Create new project" : "You do not have permission to create projects"%>"
    272207          />
    273208          <tbl:button
     209            id="btnDeleteItems"
    274210            image="delete.png"
    275             onclick="deleteItems()"
    276211            title="Delete"
    277212            tooltip="Delete the selected items"
    278213          />
    279214          <tbl:button
     215            id="btnRestoreItems"
    280216            image="restore.png"
    281             onclick="restoreItems()"
    282217            title="Restore"
    283218            tooltip="Restore the selected (deleted) items"
    284219          />
    285220          <tbl:button
     221            id="btnSetOwner"
    286222            image="take_ownership.png"
    287             onclick="setOwner()"
    288223            title="Set owner&hellip;"
    289224            tooltip="Change owner of the selected items"
    290225          />
    291226          <tbl:button
     227            id="btnColumns"
    292228            image="columns.png"
    293229            onclick="configureColumns()"
     
    296232          />
    297233          <tbl:button
     234            id="btnImport"
     235            data-plugin-type="IMPORT"
    298236            image="import.png"
    299             onclick="runPlugin('ImportItems')"
    300237            title="Import&hellip;"
    301238            tooltip="Import data"
     
    303240          />
    304241          <tbl:button
     242            id="btnExport"
     243            data-plugin-type="EXPORT"
    305244            image="export.png"
    306             onclick="runPlugin('ExportItems')"
    307245            title="Export&hellip;"
    308246            tooltip="Export data"
     
    310248          />
    311249          <tbl:button
     250            id="btnRunPlugin"
     251            data-plugin-type="OTHER"
    312252            image="runplugin.png"
    313             onclick="runPlugin('RunListPlugin')"
    314253            title="Run plugin&hellip;"
    315254            tooltip="Run a plugin"
     
    420359                    visible="<%=item.isRemoved()%>"
    421360                  />&nbsp;</tbl:header>
    422                 <tbl:cell column="name"><div class="link"
    423                   onclick="itemOnClick(<%=writePermission ? "event" : null%>, <%=itemId%>)"
     361                <tbl:cell column="name"><div
     362                  class="link table-item"
     363                  data-item-id="<%=itemId%>"
     364                  data-no-edit="<%=writePermission ? 0 : 1 %>"
     365                  tabindex="0"
    424366                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
    425367                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
     
    441383                <tbl:cell column="entryDate" value="<%=item.getEntryDate()%>" />
    442384                <tbl:cell column="description"><%=HTML.encodeTags(item.getDescription())%></tbl:cell>
    443                 <tbl:cell column="actions"><a href="javascript:setActive(<%=itemId%>)">Set active</a></tbl:cell>
     385                <tbl:cell column="actions"><span class="link auto-init" data-auto-init="set-active" data-item-id="<%=itemId%>">Set active</span></tbl:cell>
    444386                <tbl:cell column="permission"><%=PermissionUtil.getShortPermissions(item)%></tbl:cell>
    445387                <tbl:xt-cells dc="<%=dc%>" item="<%=item%>">
     
    467409   
    468410    <base:buttongroup subclass="dialogbuttons">
    469       <base:button onclick="returnSelected();" title="Ok" visible="<%=mode.hasOkButton()%>" />
    470       <base:button onclick="window.close();" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
    471       <base:button onclick="window.close();" title="Close" visible="<%=mode.hasCloseButton()%>" />
     411      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
     412      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
     413      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
    472414    </base:buttongroup>
    473415   
  • trunk/www/my_base/projects/set_active.jsp

    r6136 r6307  
    102102}
    103103%>
    104 <base:page type="popup" title="<%=title%>">
    105 <base:head>
    106 <script>
    107 function reloadAndClose()
    108 {
    109   window.opener.location.reload();
    110   setTimeout(closeWindow, 500);
    111 }
    112 function closeWindow()
    113 {
    114   window.close();
    115 }
    116 </script>
    117 </base:head>
    118 <base:body onload="reloadAndClose()">
     104<base:page type="popup" title="<%=title%>" id="set-active">
     105<base:head scripts="~projects.js" />
     106<base:body>
    119107  <h1><%=title %></h1>
    120108  <div class="content">
     
    125113
    126114  <base:buttongroup subclass="dialogbuttons">
    127     <base:button onclick="window.close();" title="Ok" />
     115    <base:button id="close" title="Ok" />
    128116  </base:buttongroup>
    129117</base:body>
  • trunk/www/my_base/projects/view_project.jsp

    r6142 r6307  
    9898  ExtensionsInvoker invoker = ToolbarUtil.useExtensions(jspContext);
    9999  %>
    100   <base:page title="<%=title%>">
    101   <base:head scripts="table.js,tabcontrol.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
     100  <base:page title="<%=title%>" id="view-page">
     101  <base:head scripts="table.js,tabcontrol-2.js,~projects.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
    102102    <ext:scripts context="<%=jspContext%>" />
    103103    <ext:stylesheets context="<%=jspContext%>" />
    104     <script>
    105     function editItem()
    106     {
    107       Main.viewOrEditItem('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>, true);
    108     }
    109     function deleteItem()
    110     {
    111       location.replace('index.jsp?ID=<%=ID%>&cmd=DeleteItem&item_id=<%=itemId%>');
    112     }
    113     function restoreItem()
    114     {
    115       location.replace('index.jsp?ID=<%=ID%>&cmd=RestoreItem&item_id=<%=itemId%>');
    116     }
    117     function deleteItemPermanently()
    118     {
    119       Main.deleteItemPermanently('<%=ID%>', true, '<%=itemType.name()%>', <%=itemId%>, '&callback=itemDeleted');
    120     }
    121     function itemDeleted()
    122     {
    123       Main.listItems('<%=ID%>', '<%=itemType.name()%>');
    124     }
    125     function showUsingItems()
    126     {
    127       Main.showUsingItems('<%=ID%>', '<%=itemType.name()%>', <%=itemId%>);
    128     }
    129     function setOwner()
    130     {
    131       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=SetOwnerOfItem&item_id=<%=itemId%>', 'SetOwnerOfItem', 450, 300);
    132     }
    133     function runPlugin(cmd)
    134     {
    135       Main.openPopup('index.jsp?ID=<%=ID%>&cmd='+cmd+'&item_id=<%=itemId%>', 'RunPlugin'+cmd, 750, 500);
    136     }
    137     function setToActive()
    138     {
    139       Main.openPopup('set_active.jsp?ID=<%=ID%>&project_id=<%=itemId%>', 'ActivateProject', 300, 200);
    140     }
    141     function viewItems()
    142     {
    143       location.href = 'items/index.jsp?ID=<%=ID%>&project_id=<%=itemId%>';
    144     }
    145     function switchTab(tabControlId, tabId)
    146     {
    147       if (tabId == 'items')
    148       {
    149         viewItems();
    150       }
    151       else
    152       {
    153         TabControl.setActiveTab(tabControlId, tabId);
    154       }
    155     }
    156     </script>
    157104  </base:head>
    158105  <base:body>
     
    161108      /><p:pathelement title="<%=HTML.encodeTags(project.getName())%>"
    162109      /></p:path>
     110    <div id="page-data" data-item-id="<%=itemId%>"></div>
    163111   
    164112    <t:tabcontrol
    165113      id="main"
    166114      subclass="content mastertabcontrol"
    167       active="<%=tab%>" switch="switchTab">
     115      active="<%=tab%>">
    168116    <t:tab id="properties" title="Properties">
    169117      <div>
     
    172120        <th class="itemstatus">
    173121          <base:icon
     122            id="btnDeletePermanently"
    174123            image="deleted.png"
    175             onclick="deleteItemPermanently()"
    176124            tooltip="This item has been flagged for deletion. Click to delete it now."
    177125            enabled="<%=deletePermanentlyPermission %>"
    178126            visible="<%=isRemoved%>"
    179127          />
    180           <base:icon image="used.png"
    181             onclick="showUsingItems()"
     128          <base:icon
     129            id="btnUsingItems"
     130            image="used.png"
    182131            tooltip="This item is used by other items and can't be permanently deleted. Show the items that are using this one"
    183132            visible="<%=isRemoved && isUsed%>" />
     
    186135          <tbl:toolbar subclass="bottomborder">
    187136            <tbl:button
     137              id="btnEdit"
    188138              disabled="<%=!writePermission%>"
    189139              image="edit.png"
    190               onclick="editItem()"
    191140              title="Edit&hellip;"
    192141              tooltip="<%=writePermission ? "Edit this project" : "You do not have permission to edit this project"%>"
    193142            />
    194143            <tbl:button
     144              id="btnDelete"
    195145              disabled="<%=!deletePermission%>"
    196146              image="delete.png"
    197               onclick="deleteItem()"
    198147              title="Delete"
    199148              visible="<%=!project.isRemoved()%>"
     
    201150            />
    202151            <tbl:button
     152              id="btnRestore"
    203153              disabled="<%=!writePermission%>"
    204154              image="restore.png"
    205               onclick="restoreItem()"
    206155              title="Restore"
    207156              visible="<%=project.isRemoved()%>"
     
    209158            />
    210159            <tbl:button
     160              id="btnSetOwner"
    211161              disabled="<%=!setOwnerPermission%>"
    212162              image="take_ownership.png"
    213               onclick="setOwner()"
    214163              title="Set owner&hellip;"
    215164              tooltip="<%=setOwnerPermission ? "Change owner of this item" : "You do not have permission to change ownership of this item"%>"
    216165            />
    217166            <tbl:button
    218               onclick="setToActive()"
     167              id="btnSetActive"
    219168              image="bullet.png"
    220169              title="Set active"
     
    222171            />
    223172            <tbl:button
     173              id="btnImport"
    224174              image="import.png"
    225               onclick="runPlugin('ImportItem')"
     175              data-plugin-type="IMPORT"
    226176              title="Import&hellip;"
    227177              tooltip="Import data"
     
    229179            />
    230180            <tbl:button
    231               image="export.png"
    232               onclick="runPlugin('ExportItem')"
     181              id="btnExport"
     182              image="export.png"
     183              data-plugin-type="EXPORT"
    233184              title="Export&hellip;"
    234185              tooltip="Export data"
     
    236187            />
    237188            <tbl:button
    238               image="runplugin.png"
    239               onclick="runPlugin('RunPlugin')"
     189              id="btnRunPlugin"
     190              image="runplugin.png" 
     191              data-plugin-type="OTHER"
    240192              title="Run plugin&hellip;"
    241193              tooltip="Run a plugin"
     
    246198            <tbl:button
    247199              image="help.png"
    248               onclick="<%="Main.openHelp('" + ID +"', 'project.view.properties')"%>"
     200              subclass="auto-init"
     201              data-auto-init="help"
     202              data-help-id="project.view.properties"
    249203              title="Help&hellip;"
    250204              tooltip="Get help about this page"
Note: See TracChangeset for help on using the changeset viewer.