source: trunk/www/views/reporterlists/merge.jsp @ 6217

<%-- $Id: merge.jsp 6217 2012-12-14 13:05:00Z nicklas $
  ------------------------------------------------------------------
  Copyright (C) 2006 Jari Häkkinen, Nicklas Nordborg, Martin Svensson

  This file is part of BASE - BioArray Software Environment.
  Available at http://base.thep.lu.se/

  BASE is free software; you can redistribute it and/or
  modify it under the terms of the GNU General Public License
  as published by the Free Software Foundation; either version 3
  of the License, or (at your option) any later version.

  BASE is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with BASE. If not, see <http://www.gnu.org/licenses/>.
  ------------------------------------------------------------------

  @author Nicklas
  @version 2.0
--%>
<%@ page pageEncoding="UTF-8" session="false"
  import="net.sf.basedb.core.SessionControl"
  import="net.sf.basedb.core.DbControl"
  import="net.sf.basedb.core.Item"
  import="net.sf.basedb.core.ItemContext"
  import="net.sf.basedb.core.Permission"
  import="net.sf.basedb.core.ReporterList"
  import="net.sf.basedb.core.PermissionDeniedException"
  import="net.sf.basedb.clients.web.Base"
  import="net.sf.basedb.clients.web.util.HTML"
  import="net.sf.basedb.util.Values"
  import="java.util.List"
%>
<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
<%@ taglib prefix="t" uri="/WEB-INF/tab.tld" %>
<%
final Item itemType = Item.REPORTERLIST;
final SessionControl sc = Base.getExistingSessionControl(pageContext, true);
final ItemContext cc = Base.getAndSetCurrentContext(sc, itemType, null, null);
final int itemId = cc.getId();
final String ID = sc.getId();
final float scale = Base.getScale(sc);
final DbControl dc = sc.newDbControl();
try
{
  String mergeType = request.getParameter("mergeType");
  ReporterList reporterList = ReporterList.getById(dc, itemId);
  cc.setObject("item", reporterList);
  String title = "Add/keep/remove reporters: " + HTML.encodeTags(reporterList.getName());
  reporterList.checkPermission(Permission.WRITE);
  
  
  
  %>

  <base:page type="popup" title="<%=title%>">
  <base:head scripts="linkitems.js">
    <script>
    // Validate the "Reporter list" tab
    function validateForm()
    {
      var frm = document.forms['merge'];
      if (frm.reporterLists.length == 0)
      {
        Forms.showNotification('btnAddReporterLists', 'You must select at least one other reporter list');
        return false;
      }
      return true;
    }

    // Submit the form
    function saveSettings()
    {
      var frm = document.forms['merge'];
      if (validateForm())
      {
        frm.sourceLists.value = Link.getActionIds(1, 'R').join(',');
        frm.submit();
      }
    }
    
    function addReporterListsOnClick()
    {
      var frm = document.forms['merge'];
      var ids = Link.getListIds(frm.reporterLists, 'R');
      ids[ids.length] = <%=itemId%>;
      var excludes = ids.join(',');
      var url = 'index.jsp?ID=<%=ID%>&cmd=UpdateContext&mode=selectmultiple&callback=addReporterListsCallback';
      url += "&exclude="+excludes;
      Main.openPopup(url, 'AddReporterLists', 1050, 700);
    }
    function addReporterListsCallback(reporterListId, name)
    {
      var item = Link.getItem('R', reporterListId);
      if (!item) item = new Item('R', reporterListId, name);
      Link.addItem(document.forms['merge'].reporterLists, item);
    }
    function removeReporterListsOnClick()
    {
      Link.removeSelected(document.forms['merge'].reporterLists);
    }
    
    function updateImage()
    {
      var frm = document.forms['merge'];
      var img = document.getElementById('mergeImage');
      var mergeType = frm.mergeType[frm.mergeType.selectedIndex].value;
      var sourceMerge = frm.sourceMerge[frm.sourceMerge.selectedIndex].value;
      var url = '../../images/set_operations/'+mergeType+'_'+sourceMerge+'.png';
      img.src = url;
    }
    function mergeTypeOnChange()
    {
      updateImage();
    }
    function sourceMergeOnChange()
    {
      updateImage();
    }
    function init()
    {
      updateImage();
    }
    </script>
  </base:head>
  <base:body onload="init()">
    <h1><%=title%> <base:help helpid="reporterlist.merge" /></h1>
    <form action="index.jsp?ID=<%=ID%>" method="post" name="merge">
    <input type="hidden" name="cmd" value="MergeItem">

    <div class="content bottomborder">
      <table class="fullform input100">
      <tr>
        <th>This list</th>
        <td><%=HTML.encodeTags(reporterList.getName())%></td>
        <td rowspan="2">
          <img id="mergeImage" src="../../images/set_operations/union_union.png" alt="">
        </td>
      </tr>
      <tr class="big">
        <th>What to do</th>
        <td>
          <select name="mergeType" onchange="mergeTypeOnChange()">
            <option value="union" <%="union".equals(mergeType) ? "selected" : ""%>
              >Add reporters to
            <option value="intersection" <%="intersection".equals(mergeType) ? "selected" : ""%>
              >Keep reporters in
            <option value="complement" <%="complement".equals(mergeType) ? "selected" : ""%>
              >Remove reporters from
          </select><br>
          this list that are present in
          <br>
          <select name="sourceMerge" onchange="sourceMergeOnChange()">
            <option value="union" <%="intersection".equals(mergeType) ? "" : "selected"%>
              >some of
            <option value="intersection" <%="intersection".equals(mergeType) ? "selected" : ""%>
              >all of
          </select><br>
          the reporter lists selected below.
          <p>
          After the operation this list will
          contain reporters from the gray-colored areas in the image.
           
        </td>
      </tr>
      <tr class="dynamic">
        <th>Reporter lists</th>
        <td colspan="2">
          <div class="selectionlist">
          <table>
          <tr>
          <td>
            <select name="reporterLists" size="10" multiple>
            </select>
            <input type="hidden" name="sourceLists" value="">
          </td>
          <td>
          <td style="vertical-align: top;">
            <base:buttongroup vertical="true">
              <base:button 
                id="btnAddReporterLists"
                subclass="leftaligned"
                style="width: 12em;"
                onclick="addReporterListsOnClick()" 
                title="Add&nbsp;reporter lists&hellip;" 
                tooltip="Add reporter lists"
              />
              <base:button 
                subclass="leftaligned"
                style="width: 12em;"
                onclick="removeReporterListsOnClick()" 
                title="Remove" 
                tooltip="Remove the selected reporter lists"
              />
            </base:buttongroup>
            <input type="hidden" name="sourceLists" value="">
          </td>
          </tr>
          </table>
          </div>
        </td>
      </tr>
      </table>  
    </div>
    </form>
    
    <base:buttongroup subclass="dialogbuttons">
      <base:button onclick="saveSettings()" title="Ok" />
      <base:button onclick="window.close()" title="Cancel" />
    </base:buttongroup>
  </base:body>
  </base:page>
  <%
}
finally
{
  if (dc != null) dc.close();
}
%>