Added class 'button' to buttons.

git-svn-id: http://google-refine.googlecode.com/svn/trunk@1580 7d457c2a-affb-35e4-300a-418c747d4874

extensions/freebase/module/scripts/dialogs/extend-data-preview-dialog.html

@@ -5,7 +5,7 @@
       <tr>
         <td width="300" height="1">Add Property</td>
         <td height="1">Preview</td>
-        <td height="1" width="1%"><button bind="resetButton">Reset</button></td>
+        <td height="1" width="1%"><button class="button" bind="resetButton">Reset</button></td>
       </tr>
       <tr>
         <td style="vertical-align: top;" height="1"><div class="input-container"><input bind="addPropertyInput" /></div></td>
@@ -20,7 +20,7 @@
     </table></div>
   </div>
   <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+    <button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-    <button bind="cancelButton">Cancel</button>
+    <button class="button" bind="cancelButton">Cancel</button>
   </div>
 </div>

extensions/freebase/module/scripts/dialogs/extend-data-preview-dialog.js

@@ -321,8 +321,8 @@ ExtendDataPreviewDialog.prototype._constrainProperty = function(path) {
     }
     
     footer.html(
-        '<button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>' +
+        '<button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>' +
-        '<button bind="cancelButton">Cancel</button>'
+        '<button class="button" bind="cancelButton">Cancel</button>'
     );
     var footerElmts = DOM.bind(footer);
     

extensions/freebase/module/scripts/dialogs/freebase-loading-dialog.html

@@ -5,14 +5,14 @@
   <div class="dialog-footer" bind="dialogFooter">
     <table width="100%"><tr>
       <td bind="left" style="text-align: left" width="40%" nowrap="true">
-        <button bind="cancelButton" id="freebase-loading-cancel">Cancel</button>
+        <button class="button" bind="cancelButton" id="freebase-loading-cancel">Cancel</button>
       </td>
       <td bind="center" style="text-align: center" width="20%" nowrap="true">
         <div bind="authorization" class="freebase-loading-authorization"></div>
       </td>
       <td bind="right" style="text-align: right" width="40%" nowrap="true">
         <span bind="qaCheckboxContainer">Ready to perform QA on this data? <input bind="qaCheckbox" type="checkbox" name="qa" value="qa"></span>
-        <button bind="loadButton" id="freebase-loading-load" disabled="disabled">Load to Sandbox</button>
+        <button class="button" bind="loadButton" id="freebase-loading-load" disabled="disabled">Load to Sandbox</button>
       </td>
     </tr></table>
   </div>

extensions/freebase/module/scripts/dialogs/schema-alignment/dialog.js

