https://github.com/Paradigm4/shim
Raw File
Tip revision: 182a4dfce8cb25704d7df3430134d49078c5b6df authored by Bryan Lewis on 25 November 2013, 16:17:04 UTC
README.md change
Tip revision: 182a4df
query.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>SciDB Dashboard</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link href="css/bootstrap.css" rel="stylesheet">
<!--[if gte IE 9]>
<style>
.ie_show { display:block }
.ie_hide { display:none }
</style>
<![endif]-->
 <style type="text/css">
   body {
     padding-top: 60px;
     padding-bottom: 40px;
   }
   a.disabled { color:gray; }
 </style>
 <link href="css/bootstrap-responsive.css" rel="stylesheet">
 <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
 <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.js"></script>
 <![endif]-->
 <link rel="apple-touch-icon-precomposed" href="favicon.png">
 <link rel="shortcut icon" href="favicon.ico">
</head>

<body>

  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href="index.html">SciDB</a>
        <div class="nav-collapse collapse">
          <ul class="nav">
            <li><a href="index.html">Dashboard</a></li>
            <li class="active"><a href="query.html">Interactive Query</a></li>
            <li><a href="help.html">Help</a></li>
            <li><a onclick="logout();" href="#">Logout</a>
          </ul>
          <div class="pull-right">
            <ul class="nav">
            <li><a href="http://paradigm4.com">http://paradigm4.com</a>
            <ul>
          </div>
        </div><!--/.nav-collapse -->
      </div>
    </div>
  </div>


<div class="container">
<div class="row">
<div class="span12" id="querycontainer">
<textarea rows="4" id="query" style="width:100%;"> </textarea>
</div>
</div>

<div class="row">
<div class="span8">
<!--
  <button id="exq" onclick="execute_query(1);">Execute and return result</button>
  <button id="exqn" onclick="execute_query(0);">Execute</button>
-->
  <a id="exq" class="btn btn-primary" href="#" onclick="if(!$('#exq').hasClass('disabled')) execute_query(1);">Execute and return result</a>
  <a id="exqn" class="btn btn-primary" href="#" onclick="if(!$('#exqn').hasClass('disabled')) execute_query(0);">Execute</a>
  <a id="uplo" class="btn btn-primary" data-toggle="modal" href="#fileModal" onclick="if(!$('#uplo').hasClass('disabled')) $('#fileModal').modal();">Upload file...</a>
  <a id="can" class="btn btn-danger" href="#" onclick="if(!$('#can').hasClass('disabled')) cancel();">Cancel</a>
</div>
<div class="span4">
  <select id="numlines">
  <option value="20">Return at most 20 lines.</option>
  <option value="200">Return at most 200 lines.</option>
  <option value="-1">Return everything.</option>
  </select>
</div>
</div>

<div id="result" style="overflow-x: auto">
<br/>
<i>Shortcut: Press SHIFT + ENTER to execute query and return the result.</i>
<br/>
<br/>
<i>Note: This interface supports SciDB AFL queries.</i>
</div>

</div> <!-- /container -->

<!-- Modal file upload dialog -->
<div id="fileModal" class="modal hide fade">
  <div class="modal-header">
    <h3>Upload CSV data</h3>
  </div>
  <div class="modal-body">
<label class="checkbox">
  <input id="header" type="checkbox" value="" checked>
  The CSV file contains a header line.
</label>
<br/>
    <table style="width:100%;">
    <tr><td style="width:22%;">File</td><td>
    <input id="fup" name="a_f" type="file" class="hide ie_show" />
<div class="input-append ie_hide">
  <input id="pretty-input" class="input-large" type="text" readonly onclick="$('#fup').val('');$('input[id=fup]').click();">
  <a class="btn" onclick="$('#ifup').val('');$('input[id=fup]').click();">Browse</a>
</div>
    </td></tr><tr><td style="width:22%;">Array schema</td><td>
    <input style="width:95%;" id="arraySchema" name="a_s" type="text" value="" placeholder="Array schema"/>
    </td></tr>
    <tr><td>Array name</td><td>
    <input style="width:95%;" id="arrayName" name="a_n" type="text" value="" placeholder="Array name"/>
    </td></tr>
    <tr><td>Maximum errors</td><td>
    <input style="width:95%;" id="errorlimit" name="a_e" type="text" value="0" placeholder="0"/>
    </td></tr>
    </table>
<br/>
<ul>
<li><i>Edit the schema as required after selecting your CSV file.</i>
<li><i>The following link shows a small example file (Fisher's iris data). Save the file locally first, then select it above: </i><a href="http://illposed.net/iris.csv" target="_blank">http://illposed.net/iris.csv</a>
<li><i>Upload uses HTML 5 technology not available on all browsers (IE &lt; 10)</i>
</ul>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn btn-primary" data-dismiss="modal">Cancel</a>
    <a href="#" onclick="do_upload();" class="btn btn-primary" data-dismiss="modal">OK</a>
  </div>
</div>


<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/cook.js"></script>
<script src="js/scidb.js"></script>
<script src="js/spin.min.js"></script>
<script src="js/spin.js"></script>

</body>
</html>
back to top