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/test_with_file.jsp

    r5949 r5955  
    5353  <base:head scripts="plugin.js,menu.js,ajax.js,json2.js" styles="menu.css">
    5454    <script language="JavaScript">
    55     var timer = 0;
    56     var inCall = false;
    57     function adjustIFrameSize()
    58     {
    59       if (inCall) return;
    60       inCall = true;
    61       var iframeElement = document.getElementById("idParsed");
    62       // Find the top coordinate of the IFrame
    63       var offsetTop = 1;
    64       var offsetTrail = iframeElement;
    65       while (offsetTrail)
    66       {
    67         offsetTop += offsetTrail.offsetTop;
    68         offsetTrail = offsetTrail.offsetParent;
    69       }
    70  
    71       // Find the browser window height
    72       var windowHeight = Main.getWindowHeight();
    73      
    74       // Set iframe height
    75       var height = windowHeight-offsetTop - 80 * getScale();
    76       iframeElement.height = height;
    77      
    78       var iframe = window.frames['parsed'];
    79       var width = Main.getWindowWidth(iframe);
    80       var parsedFile = iframe.document.getElementById('parsedFile.content');
    81       if (parsedFile)
    82       {
    83         parsedFile.style.height = (height-40)+'px';
    84         parsedFile.style.width = (width-20)+'px';
    85       }
    86       inCall = false;
    87     }
    88     function setTimer()
    89     {
    90       if (inCall) return;
    91       if (timer) clearTimeout(timer);
    92       timer = setTimeout('adjustIFrameSize()', 150);
    93     }
    94 
    9555    function browseOnClick()
    9656    {
     
    163123    function init()
    164124    {
    165       adjustIFrameSize();
    166125      var frm = document.forms['testwithfile'];
    167126      var configWin = window.opener;
     
    224183    </script>
    225184  </base:head>
    226   <base:body attributes="onresize='setTimer();'" onload="init();">
     185  <base:body onload="init();">
    227186
    228187  <m:menu
     
    303262    />
    304263  </m:menu>
    305 
     264    <h1>Test with file <base:help helpid="runplugin.testwithfile" /></h1>
    306265    <form name="testwithfile" action="parse_file.jsp?ID=<%=ID%>" target="parsed" method="post" onsubmit="return false;">
    307266    <input type="hidden" name="file_id" value="">
    308267
    309     <h3 class="docked">Test with file <base:help helpid="runplugin.testwithfile" /></h3>
    310     <div class="boxed">
    311       <table class="form">
    312       <tr >
    313         <td class="prompt">File to test</td>
     268    <div class="content">
     269      <div class="absolutefull" style="height: 15em;">
     270      <table class="fullform input100 bottomborder">
     271      <tr>
     272        <th>File to test</th>
    314273        <td colspan="3">
    315           <table border="0" cellspacing="0" cellpadding="0">
     274          <table style="width: 100%;">
    316275            <tr>
    317             <td><input type="text" class="text required" name="path" size="60" value="">&nbsp;</td>
    318             <td><base:button
    319                 title="Browse&hellip;"
    320                 onclick="browseOnClick()"
    321                 />
    322             </td>
    323             <td>&nbsp;</td>
    324             <td><base:button title="Parse the file" onclick="doParse()" image="gonext.png"/></td>
     276            <td><input type="text" class="text required" name="path" value=""></td>
     277            <td style="width: 11em;"><base:button title="Browse&hellip;" onclick="browseOnClick()" style="width: 10em;" /></td>
     278            <td style="width: 11em;"><base:button title="Parse the file" onclick="doParse()" style="width: 10em;" image="gonext.png"/></td>
    325279            </tr>
    326280          </table>
    327281        </td>
    328282      </tr>
    329       <tr >
    330         <td class="prompt">Lines to parse</td>
    331         <td>
    332           <input type="text" class="text" name="maxLines" size="12" maxlength="10"
     283      <tr>
     284        <th>Lines to parse</th>
     285        <td>
     286          <input type="text" class="text" name="maxLines" style="width: 15em;" maxlength="10"
    333287            value="<%=FlatFileParser.DEFAULT_MAX_UNKNOWN_LINES%>"
    334288            onkeypress="return Numbers.integerOnly(event)">
    335289        </td>
    336         <td class="prompt">Character set</td>
     290        <th class="leftborder">Character set</th>
    337291        <td>
    338292          <select name="charset">
     
    355309      </tr>
    356310      <tr >
    357         <td class="prompt">Header regexp</td>
    358         <td>
    359           <table border="0" cellspacing="0" cellpadding="0">
     311        <th>Header regexp</th>
     312        <td>
     313          <table style="width: 100%;">
    360314          <tr>
    361           <td>
    362             <input type="text" class="text" name="header" size="40">&nbsp;
    363           </td>
    364           <td>
    365             <base:button title="Predefined&hellip;"
     315          <td><input type="text" class="text" name="header"></td>
     316          <td style="width: 11em;">
     317            <base:button title="Predefined&hellip;" style="width: 10em;"
    366318              onclick="showPredefined(event, 'predefinedHeaders')" />
    367319          </td>
     
    369321          </table>
    370322        </td>
    371         <td class="prompt">Min data columns</td>
    372         <td>
    373           <input type="text" class="text" name="minDataColumns" size="12" maxlength="10"
     323        <th class="leftborder">Min data columns</th>
     324        <td>
     325          <input type="text" class="text" name="minDataColumns" style="width: 15em;" maxlength="10"
    374326            onkeypress="return Numbers.integerOnly(event)">
    375327        </td>
    376328      </tr>
    377329      <tr >
    378         <td class="prompt">Data splitter regexp</td>
    379         <td>
    380           <table border="0" cellspacing="0" cellpadding="0">
     330        <th>Data splitter regexp</th>
     331        <td>
     332          <table style="width: 100%;">
    381333          <tr>
    382           <td>
    383             <input type="text" class="text required" name="dataSplitter" size="40">&nbsp;
    384           </td>
    385           <td>
    386             <base:button title="Predefined&hellip;"
     334          <td><input type="text" class="text required" name="dataSplitter" ></td>
     335          <td style="width: 11em;">
     336            <base:button title="Predefined&hellip;" style="width: 10em;"
    387337              onclick="showPredefined(event, 'predefinedSplitters')" />
    388338          </td>
     
    390340          </table>
    391341        </td>
    392         <td class="prompt">Max data columns</td>
    393         <td>
    394           <input type="text" class="text" name="maxDataColumns" size="12" maxlength="10"
     342        <th class="leftborder">Max data columns</th>
     343        <td>
     344          <input type="text" class="text" name="maxDataColumns" style="width: 15em;" maxlength="10"
    395345            onkeypress="return Numbers.integerOnly(event)">
    396346        </td>
    397347      </tr>
    398348      <tr >
    399         <td class="prompt">Ignore regexp</td>
    400         <td>
    401           <table border="0" cellspacing="0" cellpadding="0">
     349        <th>Ignore regexp</th>
     350        <td>
     351          <table style="width: 100%;">
    402352          <tr>
    403           <td>
    404             <input type="text" class="text" name="ignore" size="40">&nbsp;
    405           </td>
    406           <td>
    407             <base:button title="Predefined&hellip;"
     353          <td><input type="text" class="text" name="ignore"></td>
     354          <td style="width: 11em;">
     355            <base:button title="Predefined&hellip;" style="width: 10em;"
    408356              onclick="showPredefined(event, 'predefinedIgnore')" />
    409357          </td>
     
    411359          </table>
    412360        </td>
    413         <td class="prompt"><label for="trimQuotes">Remove quotes</label></td>
     361        <th class="leftborder"><label for="trimQuotes">Remove quotes</label></th>
    414362        <td><input type="checkbox" name="trimQuotes" id="trimQuotes" value="1"></td>
    415363      </tr>
    416364      <tr >
    417         <td class="prompt">Data header regexp</td>
    418         <td>
    419           <input type="text" class="text" name="dataHeader" size="40">
    420         </td>
    421       </tr>
    422       <tr >
    423         <td class="prompt">Data footer regexp</td>
    424         <td>
    425           <input type="text" class="text" name="dataFooter" size="40">
    426         </td>
    427       </tr>
     365        <th>Data header regexp</th>
     366        <td><input type="text" class="text" name="dataHeader"></td>
     367        <th class="subprompt leftborder"></th>
     368        <td></td>
     369      </tr>
     370      <tr class="dynamic">
     371        <th>Data footer regexp</th>
     372        <td><input type="text" class="text" name="dataFooter"></td>
     373        <th class="subprompt leftborder"></th>
     374        <td></td>
     375      </tr>
     376       
    428377      </table>
    429       <div align="right">&nbsp;<i><base:icon image="required.png" />= required information</i></div>
     378    </div>
    430379     
    431       <iframe name="parsed" id="idParsed" src="parse_file.jsp?ID=<%=ID%>" width="100%"
    432         frameborder="0" vspace="0" hspace="0"
    433         marginwidth="0" marginheight="0" scrolling="no" style="overflow: hidden;;"></iframe>
    434      
    435      
     380    <div class="absolutefull" style="top: 16em;">
     381      <iframe name="parsed" id="idParsed" src="parse_file.jsp?ID=<%=ID%>"
     382        style="width: 100%; height: 100%;"></iframe>
     383    </div>
     384 
    436385    </div>
    437386    </form>
    438387 
    439     <table align="center">
    440     <tr>
    441       <td width="50%"><base:button onclick="saveSettings();" title="Ok" /></td>
    442       <td width="50%"><base:button onclick="window.close();" title="Cancel" /></td>
    443     </tr>
    444     </table>
     388    <base:buttongroup subclass="dialogbuttons">
     389      <base:button onclick="saveSettings();" title="Ok" />
     390      <base:button onclick="window.close();" title="Cancel" />
     391    </base:buttongroup>
    445392  </base:body>
    446393  </base:page>
Note: See TracChangeset for help on using the changeset viewer.