Ignore:
Timestamp:
Feb 13, 2012, 3:36:42 PM (10 years ago)
Author:
Nicklas Nordborg
Message:

References #1655: GUI improvements

"Test with file" dialog.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/common/plugin/parse_file.jsp

    r5903 r5955  
    5151<%@ taglib prefix="m" uri="/WEB-INF/menu.tld" %>
    5252<%@ taglib prefix="t" uri="/WEB-INF/tab.tld" %>
     53<%@ taglib prefix="tbl" uri="/WEB-INF/table.tld" %>
    5354
    5455<%
     
    167168  }
    168169  %>
    169   <base:page type="popup" title="Test with file">
     170  <base:page type="iframe" title="Test with file">
    170171  <base:head scripts="tabcontrol.js" styles="table.css,tabcontrol.css">
    171172    <script language="JavaScript">
     
    248249    </script>
    249250  </base:head>
    250   <base:body onload="window.parent.adjustIFrameSize()" style="padding-left: 0px;">
    251   <t:tabcontrol id="parsedFile"
    252     contentstyle="<%="height: "+(int)(scale*400)+"px;"%>" autoheight="false">
     251  <base:body>
     252  <t:tabcontrol
     253    id="parsedFile"
     254    subclass="absolutefull dialogtabcontrol bottomborder"
     255    position="top"
     256    >
    253257  <t:tab
    254258    id="filedata"
    255259    title="File data"
    256260    >
     261    <div style="padding-top: 0.5em;">
    257262    <%
    258263    if (file == null)
    259264    {
    260265      %>
    261       <br><br>
    262       <div align="center">
    263       <div class="error" style="width: 50%; font-size: larger; font-weight: bold;">
    264         <br>
     266      <div class="messagecontainer error" style="margin-top: 0px;">
    265267        No file selected. Please select a file to test above.
    266         <br><br>
    267       </div>
    268268      </div>
    269269      <%
     
    274274      {
    275275        %>
    276         <div class="error">
    277         <table align="center"><tr><td>
     276        <div class="messagecontainer error">
    278277        <b>Could not parse the file <code><%=HTML.encodeTags(path)%></code></b>
    279278        <ol>
    280279        <li><%=Values.getString(messages, "<li>", true)%>
    281280        </ol>
    282         </td></tr></table>
    283281        </div>
    284282        <%
    285283      }
    286284      %>
    287       <table class="itemlist" border="0" cellspacing="0" cellpadding="0" style="padding-right: 1px;">
    288       <tr>
    289         <td class="data">
    290         <table border="0" cellspacing="0" cellpadding="0">
    291        
    292         <tr>
    293           <th class="columnheader">Line</th>
    294           <th class="columnheader">Columns</th>
    295           <th class="columnheader">Type</th>
    296           <th class="columnheader">Use as</th>
    297           <th class="columnheader" colspan="99">File data</th>
    298         </tr>
     285      <div class="itemlist fulltable">
     286        <div class="data" style="top: 0px; margin-top:0px;">
     287        <table>
     288          <thead>
     289          <tr>
     290            <th>Line</th>
     291            <th>Columns</th>
     292            <th>Type</th>
     293            <th>Use as</th>
     294            <th colspan="99">File data</th>
     295          </tr>
     296          </thead>
     297          <tbody class="rows">
    299298     
    300299        <%
     
    322321          }
    323322          %>
    324           <tr class="<%=rowclass[rowClassIndex]%>">
     323          <tr class="<%=rowclass[rowClassIndex]%> highlight">
    325324            <td class="cell"><%=line.lineNo()%></td>
    326325            <td class="cell"><%=data.length%></td>
     
    402401        }
    403402        %>
     403        </tbody>
     404        </table>
    404405        <script language="JavaScript">
    405406        <%
     
    421422        %>
    422423        </script>
    423         </table>
    424         </td>
    425       </tr>
    426       </table>
     424      </div>
     425      </div>
    427426      <%
    428427    }
    429428    %>
     429      </div>
    430430    </t:tab>
    431431
     
    492492      </script>
    493493      <form name="mappings">
    494       <table>
    495       <tr>
    496       <td>
    497       <b>Mapping style:</b>
    498       <input type="radio" name="expressionStyle" id="expressionStyleSimple" value="1" checked><label for="expressionStyleSimple">Simple</label>
    499       <input type="radio" name="expressionStyle" id="expressionStyleExpression" value="2"><label for="expressionStyleExpression">Expression</label>
    500       </td>
    501       <%
    502       if (matches != null)
    503       {
    504         %>
    505         <td>
    506         <base:button onclick="setFuzzyMatches()" title="Auto generate"
    507           tooltip="Generate mappings by finding the best match between Property and File column"/>
    508         </td>
    509         <td>
    510           Similarity score: <input type="text"
    511           name="similarity" value="0.85" onkeypress="return Numbers.numberOnly(event)">
    512           (0 = bad; 1 = good)
    513         </td>
    514         <%
    515       }
    516       %>
    517       </tr>
    518       </table>
    519 
    520       <table class="itemlist" border="0" cellspacing="0" cellpadding="0">
    521       <tr>
    522         <td class="data">
    523         <table border="0" cellspacing="0" cellpadding="0">
     494      <div class="absolutefull" style="height: 2em;">
     495        <table>
    524496        <tr>
    525           <th class="columnheader">Property</th>
    526           <th class="columnheader">Mapping expression</th>
    527           <th class="columnheader">File columns</th>
     497          <td style="padding-left: 2px;">
     498            <b>Mapping style:</b>
     499            <input type="radio" name="expressionStyle" id="expressionStyleSimple" value="1" checked><label for="expressionStyleSimple">Simple</label>
     500            <input type="radio" name="expressionStyle" id="expressionStyleExpression" value="2"><label for="expressionStyleExpression">Expression</label>
     501          </td>
     502          <%
     503          if (matches != null)
     504          {
     505            %>
     506            <td style="padding-left: 4px;">
     507            <base:button onclick="setFuzzyMatches()" title="Auto generate"
     508              tooltip="Generate mappings by finding the best match between Property and File column"/>
     509            </td>
     510            <td style="padding-left: 4px; width: 50%;">
     511              Similarity score: <input type="text"
     512              name="similarity" value="0.85" onkeypress="return Numbers.numberOnly(event)">
     513              (0 = bad; 1 = good)
     514            </td>
     515            <%
     516          }
     517          %>
    528518        </tr>
     519        </table>
     520      </div>
     521     
     522      <div class="absolutefull topborder" style="top: 2em;">
     523
     524        <table class="fullform input100">
     525        <tbody class="sectionheader">
     526          <tr>
     527            <th class="rightborder">Property</th>
     528            <th class="rightborder">Mapping expression</th>
     529            <th>File columns</th>
     530          </tr>
     531        </tbody>
    529532        <%
    530533        for (String name : mappingParameters)
     
    532535          %>
    533536          <tr>
    534             <td class="cell"><%=HTML.encodeTags(request.getParameter("mapping." + name + ".label"))%></td>
     537            <th><%=HTML.encodeTags(request.getParameter("mapping." + name + ".label"))%></th>
    535538            <td class="cell">
    536               <input type="text" class="text" name="mapping.<%=name%>.expression"
    537                 size="40" maxlength="80"
    538                 value="<%=HTML.encodeTags(request.getParameter("mapping." + name + ".expression"))%>"
    539                 onblur="setColumnMapping(null, '<%=name%>', this.value)">
    540                
     539              <table style="width: 100%;">
     540              <tr>
     541                <td>
     542                <input type="text" class="text" name="mapping.<%=name%>.expression"
     543                  maxlength="80"
     544                  value="<%=HTML.encodeTags(request.getParameter("mapping." + name + ".expression"))%>"
     545                  onblur="setColumnMapping(null, '<%=name%>', this.value)">
     546                </td>
     547              <td style="width: 22px;">
    541548                <base:icon image="cancel.png"
    542549                  onclick="<%="setColumnMapping(null, '" + name + "', '')"%>"
    543550                  tooltip="Clear this expression"/>
     551              </td>
     552              </tr>
     553              </table>
    544554            </td>
    545             <td class="cell">
     555            <td class="cell" style="width: 15em;">
    546556              <select name="list.<%=name%>" onchange="setColumnMapping(this, '<%=name%>')">
    547557              <option value="">
     
    553563        }
    554564        %>
     565        <tr class="dynamic">
     566          <th></th>
     567          <td></td>
     568          <td></td>
     569        </tr>
    555570        </table>
    556         </td>
    557       </tr>
    558       </table>
    559       </form>
     571      </div>
     572    </form>
    560573    </t:tab>
    561574     
Note: See TracChangeset for help on using the changeset viewer.