@@ -166,7 +166,7 @@ SchemaAlignmentDialog.prototype._createDialog = function() {
 SchemaAlignmentDialog.prototype._constructFooter = function(footer) {
     var self = this;
     
-    $('<button></button>').html("&nbsp;&nbsp;OK&nbsp;&nbsp;").click(function() {
+    $('<button class="button"></button>').html("&nbsp;&nbsp;OK&nbsp;&nbsp;").click(function() {
         var protograph = self.getJSON();
         
         Refine.postProcess(
@@ -184,7 +184,7 @@ SchemaAlignmentDialog.prototype._constructFooter = function(footer) {
         );
     }).appendTo(footer);
     
-    $('<button></button>').text("Cancel").click(function() {
+    $('<button class="button"></button>').text("Cancel").click(function() {
         DialogSystem.dismissUntil(self._level - 1);
     }).appendTo(footer);
 };

extensions/freebase/module/scripts/dialogs/schema-alignment/ui-node.js

@@ -631,7 +631,7 @@ SchemaAlignmentDialog.UINode.prototype._showNodeConfigDialog = function() {
         return node;
     };
     
-    $('<button></button>').html("&nbsp;&nbsp;OK&nbsp;&nbsp;").click(function() {
+    $('<button class="button"></button>').html("&nbsp;&nbsp;OK&nbsp;&nbsp;").click(function() {
         var node = getResultJSON();
         if (node !== null) {
             DialogSystem.dismissUntil(level - 1);
@@ -642,7 +642,7 @@ SchemaAlignmentDialog.UINode.prototype._showNodeConfigDialog = function() {
         }
     }).appendTo(footer);
     
-    $('<button></button>').text("Cancel").click(function() {
+    $('<button class="button"></button>').text("Cancel").click(function() {
         DialogSystem.dismissUntil(level - 1);
     }).appendTo(footer);
     

main/webapp/modules/core/scripts/dialogs/clustering-dialog.html

@@ -44,13 +44,13 @@
   <div class="dialog-footer" bind="dialogFooter">
     <table width="100%"><tr>
       <td class="left" style="text-align: left">
-        <button bind="selectAllButton">Select All</button>
+        <button class="button" bind="selectAllButton">Select All</button>
-        <button bind="deselectAllButton">Deselect All</button>
+        <button class="button" bind="deselectAllButton">Deselect All</button>
       </td> 
       <td class="right" style="text-align: right">
-        <button bind="applyReClusterButton">Apply &amp; Re-Cluster</button>
+        <button class="button" bind="applyReClusterButton">Apply &amp; Re-Cluster</button>
-        <button bind="applyCloseButton">Apply &amp; Close</button>
+        <button class="button" bind="applyCloseButton">Apply &amp; Close</button>
-        <button bind="closeButton">Close</button>
+        <button class="button" bind="closeButton">Close</button>
       </td>
     </tr></table>
   </div>

main/webapp/modules/core/scripts/dialogs/column-reordering-dialog.html

@@ -11,7 +11,7 @@
     </tr>
   </table></div></div>
   <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+    <button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-    <button bind="cancelButton">Cancel</button>
+    <button class="button" bind="cancelButton">Cancel</button>
   </div>
 </div>

main/webapp/modules/core/scripts/dialogs/expression-preview-dialog.js

@@ -12,12 +12,12 @@ function ExpressionPreviewDialog(title, cellIndex, rowIndices, values, expressio
     
     this._elmts = DOM.bind(html);
     
-    $('<button></button>').html("&nbsp;&nbsp;OK&nbsp;&nbsp;").click(function() {
+    $('<button class="button"></button>').html("&nbsp;&nbsp;OK&nbsp;&nbsp;").click(function() {
         DialogSystem.dismissUntil(self._level - 1);
         self._onDone(self._previewWidget.getExpression(true));
     }).appendTo(footer);
     
-    $('<button></button>').text("Cancel").click(function() {
+    $('<button class="button"></button>').text("Cancel").click(function() {
         DialogSystem.dismissUntil(self._level - 1);
     }).appendTo(footer);
     

main/webapp/modules/core/scripts/dialogs/scatterplot-dialog.html

@@ -34,7 +34,7 @@
         </div>
       </td> 
       <td class="right" style="text-align: right">
-        <button bind="closeButton">Close</button>
+        <button class="button" bind="closeButton">Close</button>
       </td>
     </tr></table>
   </div>

main/webapp/modules/core/scripts/dialogs/templating-exporter-dialog.html

@@ -21,11 +21,11 @@
   </div>
   <div class="dialog-footer" bind="dialogFooter"><div class="grid-layout layout-normal layout-full"><table><tr>
     <td align="left">
-      <button bind="resetButton">Reset Template</button>
+      <button class="button" bind="resetButton">Reset Template</button>
     </td>
     <td style="text-align: right;">
-      <button bind="exportButton">Export</button>
+      <button class="button" bind="exportButton">Export</button>
-      <button bind="cancelButton">Cancel</button>
+      <button class="button" bind="cancelButton">Cancel</button>
     </td>
   </tr></table></div></div>
 </div>

main/webapp/modules/core/scripts/facets/list-facet.js

@@ -198,7 +198,7 @@ ListFacet.prototype._copyChoices = function() {
     body.html('<textarea wrap="off" bind="textarea" style="display: block; width: 100%; height: 400px;" />');
     var elmts = DOM.bind(body);
     
-    $('<button></button>').text("Close").click(function() {
+    $('<button class="button"></button>').text("Close").click(function() {
         DialogSystem.dismissUntil(level - 1);
     }).appendTo(footer);
     
@@ -457,11 +457,11 @@ ListFacet.prototype._editChoice = function(choice, choiceDiv) {
             '</tr>' +
             '<tr>' +
                 '<td width="1%" align="center">' +
-                    '<button bind="okButton">Apply</button><br/>' +
+                    '<button class="button" bind="okButton">Apply</button><br/>' +
                     '<span class="data-table-cell-editor-key">Enter</span>' +
                 '</td>' +
                 '<td width="1%" align="center">' +
-                    '<button bind="cancelButton">Cancel</button><br/>' +
+                    '<button class="button" bind="cancelButton">Cancel</button><br/>' +
                     '<span class="data-table-cell-editor-key">Esc</span>' +
                 '</td>' +
                 '<td>' +

main/webapp/modules/core/scripts/preferences.js

@@ -26,7 +26,7 @@ function populatePreferences(prefs) {
     var tdLast0 = trLast.insertCell(0);
     trLast.insertCell(1);
     trLast.insertCell(2);
-    $('<button>').text("Add Preference").appendTo(tdLast0).click(function() {
+    $('<button class="button">').text("Add Preference").appendTo(tdLast0).click(function() {
         var key = window.prompt("Preference key:");
         if (key) {
             var value = window.prompt("Preference key value:");
@@ -63,7 +63,7 @@ function PreferenceUI(tr, key, value) {
     
     var td2 = tr.insertCell(2);
     
-    $('<button>').text("Edit").appendTo(td2).click(function() {
+    $('<button class="button">').text("Edit").appendTo(td2).click(function() {
         var newValue = window.prompt("Change value of preference key " + key, value);
         if (newValue != null) {
             $(td1).text(newValue);
@@ -83,7 +83,7 @@ function PreferenceUI(tr, key, value) {
         }
     });
     
-    $('<button>').text("Delete").appendTo(td2).click(function() {
+    $('<button class="button">').text("Delete").appendTo(td2).click(function() {
         if (window.confirm("Delete preference key " + key + "?")) {
             $.post(
                 "/command/core/set-preference",

main/webapp/modules/core/scripts/reconciliation/add-namespaced-service-dialog.html

@@ -7,7 +7,7 @@
     <tr><td><div class="input-container"><input bind="typeInput" /></td></tr>
   </table></div></div>
   <div class="dialog-footer" bind="dialogFooter">
-    <button bind="addButton">Add Service</button>
+    <button class="button" bind="addButton">Add Service</button>
-    <button bind="cancelButton">Cancel</button>
+    <button class="button" bind="cancelButton">Cancel</button>
   </div>
 </div>

main/webapp/modules/core/scripts/reconciliation/add-standard-service-dialog.html

@@ -5,7 +5,7 @@
     <div class="input-container"><input value="http://" bind="input" /></div>
   </div>
   <div class="dialog-footer" bind="dialogFooter">
-    <button bind="addButton">Add Service</button>
+    <button class="button" bind="addButton">Add Service</button>
-    <button bind="cancelButton">Cancel</button>
+    <button class="button" bind="cancelButton">Cancel</button>
   </div>
 </div>

main/webapp/modules/core/scripts/reconciliation/recon-dialog.html

@@ -14,12 +14,12 @@
   </div>
   <div class="dialog-footer" bind="dialogFooter"><table width="100%"><tr>
     <td align="left">
-      <button bind="addStandardServiceButton">Add Standard Service...</button>
+      <button class="button" bind="addStandardServiceButton">Add Standard Service...</button>
-      <button bind="addNamespacedServiceButton">Add Namespaced Service...</button>
+      <button class="button" bind="addNamespacedServiceButton">Add Namespaced Service...</button>
     </td>
     <td align="right">
-      <button bind="reconcileButton">Start Reconciling</button>
+      <button class="button" bind="reconcileButton">Start Reconciling</button>
-      <button bind="cancelButton">Cancel</button>
+      <button class="button" bind="cancelButton">Cancel</button>
     </td>
   </div>
 </div>

main/webapp/modules/core/scripts/views/data-table/add-column-by-fetching-urls-dialog.html

@@ -20,8 +20,8 @@
       </table></div>
     </div>
     <div class="dialog-footer" bind="dialogFooter">
-      <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+      <button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-      <button bind="cancelButton">Cancel</button>
+      <button class="button" bind="cancelButton">Cancel</button>
     </div>
   </div>
 </div>

main/webapp/modules/core/scripts/views/data-table/add-column-dialog.html

@@ -15,8 +15,8 @@
       </table></div>
     </div>
     <div class="dialog-footer" bind="dialogFooter">
-      <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+      <button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-      <button bind="cancelButton">Cancel</button>
+      <button class="button" bind="cancelButton">Cancel</button>
     </div>
   </div>
 </div>

main/webapp/modules/core/scripts/views/data-table/cell-editor.html

@@ -3,8 +3,8 @@
     <td colspan="5"><textarea class="data-table-cell-editor-editor" bind="textarea" /></td>
   </tr>
   <tr>
-    <td width="1%" align="center"><button bind="okButton">Apply</button><br/><span class="data-table-cell-editor-key">Enter</span></td>
+    <td width="1%" align="center"><button class="button" bind="okButton">Apply</button><br/><span class="data-table-cell-editor-key">Enter</span></td>
-    <td width="1%" align="center"><button bind="cancelButton">Cancel</button><br/><span class="data-table-cell-editor-key">Esc</span></td>
+    <td width="1%" align="center"><button class="button" bind="cancelButton">Cancel</button><br/><span class="data-table-cell-editor-key">Esc</span></td>
     <td><select bind="typeSelect">
         <option value="text">text</option>
         <option value="number">number</option>

main/webapp/modules/core/scripts/views/data-table/cell-recon-preview-popup-header.html

@@ -1,4 +1,4 @@
 <div class="data-table-topic-popup-header">
-  <button title="Match topic to this cell" bind="matchButton">Match</button>
+  <button class="button" title="Match topic to this cell" bind="matchButton">Match</button>
-  <button title="Match topic to all visible cells with same content" bind="matchSimilarButton">Match Similar</button>
+  <button class="button" title="Match topic to all visible cells with same content" bind="matchSimilarButton">Match Similar</button>
 </div>

main/webapp/modules/core/scripts/views/data-table/menu-reconcile.js

@@ -74,7 +74,7 @@ DataTableColumnHeaderUI.extendMenu(function(column, columnHeaderUI, menu) {
             );
         });
 
-        $('<button></button>').text("Cancel").click(function() {
+        $('<button class="button"></button>').text("Cancel").click(function() {
             DialogSystem.dismissUntil(level - 1);
         }).appendTo(footer);
 

main/webapp/modules/core/scripts/views/data-table/sorting-criterion-dialog.html

@@ -41,8 +41,8 @@
       </table></div>
     </div>
     <div class="dialog-footer" bind="dialogFooter">
-      <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+      <button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-      <button bind="cancelButton">Cancel</button>
+      <button class="button" bind="cancelButton">Cancel</button>
     </div>
   </div>
 </div>  

main/webapp/modules/core/scripts/views/data-table/split-column-dialog.html

@@ -50,8 +50,8 @@
       </table></div>
     </div>
     <div class="dialog-footer" bind="dialogFooter">
-      <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+      <button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-      <button bind="cancelButton">Cancel</button>
+      <button class="button" bind="cancelButton">Cancel</button>
     </div>
   </div>
 </div>

main/webapp/modules/core/scripts/views/data-table/text-transform-dialog.html

@@ -14,7 +14,7 @@
     </div>
   </div>
   <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+    <button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-    <button bind="cancelButton">Cancel</button>
+    <button class="button" bind="cancelButton">Cancel</button>
   </div>
 </div>

main/webapp/modules/core/scripts/views/data-table/transpose-columns-into-rows.html

@@ -33,8 +33,8 @@
       </table></div>
     </div>
     <div class="dialog-footer" bind="dialogFooter">
-      <button bind="okButton">Transpose</button>
+      <button class="button" bind="okButton">Transpose</button>
-      <button bind="cancelButton">Cancel</button>
+      <button class="button" bind="cancelButton">Cancel</button>
     </div>
   </div>
 </div>

main/webapp/modules/core/scripts/widgets/history-extract-dialog.html

@@ -15,7 +15,7 @@
         </tr>
   </table></div></div>
   <div class="dialog-footer" bind="dialogFooter"><div class="grid-layout layout-normal layout-full"><table><tr>
-    <td align="left"><button bind="selectAllButton">Select All</button> <button bind="unselectAllButton">Unselect All</button></td>
+    <td align="left"><button class="button" bind="selectAllButton">Select All</button> <button class="button" bind="unselectAllButton">Unselect All</button></td>
-    <td align="left"><button bind="closeButton">Close</button></td>
+    <td align="left"><button class="button" bind="closeButton">Close</button></td>
   </tr></table></div></div>
 </div>

main/webapp/modules/core/scripts/widgets/history-widget.js

@@ -208,7 +208,7 @@ HistoryWidget.prototype._showApplyOperationsDialog = function() {
     
     var elmts = DOM.bind(html);
     
-    $('<button></button>').text("Apply").click(function() {
+    $('<button class="button"></button>').text("Apply").click(function() {
         var json;
         
         try {
@@ -236,7 +236,7 @@ HistoryWidget.prototype._showApplyOperationsDialog = function() {
         DialogSystem.dismissUntil(level - 1);
     }).appendTo(footer);
     
-    $('<button></button>').text("Cancel").click(function() {
+    $('<button class="button"></button>').text("Cancel").click(function() {
         DialogSystem.dismissUntil(level - 1);
     }).appendTo(footer);