160 lines
6.2 KiB
HTML
160 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>Recline Data Explorer</title>
|
||
<meta name="description" content="The Recline Data Explorer">
|
||
<meta name="author" content="Rufus Pollock and Max Ogden">
|
||
|
||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||
<!--[if lt IE 9]>
|
||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||
<![endif]-->
|
||
<link rel="stylesheet" href="../vendor/bootstrap/2.0.2/css/bootstrap.css">
|
||
<link rel="stylesheet" href="../vendor/leaflet/0.3.1/leaflet.css">
|
||
<!--[if lte IE 8]>
|
||
<link rel="stylesheet" href="../vendor/leaflet/0.3.1/leaflet.ie.css" />
|
||
<![endif]-->
|
||
|
||
<!-- Recline CSS components -->
|
||
<link rel="stylesheet" href="../css/data-explorer.css">
|
||
<link rel="stylesheet" href="../css/grid.css">
|
||
<link rel="stylesheet" href="../css/graph.css">
|
||
<link rel="stylesheet" href="../css/map.css">
|
||
<!-- /Recline CSS components -->
|
||
|
||
<!-- Custom CSS for the Data Explorer Online App -->
|
||
<link rel="stylesheet" href="style/demo.css">
|
||
|
||
<link rel="stylesheet" href="../vendor/bootstrap/2.0.2/css/bootstrap-responsive.css">
|
||
|
||
<!-- 3rd party JS libraries -->
|
||
<script type="text/javascript" src="../vendor/jquery-1.7.1.js"></script>
|
||
<script type="text/javascript" src="../vendor/underscore-1.1.6.js"></script>
|
||
<script type="text/javascript" src="../vendor/backbone-0.5.1.js"></script>
|
||
<script type="text/javascript" src="../vendor/jquery-ui-1.8.14.custom.min.js"></script>
|
||
<script type="text/javascript" src="../vendor/jquery.flot-0.7.js"></script>
|
||
<script type="text/javascript" src="../vendor/jquery.mustache.js"></script>
|
||
<script type="text/javascript" src="../vendor/bootstrap/2.0.2/bootstrap.js"></script>
|
||
<script type="text/javascript" src="../vendor/leaflet/0.3.1/leaflet.js"></script>
|
||
|
||
<!-- recline library -->
|
||
<!-- in normal use would just the single recline.js library file. However, for testing it
|
||
is easier to reference individual files. See built.html for example using just recline.js -->
|
||
<script type="text/javascript" src="../src/util.js"></script>
|
||
<script type="text/javascript" src="../src/costco.js"></script>
|
||
<script type="text/javascript" src="../src/model.js"></script>
|
||
<script type="text/javascript" src="../src/backend/base.js"></script>
|
||
<script type="text/javascript" src="../src/backend/memory.js"></script>
|
||
<script type="text/javascript" src="../src/backend/dataproxy.js"></script>
|
||
<script type="text/javascript" src="../src/backend/elasticsearch.js"></script>
|
||
<script type="text/javascript" src="../src/backend/gdocs.js"></script>
|
||
<script type="text/javascript" src="../src/backend/localcsv.js"></script>
|
||
<script type="text/javascript" src="../src/view.js"></script>
|
||
<script type="text/javascript" src="../src/view-grid.js"></script>
|
||
<script type="text/javascript" src="../src/view-graph.js"></script>
|
||
<script type="text/javascript" src="../src/view-map.js"></script>
|
||
<script type="text/javascript" src="../src/view-transform-dialog.js"></script>
|
||
|
||
<!-- non-library javascript specific to this demo -->
|
||
<script type="text/javascript" src="js/app.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="recline-app">
|
||
<div class="navbar navbar-fixed-top">
|
||
<div class="navbar-inner">
|
||
<div class="container-fluid">
|
||
<a class="brand" href="../">Recline Data Explorer</a>
|
||
<ul class="nav">
|
||
<li><a href="../#docs">Documentation</a></li>
|
||
</ul>
|
||
<ul class="nav pull-right">
|
||
<li class="dropdown">
|
||
<a data-toggle="dropdown" class="dropdown-toggle">
|
||
Import <b class="caret"></b></a>
|
||
<ul class="dropdown-menu js-import">
|
||
<li>
|
||
<a data-toggle="modal" href=".js-import-dialog-url">Import from URL</a>
|
||
</li>
|
||
<li>
|
||
<a data-toggle="modal" href=".js-import-dialog-file">Import from File</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal fade in js-import-dialog-url" style="display: none;">
|
||
<div class="modal-header">
|
||
<a class="close" data-dismiss="modal">×</a>
|
||
<h3>Import from URL</h3>
|
||
</div>
|
||
<div class="modal-body">
|
||
<form class="js-import-url form-horizontal">
|
||
<div class="control-group">
|
||
<label class="control-label">URL</label>
|
||
<div class="controls">
|
||
<input type="text" name="source" class="input-xlarge" />
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<label class="control-label">Type of data</label>
|
||
<div class="controls">
|
||
<select name="backend_type">
|
||
<option value="elasticsearch">ElasticSearch</option>
|
||
<option value="dataproxy">CSV or Excel</option>
|
||
<option value="gdocs">Google Spreadsheet</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">Import »</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal fade in js-import-dialog-file" style="display: none;">
|
||
<div class="modal-header">
|
||
<a class="close" data-dismiss="modal">×</a>
|
||
<h3>Import from File</h3>
|
||
</div>
|
||
<div class="modal-body">
|
||
<form class="form-horizontal">
|
||
<div class="control-group">
|
||
<label class="control-label">File</label>
|
||
<div class="controls">
|
||
<input type="file" name="source" />
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<label class="control-label">Separator</label>
|
||
<div class="controls">
|
||
<input type="text" name="separator" value="," class="spam1"/>
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<label class="control-label">Encoding</label>
|
||
<div class="controls">
|
||
<input type="text" name="encoding" value="UTF-8" />
|
||
</div>
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">Import »</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container-fluid">
|
||
<div class="content">
|
||
<div class="data-explorer-here"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|
||
|