source: trunk/www/common/datafiles/select_files.jsp @ 5713

<%-- $Id:select_files.jsp 3820 2007-10-12 10:03:18Z nicklas $
  ------------------------------------------------------------------
  Copyright (C) 2005 Nicklas Nordborg
  Copyright (C) 2006 Jari Häkkinen, Nicklas Nordborg
  Copyright (C) 2007 Nicklas Nordborg

  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/>.
  ------------------------------------------------------------------
  
--%>
<%@ 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.Type"
  import="net.sf.basedb.core.BasicItem"
  import="net.sf.basedb.core.Permission"
  import="net.sf.basedb.core.Nameable"
  import="net.sf.basedb.core.FileStoreEnabled"
  import="net.sf.basedb.core.FileSet"
  import="net.sf.basedb.core.FileSetMember"
  import="net.sf.basedb.core.File"
  import="net.sf.basedb.core.Platform"
  import="net.sf.basedb.core.PlatformVariant"
  import="net.sf.basedb.core.PlatformFileType"
  import="net.sf.basedb.core.UsableDataFileType"
  import="net.sf.basedb.core.DataFileType"
  import="net.sf.basedb.core.Subtypable"
  import="net.sf.basedb.core.ItemSubtype"
  import="net.sf.basedb.core.ItemQuery"
  import="net.sf.basedb.core.Include"
  import="net.sf.basedb.core.ItemResultList"
  import="net.sf.basedb.core.PermissionDeniedException"
  import="net.sf.basedb.core.query.Expressions"
  import="net.sf.basedb.core.query.Restrictions"
  import="net.sf.basedb.core.query.Hql"
  import="net.sf.basedb.core.query.Orders"
  import="net.sf.basedb.clients.web.Base"
  import="net.sf.basedb.clients.web.util.HTML"
  import="net.sf.basedb.util.formatter.Formatter"
  import="net.sf.basedb.clients.web.formatter.FormatterFactory"
  import="net.sf.basedb.clients.web.formatter.FormatterSettings"
  import="net.sf.basedb.util.Values"
  import="java.util.ArrayList"
  import="java.util.List"
  import="java.util.Date"
  import="java.util.Map"
  import="java.util.HashMap"
%>
<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
<%
final SessionControl sc = Base.getExistingSessionControl(pageContext, true);
final String ID = sc.getId();
final float scale = Base.getScale(sc);
final Item itemType = Item.valueOf(request.getParameter("item_type"));
final int itemId = Values.getInt(request.getParameter("item_id"));
final int platformId = Values.getInt(request.getParameter("platform_id"), -1);
final int variantId = Values.getInt(request.getParameter("variant_id"), -1);
final int itemSubtypeId = Values.getInt(request.getParameter("itemsubtype_id"), -1);
final ItemContext cc = sc.getCurrentContext(itemType);

