Ignore:
Timestamp:
Sep 7, 2015, 9:08:13 AM (6 years ago)
Author:
Nicklas Nordborg
Message:

References #1941: Store experimental factor values as part experiments

Adding 'check all' icons to the annotations list and put some operations in a submenu to save space.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/common/annotations/annotate.jsp

    r6945 r6946  
    7474<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
    7575<%@ taglib prefix="tbl" uri="/WEB-INF/table.tld" %>
     76<%@ taglib prefix="m" uri="/WEB-INF/menu.tld" %>
    7677<%!
    7778private JSONObject makeJSON(DbControl dc, AnnotationType at, Annotation a, boolean isProtocolParameter, Set<AnnotationTypeCategory> allCategories)
     
    416417  %>
    417418  <base:page type="<%=standalone ? "popup" : "iframe"%>" title="<%=title%>">
    418   <base:head scripts="~annotate.js" styles="parameters.css,toolbar.css">
     419  <base:head scripts="~annotate.js,menu.js" styles="parameters.css,toolbar.css,menu.css">
    419420  <style>
    420421  .first-primary:before
     
    450451  }
    451452 
    452   .parameterlist .param input
     453  .parameterlist .param input, .parameterlist .check-all
    453454  {
    454455    position: absolute;
    455456    right: 1px;
    456457    margin-top: 1px;
     458  }
     459  .parameterlist .check-all
     460  {
     461    padding-right: 2px;
    457462  }
    458463 
     
    633638    <form name="annotations">
    634639   
     640    <m:menu
     641      id="more-actions"
     642      style="display: none;">
     643      <m:menuitem id="btnSync" title="Sync" icon="cloned-outofsync.png"
     644        tooltip="Synchronize the selected annotation"
     645      />
     646      <m:menuitem id="btnClone" title="Clone" icon="cloned.png"
     647        tooltip="Clone the selected annotations"
     648      />
     649      <m:menuitem id="btnUnclone" title="Unclone" icon="inherited.png"
     650        tooltip="Revert cloned annotations to inherited"
     651      />
     652    </m:menu>
     653   
     654   
    635655    <div class="absolutefull">
    636656      <div class="absolutefull bg-filled-100 rightborder" style="width: 18em;">
    637657        <div class="absolutefull" style="height: 2em;">
    638658          <table style="margin: auto; height: 100%;"><tr><td>
    639           <select name="categories" id="categories" style="width: 17em;">
     659          <base:icon image="filter.png" />
     660          <select name="categories" id="categories" style="width: 15em;">
    640661          <option value="-1">- all -
    641662          <%
     
    665686       
    666687        <div id="annotation-list" class="absolutefull parameterlist topborder"
    667           style="top: 2em; bottom: 6em;">
    668           <div class="first-primary"></div>
    669           <%
    670           if (annotationTypes.size() == 0 && inherited.size() == 0)
    671           {
     688          style="top: 2em; bottom: 3em;">
     689          <tbl:toolbar subclass="bottomborder">
     690            <tbl:button id="btnAdd" title="Inherit&hellip;" image="add.png"
     691              tooltip="Inherit more annotations..."
     692            />
     693            <tbl:button id="btnDelete" title="Delete" image="remove.png"
     694              tooltip="Delete annotations"
     695            />
     696            <tbl:button id="btnMore"
     697              subclass="auto-init"
     698              data-auto-init="menu-anchor"
     699              data-menu-id="more-actions"
     700              title="<img src=\"../../images/mini_scroll_down.png\">" image="menu.png"
     701              tooltip="More actions..."
     702              />
     703          </tbl:toolbar>
     704          <div id="primary-list">
     705            <div class="first-primary">
     706              <base:icon id="check-all-primary" image="check_uncheck.png" subclass="check-all"
     707                tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     708              />
     709            </div>
     710            <%
     711            if (annotationTypes.size() == 0 && inherited.size() == 0)
     712            {
     713              %>
     714              <div class="messagecontainer error">
     715                There are no annotation types defined for this kind of item.
     716              </div>
     717              <%
     718            }
    672719            %>
    673             <div class="messagecontainer error">
    674               There are no annotation types defined for this kind of item.
    675             </div>
    676             <%
    677           }
    678           %>
     720          </div>
     721          <div id="inherited-list">
     722            <div class="first-inherited">
     723              <base:icon id="check-all-inherited" image="check_uncheck.png" subclass="check-all"
     724                tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)"
     725              />
     726            </div>
     727          </div>
    679728        </div>
    680         <div class="absolutefull topborder" style="top: auto; bottom: 0em; height: 7em;">
    681           <tbl:toolbar subclass="bottomborder">
    682             <tbl:button id="btnDelete" title="Delete" image="remove.png" />
    683             <tbl:button id="btnAdd" title="Add" image="add.png" />
    684           </tbl:toolbar>
    685           <tbl:toolbar subclass="bottomborder">
    686             <tbl:button id="btnSync" title="Sync" image="refresh.png" />
    687             <tbl:button id="btnClone" title="Clone" image="copy.png" />
    688             <tbl:button id="btnDeclone" title="De-clone" />
    689           </tbl:toolbar>
    690           <table style="height: 3em; margin:auto;"><tr><td>
     729       
     730        <div class="absolutefull topborder" style="top: auto; bottom: 0em; height: 3em;">
     731          <table style="height: 100%; margin:auto;"><tr><td>
    691732          <base:icon image="hasvalues.png" /> = has value(s)<br>
    692733          <base:icon image="parameter.png" /> = protocol parameter
Note: See TracChangeset for help on using the changeset viewer.