[#22][xs]: move demo/newtheme.html to demo/index.html and old index.html to origina.html.
This commit is contained in:
Rufus Pollock
253
demo/index.html
Executable file → Normal file
253
demo/index.html
Executable file → Normal file
@@ -1,12 +1,20 @@
|
|||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8" />
|
||||||
<title>Data Explorer</title>
|
<title>Recline Data Explorer Demo</title>
|
||||||
<link rel="stylesheet" href="style/reset.css" media="screen">
|
<meta name="description" content="A demo of the Recline Data Explorer">
|
||||||
<link rel="stylesheet" href="style/data-table.css" media="screen">
|
<meta name="author" content="Rufus Pollock and Max Ogden">
|
||||||
<link rel="stylesheet" href="style/flot-graph.css" media="screen">
|
|
||||||
<link rel="stylesheet" href="style/style.css" media="screen">
|
<!-- 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/1.4.0/bootstrap.css">
|
||||||
|
<link rel="stylesheet" href="../css/data-explorer.css">
|
||||||
|
<link rel="stylesheet" href="../css/graph-flot.css">
|
||||||
|
<link rel="stylesheet" href="../css/bootstrap.css">
|
||||||
|
|
||||||
<script type="text/javascript" src="../src/deps-min.js"></script>
|
<script type="text/javascript" src="../src/deps-min.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript" src="../src/util.js"></script>
|
<script type="text/javascript" src="../src/util.js"></script>
|
||||||
@@ -15,227 +23,26 @@
|
|||||||
<script type="text/javascript" src="../src/view.js"></script>
|
<script type="text/javascript" src="../src/view.js"></script>
|
||||||
<script type="text/javascript" src="js/app.js"></script>
|
<script type="text/javascript" src="js/app.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="bod">
|
<body>
|
||||||
<div class="container">
|
<div class="topbar">
|
||||||
<div id="header">
|
<div class="topbar-inner">
|
||||||
<div class="project-title">
|
<div class="container-fluid">
|
||||||
<a href="http://github.com/okfn/recline">Recline DataExplorer</a>
|
<a class="brand" href="#">Recline Data Explorer</a>
|
||||||
/ Demo
|
<ul class="nav secondary-nav">
|
||||||
</div>
|
<li><a class="set-read-only" title="Put into read-only mode">Read-only</a></li>
|
||||||
<div class="project-actions">
|
</ul>
|
||||||
<form class="webstore-load">
|
<form class="webstore-load pull-right" title="Update from the specified webstore dataset">
|
||||||
<label for="source">Source</label>
|
|
||||||
<input type="text" name="source" size="50" />
|
<input type="text" name="source" size="50" />
|
||||||
<input type="submit" name="" value="Update" />
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-controls"></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="data-explorer-here"></div>
|
|
||||||
<!--
|
|
||||||
<div class="main_content">
|
|
||||||
<div class="left-panel"></div>
|
|
||||||
<div class="right-panel"></div>
|
|
||||||
</div>
|
|
||||||
<div class="data-table-container"></div>
|
|
||||||
-->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type='text/mustache' class="busyTemplate">
|
<div class="container-fluid">
|
||||||
<div id="loading-message">
|
<div class="content">
|
||||||
<img src="images/large-spinner.gif">
|
<div class="data-explorer-here"></div>
|
||||||
<span> Working...</span>
|
|
||||||
</div>
|
</div>
|
||||||
</script>
|
</div>
|
||||||
|
|
||||||
<script type='text/mustache' class="controlsTemplate">
|
|
||||||
<a id="logged-in-status" href="JavaScript:void(0);" class="secondary">{{text}}</a>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="actionsTemplate">
|
|
||||||
<a class="button" data-action="import" href="javascript:{}"><span data-action="import" class="button-menu">Import</span></a>
|
|
||||||
<!-- <a class="button" data-action="edit" href="javascript:{}"><span data-action="transform" class="button-menu">Edit</span></a> -->
|
|
||||||
<a class="button" data-action="export" href="javascript:{}"><span data-action="export" class="button-menu">Export</span></a>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="importActionsTemplate">
|
|
||||||
<li><a data-action="urlImport" class="menuAction" href="JavaScript:void(0);">JSON API</a></li>
|
|
||||||
<li><a data-action="pasteImport" class="menuAction" href="JavaScript:void(0);">Paste JSON</a></li>
|
|
||||||
<li><a data-action="uploadImport" class="menuAction" href="JavaScript:void(0);">Upload CSV</a></li>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="exportActionsTemplate">
|
|
||||||
<li><a data-action="csv" class="menuAction" href="JavaScript:void(0);">CSV</a></li>
|
|
||||||
<li><a data-action="json" class="menuAction" href="JavaScript:void(0);">JSON</a></li>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="titleTemplate"><span id="project-name-button" class="app-path-section">{{db_name}}</span></script>
|
|
||||||
<script type='text/mustache' class="bulkTemplate">http://{{host}}/{{db_name}}/_bulk_docs</script>
|
|
||||||
<script type='text/mustache' class="generatingTemplate"><div class="loading">Loading...</div></script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="tableContainerTemplate">
|
|
||||||
<div id="tool-panel">
|
|
||||||
<div id="summary-bar">
|
|
||||||
<span id="docCount"></span>
|
|
||||||
</div>
|
|
||||||
<div id="download">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="view-panel">
|
|
||||||
<div class="viewpanel-header">
|
|
||||||
<div class="viewpanel-pagesize">
|
|
||||||
<span>
|
|
||||||
Show:
|
|
||||||
</span>
|
|
||||||
<a href="javascript:{}" class="viewPanel-pagingControls-page action">5</a>
|
|
||||||
<a href="javascript:{}" class="viewPanel-pagingControls-page selected">10</a>
|
|
||||||
<a href="javascript:{}" class="viewPanel-pagingControls-page action">25</a>
|
|
||||||
<a href="javascript:{}" class="viewPanel-pagingControls-page action">50</a>
|
|
||||||
<span>
|
|
||||||
rows
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="viewpanel-sorting">
|
|
||||||
</div>
|
|
||||||
<div class="viewpanel-paging">
|
|
||||||
<a href="javascript:{}" class="first inaction">« first</a>
|
|
||||||
<a href="javascript:{}" class="previous inaction">‹ previous</a>
|
|
||||||
<span class="viewpanel-pagingcount">
|
|
||||||
1 - 10
|
|
||||||
</span>
|
|
||||||
<a href="javascript:{}" class="next action">next ›</a>
|
|
||||||
<a href="javascript:{}" class="last action">last »</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="data-table-container">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="signInTemplate">
|
|
||||||
<div class="dialog-header">
|
|
||||||
Sign in
|
|
||||||
</div>
|
|
||||||
<div class="dialog-body">
|
|
||||||
<div class="grid-layout layout-tight layout-full">
|
|
||||||
<form name="sign-in-form" id="sign-in-form">
|
|
||||||
<table class="form-table">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
<label for="username">Username</label>
|
|
||||||
</th>
|
|
||||||
<td>
|
|
||||||
<input type="text" size="25" id="username-input" name="username">
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
<label for="password">Password</label>
|
|
||||||
</th>
|
|
||||||
<td>
|
|
||||||
<input type="password" size="25" id="password-input" name="password">
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" />
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<button class="okButton button"> Sign in </button>
|
|
||||||
<button class="cancelButton button">Cancel</button>
|
|
||||||
</div>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="urlImportTemplate">
|
|
||||||
<div class="dialog-header">
|
|
||||||
Download and import from a URL or API
|
|
||||||
</div>
|
|
||||||
<div class="dialog-body">
|
|
||||||
<div class="grid-layout layout-full">
|
|
||||||
<p class="info">
|
|
||||||
Currently only <a href="http://en.wikipedia.org/wiki/JSONP">JSONP</a>-enabled APIs are supported, for example:
|
|
||||||
</p>
|
|
||||||
<p class="info">
|
|
||||||
<code>https://api.github.com/repos/maxogden/recline/commits</code>
|
|
||||||
</p>
|
|
||||||
<form name="api-import-form" id="sign-in-form">
|
|
||||||
<table class="form-table">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
<label for="url">URL</label>
|
|
||||||
</th>
|
|
||||||
<td>
|
|
||||||
<input type="text" size="65" id="url-input" name="url">
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px; display: none;" hidefocus="true" />
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<button class="okButton button"> Fetch </button>
|
|
||||||
<button class="cancelButton button">Cancel</button>
|
|
||||||
</div>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="pasteImportTemplate">
|
|
||||||
<div class="dialog-header">
|
|
||||||
Import raw copy & pasted JSON
|
|
||||||
</div>
|
|
||||||
<div class="dialog-body">
|
|
||||||
<div class="grid-layout layout-tight layout-full">
|
|
||||||
<p class="info">
|
|
||||||
Paste in an array of JSON objects representing the documents that you would like to insert into the database.
|
|
||||||
</p>
|
|
||||||
<p class="info">
|
|
||||||
<code>[{"woo": "pizza"}, {"tasty": "muffins"}]</code>
|
|
||||||
</p>
|
|
||||||
<div class="menu-container data-table-cell-editor">
|
|
||||||
<textarea class="data-table-cell-copypaste-editor" bind="textarea">{{value}}</textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<button class="okButton button"> Import </button>
|
|
||||||
<button class="cancelButton button">Cancel</button>
|
|
||||||
</div>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="uploadImportTemplate">
|
|
||||||
<div class="dialog-header">
|
|
||||||
Upload and import a CSV
|
|
||||||
</div>
|
|
||||||
<div class="dialog-body">
|
|
||||||
<div class="grid-layout layout-tight layout-full">
|
|
||||||
<strong>Please choose a CSV file to upload:</strong><br />
|
|
||||||
<input type="file" id="file" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<button class="okButton button"> Import </button>
|
|
||||||
<button class="cancelButton button">Cancel</button>
|
|
||||||
</div>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type='text/mustache' class="jsonTreeTemplate">
|
|
||||||
<div class="dialog-header">
|
|
||||||
Please highlight the array of JSON objects to convert to documents.
|
|
||||||
</div>
|
|
||||||
<div class="dialog-body">
|
|
||||||
<div id="document-container">
|
|
||||||
<div id="document-editor"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<button class="okButton button"> Import </button>
|
|
||||||
<button class="cancelButton button">Cancel</button>
|
|
||||||
</div>
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|||||||
@@ -1,48 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Recline Data Explorer Demo</title>
|
|
||||||
<meta name="description" content="A demo of 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/1.4.0/bootstrap.css">
|
|
||||||
<link rel="stylesheet" href="../css/data-explorer.css">
|
|
||||||
<link rel="stylesheet" href="../css/graph-flot.css">
|
|
||||||
<link rel="stylesheet" href="../css/bootstrap.css">
|
|
||||||
|
|
||||||
<script type="text/javascript" src="../src/deps-min.js"></script>
|
|
||||||
|
|
||||||
<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/view.js"></script>
|
|
||||||
<script type="text/javascript" src="js/app.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="topbar">
|
|
||||||
<div class="topbar-inner">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<a class="brand" href="#">Recline Data Explorer</a>
|
|
||||||
<ul class="nav secondary-nav">
|
|
||||||
<li><a class="set-read-only" title="Put into read-only mode">Read-only</a></li>
|
|
||||||
</ul>
|
|
||||||
<form class="webstore-load pull-right" title="Update from the specified webstore dataset">
|
|
||||||
<input type="text" name="source" size="50" />
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="content">
|
|
||||||
<div class="data-explorer-here"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
241
demo/original.html
Executable file
241
demo/original.html
Executable file
@@ -0,0 +1,241 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Data Explorer</title>
|
||||||
|
<link rel="stylesheet" href="style/reset.css" media="screen">
|
||||||
|
<link rel="stylesheet" href="style/data-table.css" media="screen">
|
||||||
|
<link rel="stylesheet" href="style/flot-graph.css" media="screen">
|
||||||
|
<link rel="stylesheet" href="style/style.css" media="screen">
|
||||||
|
<script type="text/javascript" src="../src/deps-min.js"></script>
|
||||||
|
|
||||||
|
<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/view.js"></script>
|
||||||
|
<script type="text/javascript" src="js/app.js"></script>
|
||||||
|
</head>
|
||||||
|
<body class="bod">
|
||||||
|
<div class="container">
|
||||||
|
<div id="header">
|
||||||
|
<div class="project-title">
|
||||||
|
<a href="http://github.com/okfn/recline">Recline DataExplorer</a>
|
||||||
|
/ Demo
|
||||||
|
</div>
|
||||||
|
<div class="project-actions">
|
||||||
|
<form class="webstore-load">
|
||||||
|
<label for="source">Source</label>
|
||||||
|
<input type="text" name="source" size="50" />
|
||||||
|
<input type="submit" name="" value="Update" />
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="project-controls"></div>
|
||||||
|
</div>
|
||||||
|
<div class="data-explorer-here"></div>
|
||||||
|
<!--
|
||||||
|
<div class="main_content">
|
||||||
|
<div class="left-panel"></div>
|
||||||
|
<div class="right-panel"></div>
|
||||||
|
</div>
|
||||||
|
<div class="data-table-container"></div>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="busyTemplate">
|
||||||
|
<div id="loading-message">
|
||||||
|
<img src="images/large-spinner.gif">
|
||||||
|
<span> Working...</span>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="controlsTemplate">
|
||||||
|
<a id="logged-in-status" href="JavaScript:void(0);" class="secondary">{{text}}</a>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="actionsTemplate">
|
||||||
|
<a class="button" data-action="import" href="javascript:{}"><span data-action="import" class="button-menu">Import</span></a>
|
||||||
|
<!-- <a class="button" data-action="edit" href="javascript:{}"><span data-action="transform" class="button-menu">Edit</span></a> -->
|
||||||
|
<a class="button" data-action="export" href="javascript:{}"><span data-action="export" class="button-menu">Export</span></a>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="importActionsTemplate">
|
||||||
|
<li><a data-action="urlImport" class="menuAction" href="JavaScript:void(0);">JSON API</a></li>
|
||||||
|
<li><a data-action="pasteImport" class="menuAction" href="JavaScript:void(0);">Paste JSON</a></li>
|
||||||
|
<li><a data-action="uploadImport" class="menuAction" href="JavaScript:void(0);">Upload CSV</a></li>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="exportActionsTemplate">
|
||||||
|
<li><a data-action="csv" class="menuAction" href="JavaScript:void(0);">CSV</a></li>
|
||||||
|
<li><a data-action="json" class="menuAction" href="JavaScript:void(0);">JSON</a></li>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="titleTemplate"><span id="project-name-button" class="app-path-section">{{db_name}}</span></script>
|
||||||
|
<script type='text/mustache' class="bulkTemplate">http://{{host}}/{{db_name}}/_bulk_docs</script>
|
||||||
|
<script type='text/mustache' class="generatingTemplate"><div class="loading">Loading...</div></script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="tableContainerTemplate">
|
||||||
|
<div id="tool-panel">
|
||||||
|
<div id="summary-bar">
|
||||||
|
<span id="docCount"></span>
|
||||||
|
</div>
|
||||||
|
<div id="download">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="view-panel">
|
||||||
|
<div class="viewpanel-header">
|
||||||
|
<div class="viewpanel-pagesize">
|
||||||
|
<span>
|
||||||
|
Show:
|
||||||
|
</span>
|
||||||
|
<a href="javascript:{}" class="viewPanel-pagingControls-page action">5</a>
|
||||||
|
<a href="javascript:{}" class="viewPanel-pagingControls-page selected">10</a>
|
||||||
|
<a href="javascript:{}" class="viewPanel-pagingControls-page action">25</a>
|
||||||
|
<a href="javascript:{}" class="viewPanel-pagingControls-page action">50</a>
|
||||||
|
<span>
|
||||||
|
rows
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="viewpanel-sorting">
|
||||||
|
</div>
|
||||||
|
<div class="viewpanel-paging">
|
||||||
|
<a href="javascript:{}" class="first inaction">« first</a>
|
||||||
|
<a href="javascript:{}" class="previous inaction">‹ previous</a>
|
||||||
|
<span class="viewpanel-pagingcount">
|
||||||
|
1 - 10
|
||||||
|
</span>
|
||||||
|
<a href="javascript:{}" class="next action">next ›</a>
|
||||||
|
<a href="javascript:{}" class="last action">last »</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="data-table-container">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="signInTemplate">
|
||||||
|
<div class="dialog-header">
|
||||||
|
Sign in
|
||||||
|
</div>
|
||||||
|
<div class="dialog-body">
|
||||||
|
<div class="grid-layout layout-tight layout-full">
|
||||||
|
<form name="sign-in-form" id="sign-in-form">
|
||||||
|
<table class="form-table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<label for="username">Username</label>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<input type="text" size="25" id="username-input" name="username">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<label for="password">Password</label>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<input type="password" size="25" id="password-input" name="password">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" />
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<button class="okButton button"> Sign in </button>
|
||||||
|
<button class="cancelButton button">Cancel</button>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="urlImportTemplate">
|
||||||
|
<div class="dialog-header">
|
||||||
|
Download and import from a URL or API
|
||||||
|
</div>
|
||||||
|
<div class="dialog-body">
|
||||||
|
<div class="grid-layout layout-full">
|
||||||
|
<p class="info">
|
||||||
|
Currently only <a href="http://en.wikipedia.org/wiki/JSONP">JSONP</a>-enabled APIs are supported, for example:
|
||||||
|
</p>
|
||||||
|
<p class="info">
|
||||||
|
<code>https://api.github.com/repos/maxogden/recline/commits</code>
|
||||||
|
</p>
|
||||||
|
<form name="api-import-form" id="sign-in-form">
|
||||||
|
<table class="form-table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<label for="url">URL</label>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<input type="text" size="65" id="url-input" name="url">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px; display: none;" hidefocus="true" />
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<button class="okButton button"> Fetch </button>
|
||||||
|
<button class="cancelButton button">Cancel</button>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="pasteImportTemplate">
|
||||||
|
<div class="dialog-header">
|
||||||
|
Import raw copy & pasted JSON
|
||||||
|
</div>
|
||||||
|
<div class="dialog-body">
|
||||||
|
<div class="grid-layout layout-tight layout-full">
|
||||||
|
<p class="info">
|
||||||
|
Paste in an array of JSON objects representing the documents that you would like to insert into the database.
|
||||||
|
</p>
|
||||||
|
<p class="info">
|
||||||
|
<code>[{"woo": "pizza"}, {"tasty": "muffins"}]</code>
|
||||||
|
</p>
|
||||||
|
<div class="menu-container data-table-cell-editor">
|
||||||
|
<textarea class="data-table-cell-copypaste-editor" bind="textarea">{{value}}</textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<button class="okButton button"> Import </button>
|
||||||
|
<button class="cancelButton button">Cancel</button>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="uploadImportTemplate">
|
||||||
|
<div class="dialog-header">
|
||||||
|
Upload and import a CSV
|
||||||
|
</div>
|
||||||
|
<div class="dialog-body">
|
||||||
|
<div class="grid-layout layout-tight layout-full">
|
||||||
|
<strong>Please choose a CSV file to upload:</strong><br />
|
||||||
|
<input type="file" id="file" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<button class="okButton button"> Import </button>
|
||||||
|
<button class="cancelButton button">Cancel</button>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type='text/mustache' class="jsonTreeTemplate">
|
||||||
|
<div class="dialog-header">
|
||||||
|
Please highlight the array of JSON objects to convert to documents.
|
||||||
|
</div>
|
||||||
|
<div class="dialog-body">
|
||||||
|
<div id="document-container">
|
||||||
|
<div id="document-editor"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<button class="okButton button"> Import </button>
|
||||||
|
<button class="cancelButton button">Cancel</button>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user