final DbControl dc = sc.newDbControl();
try
{

  // Get the current item; null if we are editing a new item
  final FileStoreEnabled item = itemId == 0 ? null : (FileStoreEnabled)itemType.getById(dc, itemId);
  FileSet fileSet = null;
  // Get the current files organized per data file type
  Map<DataFileType, List<FileSetMember>> members = new HashMap<DataFileType, List<FileSetMember>>();
  if (item != null && item.hasFileSet())
  {
    fileSet = item.getFileSet();
    ItemQuery<FileSetMember> query = fileSet.getMembers();
    query.order(Orders.asc(Hql.property("dataFileType.name")));
    query.order(Orders.asc(Hql.property("file.name")));
    List<FileSetMember> all = query.list(dc);
    for (FileSetMember m : all)
    {
      DataFileType dft = m.getDataFileType();
      List<FileSetMember> tmp = members.get(dft);
      if (tmp == null)
      {
        tmp = new ArrayList<FileSetMember>();
        members.put(dft, tmp);
      }
      tmp.add(m);
    }
  }

  // Get the current platform/variant/itemsubtype
  // -- if not submitted in URL use values from current item
  PlatformVariant variant = null;
  Platform platform = null;
  ItemSubtype itemSubtype = null;
  boolean deniedPlatform = false;
  try
  {
    if (itemSubtypeId > 0)
    {
      itemSubtype = ItemSubtype.getById(dc, itemSubtypeId);
    }
    else if (item instanceof Subtypable)
    {
      itemSubtype = ((Subtypable)item).getItemSubtype();
    }
    if (variantId > 0)
    {
      variant = PlatformVariant.getById(dc, variantId);
      platform = variant.getPlatform();
    }
    else if (platformId > 0)
    {
      platform = Platform.getById(dc, platformId);
    }
    else if (item != null)
    {
      variant = item.getVariant();
      platform = item.getPlatform();
    }
  }
  catch (PermissionDeniedException ex)
  {
    deniedPlatform = true;  
  }
  
  // Query to load data file types for specific itemType/platform/variant
  final ItemQuery<DataFileType> fileTypeQuery = 
    Base.getDataFileTypes(itemType, item, platform, variant, itemSubtype);
  List<DataFileType> fileTypes = fileTypeQuery.list(dc);
  String title = "Select data files for " + 
    HTML.encodeTags((item instanceof Nameable ? ((Nameable)item).getName() : 
      (item == null ? " new item" : item.toString())));

  final String clazz = "class=\"text\"";
  final String requiredClazz = "class=\"text required\"";
  %>
  <base:page type="popup" title="<%=title%>">
  <base:head >
  
  <script language="JavaScript">
  function init()
  {
    if (document.body.addEventListener)
    {
      // Mozilla
      document.body.addEventListener('click', hideVisibleRecentFilesDiv, false);
    }
    else
    {
      // IE.
      div.onclick = hideVisibleRecentFilesDiv;
    }

  }
  
  var lastFileTypeId;
  var updateCheckboxes = false;
  function addFilesOnClick(fileTypeId, extension, updateCheck)
  {
    var frm = document.forms['datafiles'];
    updateCheckboxes = updateCheck;
    var url = '../../filemanager/index.jsp?ID=<%=ID%>&cmd=SelectMultiple&callback=addFileCallback';
    if (extension)
    {
      url += '&resetTemporary=1&tmpfilter:STRING:name='+escape('%.' + extension);
    }
    else
    {
      url += '&resetTemporary=1&filter:STRING:name=';
    }
    lastFileTypeId = fileTypeId;
    Main.openPopup(url, 'SelectFile', 1000, 700);
  }
  function addFileCallback(fileId, path)
  {
    addFile(lastFileTypeId, fileId, path);
  }
  function removeFilesOnClick(inputName, updateCheck)
  {
  }
  
  function browseOnClick(fileTypeId, extension, updateCheck)
  {
    var frm = document.forms['datafiles'];
    updateCheckboxes = updateCheck;
    var url = '../../filemanager/index.jsp?ID=<%=ID%>&cmd=SelectOne&callback=setFileCallback';
    if (extension)
    {
      url += '&resetTemporary=1&tmpfilter:STRING:name='+escape('%.' + extension);
    }
    else
    {
      url += '&resetTemporary=1&filter:STRING:name=';
    }
    lastFileTypeId = fileTypeId;
    Main.openPopup(url, 'SelectFile', 1000, 700);
  }
  function setFileCallback(fileId, path)
  {
    setFile(lastFileTypeId, fileId, path);
  }
  function setFile(fileTypeId, fileId, path)
  {
    var frm = document.forms['datafiles'];
    document.getElementById('filelist.'+fileTypeId+'.file').innerHTML = path;
    new FileAction('setfile', fileTypeId, fileId);
  }
  function addFile(fileTypeId, fileId, path)
  {
    var fileDiv = document.getElementById('filelist.'+fileTypeId+'.'+fileId);
    if (fileDiv) return;
    
    fileDiv = document.createElement('div');
    fileDiv.id = 'filelist.'+fileTypeId+'.'+fileId;
    fileDiv.innerHTML = path;
    document.getElementById('filelist.'+fileTypeId+'.file').appendChild(fileDiv);
    Main.hide('filelist.'+fileTypeId+'.0');
    new FileAction('addfile', fileTypeId, fileId);
  }
  function removeOnClick(fileTypeId, updateCheck)
  {
    document.getElementById('filelist.'+fileTypeId+'.file').innerHTML = '<i>- not selected -</i>';
    new FileAction('setfile', fileTypeId, 0);
  }
  
  /*
  function fileOnChange(inputName, updateCheckbox)
  {
    var frm = document.forms['datafiles'];
    var validateCheckbox = frm['datafiles.validate'];

    // Check boxes should be updated if the data file type 
    //supports validation or metadata-extraction
    if (updateCheckbox)
    {
      if (frm[inputName].value != '' || frm[inputName].length > 0)
      {
        // Data filetype supports validation
        if (validateCheckbox)
        {
          if (validateCheckbox.disabled) validateCheckbox.disabled = false;  
          validateCheckbox.checked = "1";
        }
      }
    }   
  }
  */
  
  function writeFileActions()
  {
    Main.debug(fileActions.length, true);
    for (var i = 0; i < fileActions.length; i++)
    {
      var action = fileActions[i];
      Main.debug(action.action + ':' + action.fileTypeId + '='+action.fileId);
    }
  }
  
  var fileActions = new Array();
  function FileAction(action, fileTypeId, fileId)
  {
    this.action = action;
    this.fileTypeId = fileTypeId;
    this.fileId = fileId;
    
    if (action == 'setfile')
    {
      for (var i = 0; i < fileActions.length; i++)
      {
        var other = fileActions[i];
        if (other.action == this.action && other.fileTypeId == this.fileTypeId)
        {
          fileActions[i] = this;
          return;
        }
      }
      fileActions[fileActions.length] = this;
    }
    else if (action == 'addfile')
    {
      for (var i = 0; i < fileActions.length; i++)
      {
        var other = fileActions[i];
        if (other.action == this.action && other.fileTypeId == this.fileTypeId && other.fileId == this.fileId)
        {
          return;
        }
      }
      fileActions[fileActions.length] = this;
    }
  }
  
  function writeFileActionsToForm(frm)
  {
    alert(fileActions.length);
    for (var i = 0; i < fileActions.length; i++)
    {
      var action = fileActions[i];
      Forms.createHidden(frm, action.action + '.' + action.fileTypeId, action.fileId);
    }
  }
  
  var visibleRecentFilesDiv = null;
  function recentFilesOnClick(event, fileTypeId)
  {
    var recentDiv = document.getElementById('recentfiles.'+fileTypeId);
    var currentDiv = visibleRecentFilesDiv;
    hideVisibleRecentFilesDiv();
    if (currentDiv == recentDiv) return;
    
    var fileCell = document.getElementById('filelist.'+fileTypeId+'.file');
    var pos = Main.getElementPosition(fileCell, true);
    Main.show('recentfiles.'+fileTypeId);
    
    recentDiv.style.top = (pos.bottom-2) + 'px';
    recentDiv.style.left = (pos.left) + 'px';
    recentDiv.style.width = (pos.width+18) + 'px';

    visibleRecentFilesDiv = recentDiv;
    event.cancelBubble = true;
    event.stopPropagation();
  }

  function selectRecentFile(fileTypeId, fileId)
  {
    var path = document.getElementById('recentfile.'+fileTypeId+'.'+fileId).innerHTML;
    setFile(fileTypeId, fileId, path);
  }
  
  function hideVisibleRecentFilesDiv()
  {
    if (visibleRecentFilesDiv)
    {
      visibleRecentFilesDiv.style.display = 'none';
      visibleRecentFilesDiv = null;
    }
  }
  </script>
  <style>
  .filelist {
    overflow: auto; 
    padding: 0px;
    border: 1px solid #cccccc;
    background: #FFFFFF;
  }
  .filelist td {
    border-bottom: 1px dotted #cccccc;
    padding: 1px 2px 1px 2px;
  }
  .filelist .filetype {
    width: 150px;
    font-weight: bold;
    background-color: #f0f0f0;
    border-right: 1px solid #cccccc;
    white-space: nowrap;
  }
  .filelist .file {
    
  }
  .filelist .required {
    background: #D0F0FF !important;
  }
  .filelist .fileaction {
    max-width: 18px;
    width: 18px;
    text-align: center;
  }
  .recentfiles {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #999999;
    background: #ffffff;
    text-align: left;
  }
  .recentfiles .recentfile {
    padding: 2px;
    border-bottom: 1px dotted #e0e0e0;
  }
  .recentfiles .recentfile:hover {
    cursor: pointer;
    background: #e0e0e0;
    padding: 2px;
  }
  </style>
  </base:head>
  
  <base:body onload="init()" style="background: #E0E0E0;">

    <div id="filelist" class="filelist" style="height: <%=(int)(scale*320)%>px; width:100%">
    <%
    boolean hasNonPlatformFiles = true;     
    boolean activateCheckBoxes = false;
    boolean validationSupport = true;
    if (fileTypes.size() == 0)
    {
      String what = "";
      if (platform != null)
      {
        what = "'" + HTML.encodeTags(platform.getName()) + "' platform";
      }
      else if (itemSubtype != null)
      {
        what = "'" + HTML.encodeTags(itemSubtype.getName()) + "' subtype";
      }
      %>
      <div class="error">
        The <%=what%> doesn't define any file types for 
        <%=itemType.toString() %> items.
      </div>
      <%
    }
    else if (deniedPlatform)
    {
      %>
      <div class="error">Denied</div>
      <%
    }
    else
    {
      %>
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
      <%
      for (DataFileType dft : fileTypes)
      {
        String dftId = Integer.toString(dft.getId());
        String fullLabel = dft.getName();
        String label = Values.trimString(fullLabel, 25);
        
        UsableDataFileType usable = null;
        if (platform != null) 
        {
          usable = platform.getFileType(dft, variant, false);
          if (usable == null && variant != null)
          {
            // If file type is not registered with a variant, also check if it is inherited from platform
            usable = platform.getFileType(dft, null, false);
          }
        }
        else if (itemSubtype != null)
        {
          usable = itemSubtype.getAssociatedDataFileType(dft, false);
        }
        
        boolean isPartOfPlatform = usable != null;
        boolean isRequired = usable == null ? false : usable.isRequired();
        boolean allowMultiple = usable == null ? false : usable.getAllowMultiple();
        String extension = dft.getExtension();
        boolean hasValidator = dft.hasActiveValidator(dc);
        boolean affectCheckboxes = hasValidator;
        validationSupport |= hasValidator;
        List<FileSetMember> files = members.get(dft);
        List<File> recentFiles = (List<File>)cc.getRecent(dc, Item.FILE, dft.getExternalId());
        %>
        <tr class="item <%=isRequired ? "required" : "" %>" 
          id="filelist.<%=dftId%>" 
          onclick="itemOnClick(<%=dftId%>)">
          <td class="filetype" 
            id="filelist.<%=dftId%>.label"
            title="<%=fullLabel == label ? "" : HTML.encodeTags(fullLabel)%>"
            ><%=HTML.encodeTags(label)%>
            <%
            if (!isPartOfPlatform && !deniedPlatform)
            {
              hasNonPlatformFiles = true;
              %>
              <base:icon image="warning.gif" tooltip="This file is not part of the platform/subtype" />
              <%
            }
            %>
          </td>
          <td class="file" id="filelist.<%=dftId%>.file">
            <%
            if (files == null || files.size() == 0)
            {
              %>
              <div id="filelist.<%=dftId%>.0">
              <i>- not selected -</i>
              </div>
              <%
            }
            else
            {
              for (FileSetMember fm : files)
              {
                File file = fm.getFile();
                %>
                <div id="filelist.<%=dftId%>.<%=file.getId() %>">
                <%=file.getPath() %>
                </div>
                <%
              }
              %>
              <%
            }
            %>
          </td>
          <td class="fileaction">
            <base:icon image="mini_scroll_down.png" 
              visible="<%=recentFiles.size() >= 0 %>"
              tooltip="Select a recently used file"
              onclick="<%="recentFilesOnClick(event, " + dftId + ")"%>"
            />
              <div id="recentfiles.<%=dftId%>" style="display: none;" class="recentfiles">
                <div class="recentfile"
                  onclick="selectRecentFile(<%=dftId%>, 0)"
                  id="recentfile.<%=dftId%>.0"
                  ><i>- not selected -</i></div>
                <%
                for (File recent : recentFiles)
                {
                  %>
                  <div class="recentfile"
                    onclick="selectRecentFile(<%=dftId%>, <%=recent.getId()%>)"
                    id="recentfile.<%=dftId%>.<%=recent.getId()%>"
                    ><%=HTML.encodeTags(recent.getPath().toString())%></div>
                  <%
                }
                %>
              </div>
          </td>
          <td class="fileaction">
            <base:icon image="add.png" 
              onclick="<%="addFilesOnClick("+dftId+", '" + HTML.javaScriptEncode(extension) + "', "+ affectCheckboxes + ")"%>"
              visible="<%=allowMultiple %>"
            />
            <base:icon image="browse.png" 
              onclick="<%="browseOnClick("+dftId+", '" + HTML.javaScriptEncode(extension) + "', "+ affectCheckboxes + ")"%>"
              visible="<%=!allowMultiple%>"
            />
          </td>
          <!-- 
          <td class="fileaction">
            <base:icon image="remove.png" 
              id="remove"
              onclick="<%="removeOnClick("+dftId+", "+ affectCheckboxes + ")"%>"
              visible="<%=!allowMultiple %>"
            />
          </td>
          -->
        </tr>
        <%
      }
      %>
      </table>
      <%
    }
    %>
    </div>

      <form name="datafiles">
      <table width="100%">
      <tr>
        <td>
          <%
          if (validationSupport)
          {
            %>
            <b>Validate</b>
            <input type="checkbox" value="1" disabled name="datafiles.validate">
            <%
          }
          %>
        </td>
        <td>
          <%
          if (hasNonPlatformFiles)
          {
            if (platform != null)
            {
              %>
              <div align="right">
              <base:icon image="warning.gif" /> 
              = The file type is not part of the <i><%=HTML.encodeTags(platform.getName())%></i> platform
              </div>
              <%
            }
            else if (itemSubtype != null)
            {
              %>
              <div align="right">
              <base:icon image="warning.gif" /> 
              = The file type is not part of the <i><%=HTML.encodeTags(itemSubtype.getName())%></i> subtype
              </div>
              <%
            }
          }
          %>
        </td>
      </table>
    </form>
    <a href="javascript:writeFileActions()">See</a>
  </base:body>
  </base:page>
  <%
}
finally
{
  if (dc != null) dc.close();
}
%>