From 4a0892eb98d9a31dae2fcae3a595dbdd2c6f4059 Mon Sep 17 00:00:00 2001
From: jackyq2015 <jackyq2015@gmail.com>
Date: Wed, 31 May 2017 22:33:40 -0400
Subject: [PATCH] add "transform all" support to allow the operation to be
 applied to multiple columns

---
 .../dialogs/expression-column-dialog.html     |  29 +++++
 .../dialogs/expression-column-dialog.js       | 108 ++++++++++++++++++
 2 files changed, 137 insertions(+)
 create mode 100644 main/webapp/modules/core/scripts/dialogs/expression-column-dialog.html
 create mode 100644 main/webapp/modules/core/scripts/dialogs/expression-column-dialog.js

diff --git a/main/webapp/modules/core/scripts/dialogs/expression-column-dialog.html b/main/webapp/modules/core/scripts/dialogs/expression-column-dialog.html
new file mode 100644
index 000000000..568145c2a
--- /dev/null
+++ b/main/webapp/modules/core/scripts/dialogs/expression-column-dialog.html
@@ -0,0 +1,29 @@
+<div class="dialog-frame" style="width: 800px;">
+  <div class="dialog-header" bind="dialogHeader"></div>
+  <div class="dialog-body" bind="dialogBody">
+    <div id="custom-column-selecter-tabs" class="refine-tabs">
+      <ul>
+        <li><a href="#custom-column-selecter-tabs-content" bind="or_dialog_content"></a></li>
+      </ul>
+      
+      <div id="custom-column-selecter-tabs-content"><div class="grid-layout grid-layout-for-ui layout-normal layout-full"><table>
+        <tr>
+          <td bind="or_dialog_selAndOrd"></td>
+        </tr>
+        <tr>
+          <td width="100%"><div bind="columnList" class="custom-tabular-exporter-columns"></div></td>
+        </tr>
+        <tr>
+          <td colspan="2">
+            <button class="button" bind="selectAllButton"></button>
+            <button class="button" bind="deselectAllButton"></button>
+          </td>
+        </tr>
+      </table></div></div>
+      
+      
+  <div class="dialog-footer" bind="dialogFooter"><div class="grid-layout layout-tightest layout-full"><table><tr>
+    <td><button class="button" bind="okButton"></button></td>
+    <td><button class="button" bind="cancelButton"></button></td>
+  </tr></table></div></div>
+</div>
\ No newline at end of file
diff --git a/main/webapp/modules/core/scripts/dialogs/expression-column-dialog.js b/main/webapp/modules/core/scripts/dialogs/expression-column-dialog.js
new file mode 100644
index 000000000..5f21259fa
--- /dev/null
+++ b/main/webapp/modules/core/scripts/dialogs/expression-column-dialog.js
@@ -0,0 +1,108 @@
+
+var doTextTransform = function(columnName, expression, onError, repeat, repeatCount) {
+    Refine.postCoreProcess(
+      "text-transform",
+      {
+        columnName: columnName, 
+        expression: expression, 
+        onError: onError,
+        repeat: repeat,
+        repeatCount: repeatCount
+      },
+      null,
+      { cellsChanged: true }
+    );
+};
+
+function ExpressionColumnDialog(expression, onError, repeat, repeatCount) {
+  this._expression = expression;
+  this._onError = onError;
+  this._repeat = repeat;
+  this._repeatCount = repeatCount;
+  
+  this._createDialog();
+}
+
+ExpressionColumnDialog.prototype._createDialog = function() {
+  var self = this;
+  
+  this._dialog = $(DOM.loadHTML("core", "scripts/dialogs/expression-column-dialog.html"));
+  this._elmts = DOM.bind(this._dialog);
+  this._level = DialogSystem.showDialog(this._dialog);
+  
+  
+  this._elmts.dialogHeader.html($.i18n._('core-dialogs')["custom-tab-exp"]);
+  this._elmts.or_dialog_content.html($.i18n._('core-dialogs')["content"]);
+  this._elmts.or_dialog_selAndOrd.html($.i18n._('core-dialogs')["sel-and-ord"]);
+  this._elmts.selectAllButton.html($.i18n._('core-buttons')["select-all"]);
+  this._elmts.deselectAllButton.html($.i18n._('core-buttons')["deselect-all"]);
+  this._elmts.okButton.html($.i18n._('core-buttons')["ok"]);
+  this._elmts.cancelButton.html($.i18n._('core-buttons')["cancel"]);
+
+  
+  /*
+   * Populate column list.
+   */
+  for (var i = 0; i < theProject.columnModel.columns.length; i++) {
+    var column = theProject.columnModel.columns[i];
+    var name = column.name;
+    var div = $('<div>')
+        .addClass("custom-tabular-exporter-dialog-column")
+        .attr("column", name)
+        .appendTo(this._elmts.columnList);
+    
+    $('<input>')
+      .attr('type', 'checkbox')
+      .attr('checked', 'checked')
+      .appendTo(div);
+    $('<span>')
+      .text(name)
+      .appendTo(div);
+    
+  }
+  this._elmts.columnList.sortable({});
+  
+  /*
+   * Hook up event handlers.
+   */
+  
+  this._elmts.columnList.find('.custom-tabular-exporter-dialog-column').click(function() {
+    self._elmts.columnList.find('.custom-tabular-exporter-dialog-column').removeClass('selected');
+    $(this).addClass('selected');
+  });
+  this._elmts.selectAllButton.click(function() {
+    self._elmts.columnList.find('input[type="checkbox"]').attr('checked', true);
+  });
+  this._elmts.deselectAllButton.click(function() {
+    self._elmts.columnList.find('input[type="checkbox"]').attr('checked', false);
+  });
+  
+  this._elmts.okButton.click(function() { self._transform(); });
+  this._elmts.cancelButton.click(function() { self._dismiss(); });
+}  
+  
+
+ExpressionColumnDialog.prototype._dismiss = function() {
+    DialogSystem.dismissUntil(this._level - 2);
+};
+
+
+ExpressionColumnDialog.prototype._transform = function() {
+  this._postSelect();
+  this._dismiss();
+};
+
+ExpressionColumnDialog.prototype._postSelect = function() {
+	var self = this;
+	this._elmts.columnList.find('.custom-tabular-exporter-dialog-column').each(function() {
+    if ($(this).find('input[type="checkbox"]')[0].checked) {
+      var name = this.getAttribute('column');
+      // alert("doTextTransform on: " + name + "; expression: " + self._expression);
+	  doTextTransform(name, self._expression, self._onError, self._repeat, self._repeatCount)
+    }
+  });
+  
+};
+
+
+