all da files

2013-05-27 13:45:59 -07:00
commit 59d3d30afa
6704 changed files with 1954956 additions and 0 deletions
--- a/node_modules/tabletop/examples/handlebars/handlebars.html
+++ b/node_modules/tabletop/examples/handlebars/handlebars.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link href="../common/cats.css" media="screen" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <h1>A Handlebars example about cats I've met</h1>
+    <marquee><p>As you can tell, you can make a very pretty web page with this stuff.</p></marquee>
+    
+    <div id="content"></div>
+    
+    <script id="cat-template" type="text/x-handlebars-template">
+      <div class="entry">
+        <h2>{{name}}!</h2>
+        <h3>age {{age}}</h3>
+        <div class="body">
+          {{{description}}}
+        </div>
+      </div>
+    </script>
+
+    <!-- Don't need jQuery for Tabletop, but using it for this example -->
+    <script type="text/javascript" src="handlebars.js"></script>
+    <script type="text/javascript" src="../common/jquery.js"></script>
+    <script type="text/javascript" src="../../src/tabletop.js"></script>
+    <script type="text/javascript">
+      var public_spreadsheet_url = 'https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AmYzu_s7QHsmdE5OcDE1SENpT1g2R2JEX2tnZ3ZIWHc&output=html';
+
+      $(document).ready( function() {
+        Tabletop.init( { key: public_spreadsheet_url,
+                         callback: showInfo,
+                         parseNumbers: true } );
+      });
+        
+      function showInfo(data, tabletop) {
+        var source   = $("#cat-template").html();
+        var template = Handlebars.compile(source);
+
+        $.each( tabletop.sheets("Cats").all(), function(i, cat) {
+          var html = template(cat);
+          $("#content").append(html);
+        });
+      }
+    
+      document.write("The published spreadsheet is located at <a target='_new' href='" + public_spreadsheet_url + "'>" + public_spreadsheet_url + "</a>");    
+    </script>
+  </body>
+</html>