knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleanup whitespace, rename files, build new deps with backbone

Browse Source
This commit is contained in:
Max Ogden
2011-11-02 19:58:56 -07:00
parent abe387a65e
commit d629629bf1
5 changed files with 225 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@@ -17,3 +17,10 @@ Designed for standalone use or as a library to integrate into your own app.
Open demo/index.html in your favourite browser. Open demo/index.html in your favourite browser.
## Minifying dependencies
npm install -g uglify
cd vendor
cat *.js | uglifyjs -o ../src/deps-min.js
note: make sure underscore.js goes in at the top of the file as a few deps currently depend on it

409
demo/index.html
View File

@@ -1,21 +1,20 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>CouchDB Data Explorer</title> <title>CouchDB Data Explorer</title>
<link rel="stylesheet" href="style/reset.css" media="screen"> <link rel="stylesheet" href="style/reset.css" media="screen">
<link rel="stylesheet" href="style/data-table.css" media="screen"> <link rel="stylesheet" href="style/data-table.css" media="screen">
<link rel="stylesheet" href="style/style.css" media="screen"> <link rel="stylesheet" href="style/style.css" media="screen">
<!-- only using jqueryui for draggable -- a lighter solution would be nice --> <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> <script type="text/javascript" src="../src/costco.js"></script>
<script type="text/javascript" src="../src/costco.js"></script> <script type="text/javascript" src="../src/recline.js"></script>
<script type="text/javascript" src="../src/recline.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 class="bod">
<div class="container"> <div class="container">
<div class="menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div> <div class="menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div>
<ul class="menu"> <ul class="menu">
</ul> </ul>
<div id="header"> <div id="header">
@@ -28,19 +27,19 @@
<div class="left-panel"></div> <div class="left-panel"></div>
<div class="right-panel"></div> <div class="right-panel"></div>
</div> </div>
</div> </div>
<div id="notification-container"> <div id="notification-container">
<div id="notification"> <div id="notification">
<img src="images/small-spinner.gif" class="notification-loader"><span id="notification-message">Loading...</span> <img src="images/small-spinner.gif" class="notification-loader"><span id="notification-message">Loading...</span>
</div> </div>
</div> </div>
<div class="dialog-overlay" style="display: none; z-index: 101; ">&nbsp;</div> <div class="dialog-overlay" style="display: none; z-index: 101; ">&nbsp;</div>
<div class="dialog ui-draggable" style="display: none; z-index: 102; top: 101px; "> <div class="dialog ui-draggable" style="display: none; z-index: 102; top: 101px; ">
<div class="dialog-frame" style="width: 700px; visibility: visible; "> <div class="dialog-frame" style="width: 700px; visibility: visible; ">
<div class="dialog-content dialog-border"></div> <div class="dialog-content dialog-border"></div>
</div> </div>
</div> </div>
<script type='text/mustache' class="busyTemplate"> <script type='text/mustache' class="busyTemplate">
@@ -161,10 +160,10 @@
<script type='text/mustache' class="signInTemplate"> <script type='text/mustache' class="signInTemplate">
<div class="dialog-header"> <div class="dialog-header">
Sign in Sign in
</div> </div>
<div class="dialog-body"> <div class="dialog-body">
<div class="grid-layout layout-tight layout-full"> <div class="grid-layout layout-tight layout-full">
<form name="sign-in-form" id="sign-in-form"> <form name="sign-in-form" id="sign-in-form">
<table class="form-table"> <table class="form-table">
<tbody> <tbody>
@@ -188,81 +187,81 @@
</tbody> </tbody>
</table> </table>
</form> </form>
</div> </div>
</div> </div>
<div class="dialog-footer"> <div class="dialog-footer">
<button class="okButton button">&nbsp;&nbsp;Sign in&nbsp;&nbsp;</button> <button class="okButton button">&nbsp;&nbsp;Sign in&nbsp;&nbsp;</button>
<button class="cancelButton button">Cancel</button> <button class="cancelButton button">Cancel</button>
</div> </div>
</script> </script>
<script type='text/mustache' class="transformTemplate"> <script type='text/mustache' class="transformTemplate">
<div class="dialog-header"> <div class="dialog-header">
Recursive transform on all rows Recursive transform on all rows
</div> </div>
<div class="dialog-body"> <div class="dialog-body">
<div class="grid-layout layout-full"> <div class="grid-layout layout-full">
<p class="info">Traverse and transform objects by visiting every node on a recursive walk using <a href="https://github.com/substack/js-traverse">js-traverse</a>.</p> <p class="info">Traverse and transform objects by visiting every node on a recursive walk using <a href="https://github.com/substack/js-traverse">js-traverse</a>.</p>
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td colspan="4"> <td colspan="4">
<div class="grid-layout layout-tight layout-full"> <div class="grid-layout layout-tight layout-full">
<table rows="4" cols="4"> <table rows="4" cols="4">
<tbody> <tbody>
<tr style="vertical-align: bottom;"> <tr style="vertical-align: bottom;">
<td colspan="4"> <td colspan="4">
Expression Expression
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="3"> <td colspan="3">
<div class="input-container"> <div class="input-container">
<textarea class="expression-preview-code"></textarea> <textarea class="expression-preview-code"></textarea>
</div> </div>
</td> </td>
<td class="expression-preview-parsing-status" width="150" style="vertical-align: top;"> <td class="expression-preview-parsing-status" width="150" style="vertical-align: top;">
No syntax error. No syntax error.
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="4"> <td colspan="4">
<div id="expression-preview-tabs" class="refine-tabs ui-tabs ui-widget ui-widget-content ui-corner-all"> <div id="expression-preview-tabs" class="refine-tabs ui-tabs ui-widget ui-widget-content ui-corner-all">
<span>Preview</span> <span>Preview</span>
<div id="expression-preview-tabs-preview" class="ui-tabs-panel ui-widget-content ui-corner-bottom"> <div id="expression-preview-tabs-preview" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
<div class="expression-preview-container" style="width: 652px; "> <div class="expression-preview-container" style="width: 652px; ">
</div> </div>
</div> </div>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<div class="dialog-footer"> <div class="dialog-footer">
<button class="okButton button">&nbsp;&nbsp;Update All&nbsp;&nbsp;</button> <button class="okButton button">&nbsp;&nbsp;Update All&nbsp;&nbsp;</button>
<button class="cancelButton button">Cancel</button> <button class="cancelButton button">Cancel</button>
</div> </div>
</script> </script>
<script type='text/mustache' class="urlImportTemplate"> <script type='text/mustache' class="urlImportTemplate">
<div class="dialog-header"> <div class="dialog-header">
Download and import from a URL or API Download and import from a URL or API
</div> </div>
<div class="dialog-body"> <div class="dialog-body">
<div class="grid-layout layout-full"> <div class="grid-layout layout-full">
<p class="info"> <p class="info">
Currently only <a href="http://en.wikipedia.org/wiki/JSONP">JSONP</a>-enabled APIs are supported, for example: Currently only <a href="http://en.wikipedia.org/wiki/JSONP">JSONP</a>-enabled APIs are supported, for example:
</p> </p>
<p class="info"> <p class="info">
<code>https://api.github.com/repos/maxogden/recline/commits</code> <code>https://api.github.com/repos/maxogden/recline/commits</code>
</p> </p>
<form name="api-import-form" id="sign-in-form"> <form name="api-import-form" id="sign-in-form">
<table class="form-table"> <table class="form-table">
<tbody> <tbody>
@@ -278,105 +277,105 @@
</tbody> </tbody>
</table> </table>
</form> </form>
</div> </div>
</div> </div>
<div class="dialog-footer"> <div class="dialog-footer">
<button class="okButton button">&nbsp;&nbsp;Fetch&nbsp;&nbsp;</button> <button class="okButton button">&nbsp;&nbsp;Fetch&nbsp;&nbsp;</button>
<button class="cancelButton button">Cancel</button> <button class="cancelButton button">Cancel</button>
</div> </div>
</script> </script>
<script type='text/mustache' class="pasteImportTemplate"> <script type='text/mustache' class="pasteImportTemplate">
<div class="dialog-header"> <div class="dialog-header">
Import raw copy & pasted JSON Import raw copy & pasted JSON
</div> </div>
<div class="dialog-body"> <div class="dialog-body">
<div class="grid-layout layout-tight layout-full"> <div class="grid-layout layout-tight layout-full">
<p class="info"> <p class="info">
Paste in an array of JSON objects representing the documents that you would like to insert into the database. Paste in an array of JSON objects representing the documents that you would like to insert into the database.
</p> </p>
<p class="info"> <p class="info">
<code>[{"woo": "pizza"}, {"tasty": "muffins"}]</code> <code>[{"woo": "pizza"}, {"tasty": "muffins"}]</code>
</p> </p>
<div class="menu-container data-table-cell-editor"> <div class="menu-container data-table-cell-editor">
<textarea class="data-table-cell-copypaste-editor" bind="textarea">{{value}}</textarea> <textarea class="data-table-cell-copypaste-editor" bind="textarea">{{value}}</textarea>
</div> </div>
</div> </div>
</div> </div>
<div class="dialog-footer"> <div class="dialog-footer">
<button class="okButton button">&nbsp;&nbsp;Import&nbsp;&nbsp;</button> <button class="okButton button">&nbsp;&nbsp;Import&nbsp;&nbsp;</button>
<button class="cancelButton button">Cancel</button> <button class="cancelButton button">Cancel</button>
</div> </div>
</script> </script>
<script type='text/mustache' class="uploadImportTemplate"> <script type='text/mustache' class="uploadImportTemplate">
<div class="dialog-header"> <div class="dialog-header">
Upload and import a CSV Upload and import a CSV
</div> </div>
<div class="dialog-body"> <div class="dialog-body">
<div class="grid-layout layout-tight layout-full"> <div class="grid-layout layout-tight layout-full">
<strong>Please choose a CSV file to upload:</strong><br /> <strong>Please choose a CSV file to upload:</strong><br />
<input type="file" id="file" /> <input type="file" id="file" />
</div> </div>
</div> </div>
<div class="dialog-footer"> <div class="dialog-footer">
<button class="okButton button">&nbsp;&nbsp;Import&nbsp;&nbsp;</button> <button class="okButton button">&nbsp;&nbsp;Import&nbsp;&nbsp;</button>
<button class="cancelButton button">Cancel</button> <button class="cancelButton button">Cancel</button>
</div> </div>
</script> </script>
<script type='text/mustache' class="bulkEditTemplate"> <script type='text/mustache' class="bulkEditTemplate">
<div class="dialog-header"> <div class="dialog-header">
Functional transform on column {{name}} Functional transform on column {{name}}
</div> </div>
<div class="dialog-body"> <div class="dialog-body">
<div class="grid-layout layout-tight layout-full"> <div class="grid-layout layout-tight layout-full">
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td colspan="4"> <td colspan="4">
<div class="grid-layout layout-tight layout-full"> <div class="grid-layout layout-tight layout-full">
<table rows="4" cols="4"> <table rows="4" cols="4">
<tbody> <tbody>
<tr style="vertical-align: bottom;"> <tr style="vertical-align: bottom;">
<td colspan="4"> <td colspan="4">
Expression Expression
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="3"> <td colspan="3">
<div class="input-container"> <div class="input-container">
<textarea class="expression-preview-code"></textarea> <textarea class="expression-preview-code"></textarea>
</div> </div>
</td> </td>
<td class="expression-preview-parsing-status" width="150" style="vertical-align: top;"> <td class="expression-preview-parsing-status" width="150" style="vertical-align: top;">
No syntax error. No syntax error.
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="4"> <td colspan="4">
<div id="expression-preview-tabs" class="refine-tabs ui-tabs ui-widget ui-widget-content ui-corner-all"> <div id="expression-preview-tabs" class="refine-tabs ui-tabs ui-widget ui-widget-content ui-corner-all">
<span>Preview</span> <span>Preview</span>
<div id="expression-preview-tabs-preview" class="ui-tabs-panel ui-widget-content ui-corner-bottom"> <div id="expression-preview-tabs-preview" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
<div class="expression-preview-container" style="width: 652px; "> <div class="expression-preview-container" style="width: 652px; ">
</div> </div>
</div> </div>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<div class="dialog-footer"> <div class="dialog-footer">
<button class="okButton button">&nbsp;&nbsp;Update All&nbsp;&nbsp;</button> <button class="okButton button">&nbsp;&nbsp;Update All&nbsp;&nbsp;</button>
<button class="cancelButton button">Cancel</button> <button class="cancelButton button">Cancel</button>
</div> </div>
</script> </script>
<script type='text/mustache' class="cellEditorTemplate"> <script type='text/mustache' class="cellEditorTemplate">
@@ -396,43 +395,43 @@
<script type='text/mustache' class="jsonTreeTemplate"> <script type='text/mustache' class="jsonTreeTemplate">
<div class="dialog-header"> <div class="dialog-header">
Please highlight the array of JSON objects to convert to documents. Please highlight the array of JSON objects to convert to documents.
</div> </div>
<div class="dialog-body"> <div class="dialog-body">
<div id="document-container"> <div id="document-container">
<div id="document-editor"></div> <div id="document-editor"></div>
</div> </div>
</div> </div>
<div class="dialog-footer"> <div class="dialog-footer">
<button class="okButton button">&nbsp;&nbsp;Import&nbsp;&nbsp;</button> <button class="okButton button">&nbsp;&nbsp;Import&nbsp;&nbsp;</button>
<button class="cancelButton button">Cancel</button> <button class="cancelButton button">Cancel</button>
</div> </div>
</script> </script>
<script type='text/mustache' class="editPreviewTemplate"> <script type='text/mustache' class="editPreviewTemplate">
<div class="expression-preview-table-wrapper"> <div class="expression-preview-table-wrapper">
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td class="expression-preview-heading"> <td class="expression-preview-heading">
before before
</td> </td>
<td class="expression-preview-heading"> <td class="expression-preview-heading">
after after
</td> </td>
</tr> </tr>
{{#rows}} {{#rows}}
<tr> <tr>
<td class="expression-preview-value"> <td class="expression-preview-value">
{{before}} {{before}}
</td> </td>
<td class="expression-preview-value"> <td class="expression-preview-value">
{{after}} {{after}}
</td> </td>
</tr> </tr>
{{/rows}} {{/rows}}
</tbody> </tbody>
</table> </table>
</div> </div>
</script> </script>
</body> </body>
</html> </html>

32
src/deps-min.js vendored
View File

File diff suppressed because one or more lines are too long

0
vendor/underscore.js → vendor/_underscore-1.1.6.js vendored
View File

0
vendor/backbone/0.5.1/backbone.js → vendor/backbone-0.5.1.js vendored
View File