From c8c6ca3da0c798c459135c63cc98fc0347b6d919 Mon Sep 17 00:00:00 2001
From: Rufus Pollock <rufus.pollock@okfn.org>
Date: Fri, 6 Jan 2012 13:42:07 +0000
Subject: [PATCH] [#14,refactor][s]: move all mustache templates used by util
 that are still in demo.html into util.js templates hash.

* This is important as it makes the app standalone and not depdendent on specific html (we plan for explorer to embed in different html frontends).
---
 demo/index.html | 54 -------------------------------------------------
 src/util.js     | 49 +++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 48 insertions(+), 55 deletions(-)

diff --git a/demo/index.html b/demo/index.html
index a02959a9..d46c438c 100755
--- a/demo/index.html
+++ b/demo/index.html
@@ -85,19 +85,6 @@
     <li><a data-action="json" class="menuAction" href="JavaScript:void(0);">JSON</a></li>
   </script>
   
-  <script type='text/mustache' class="transformActionsTemplate">
-    <li><a data-action="transform" class="menuAction" href="JavaScript:void(0);">Global transform...</a></li>
-  </script>
-  
-  <script type='text/mustache' class="columnActionsTemplate">
-    <li><a data-action="bulkEdit" class="menuAction" href="JavaScript:void(0);">Transform...</a></li>
-    <li><a data-action="deleteColumn" class="menuAction" href="JavaScript:void(0);">Delete this column</a></li>
-  </script>
-
-  <script type='text/mustache' class="rowActionsTemplate">
-    <li><a data-action="deleteRow" class="menuAction" href="JavaScript:void(0);">Delete this row</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>
@@ -393,20 +380,6 @@
     </div>
   </script>
   
-  <script type='text/mustache' class="cellEditorTemplate">
-    <div class="menu-container data-table-cell-editor">
-      <textarea class="data-table-cell-editor-editor" bind="textarea">{{value}}</textarea>
-      <div id="data-table-cell-editor-actions">
-        <div class="data-table-cell-editor-action">
-          <button class="okButton button">Update</button>
-        </div>
-        <div class="data-table-cell-editor-action">
-          <button class="cancelButton button">Cancel</button>
-        </div>
-      </div>
-    </div>
-  </script>
-  
   <script type='text/mustache' class="jsonTreeTemplate">
     <div class="dialog-header">
       Please highlight the array of JSON objects to convert to documents.
@@ -421,32 +394,5 @@
       <button class="cancelButton button">Cancel</button>
     </div>
   </script>
- 
-  <script type='text/mustache' class="editPreviewTemplate">
-    <div class="expression-preview-table-wrapper">
-      <table>
-      <tbody>
-      <tr>
-        <td class="expression-preview-heading">
-          before
-        </td>
-        <td class="expression-preview-heading">
-          after
-        </td>
-      </tr>
-      {{#rows}}
-      <tr>
-        <td class="expression-preview-value">
-          {{before}}
-        </td>
-        <td class="expression-preview-value">
-          {{after}}
-        </td>
-      </tr>
-      {{/rows}}
-      </tbody>
-      </table>
-    </div>
-  </script>
 </body>
 </html>
diff --git a/src/util.js b/src/util.js
index 009284c4..ea528e3a 100755
--- a/src/util.js
+++ b/src/util.js
@@ -1,4 +1,51 @@
 var util = function() {
+  var templates = {
+    transformActions: '<li><a data-action="transform" class="menuAction" href="JavaScript:void(0);">Global transform...</a></li>'
+    , columnActions: ' \
+      <li><a data-action="bulkEdit" class="menuAction" href="JavaScript:void(0);">Transform...</a></li> \
+      <li><a data-action="deleteColumn" class="menuAction" href="JavaScript:void(0);">Delete this column</a></li> \
+    '
+    , rowActions: '<li><a data-action="deleteRow" class="menuAction" href="JavaScript:void(0);">Delete this row</a></li>'
+    , cellEditor: ' \
+      <div class="menu-container data-table-cell-editor"> \
+        <textarea class="data-table-cell-editor-editor" bind="textarea">{{value}}</textarea> \
+        <div id="data-table-cell-editor-actions"> \
+          <div class="data-table-cell-editor-action"> \
+            <button class="okButton button">Update</button> \
+          </div> \
+          <div class="data-table-cell-editor-action"> \
+            <button class="cancelButton button">Cancel</button> \
+          </div> \
+        </div> \
+      </div> \
+    '
+    , editPreview: ' \
+      <div class="expression-preview-table-wrapper"> \
+        <table> \
+        <tbody> \
+        <tr> \
+          <td class="expression-preview-heading"> \
+            before \
+          </td> \
+          <td class="expression-preview-heading"> \
+            after \
+          </td> \
+        </tr> \
+        {{#rows}} \
+        <tr> \
+          <td class="expression-preview-value"> \
+            {{before}} \
+          </td> \
+          <td class="expression-preview-value"> \
+            {{after}} \
+          </td> \
+        </tr> \
+        {{/rows}} \
+        </tbody> \
+        </table> \
+      </div> \
+    '
+  };
 
   $.fn.serializeObject = function() {
     var o = {};
@@ -89,7 +136,7 @@ var util = function() {
   function render( template, target, options ) {
     if ( !options ) options = {data: {}};
     if ( !options.data ) options = {data: options};
-    var html = $.mustache( $( "." + template + "Template:first" ).html(), options.data );
+    var html = $.mustache( templates[template], options.data );
     if (target instanceof jQuery) {
       var targetDom = target;
     } else {