From 7c1d6d5b550cf16975ef12f4c5784b469e80a43a Mon Sep 17 00:00:00 2001
From: Wojciech Biela <Wojciech.Biela@teradata.com>
Date: Thu, 17 Nov 2016 14:43:35 +0100
Subject: [PATCH] add spilled data size to Web UI

Added spilled data size to the Query Details page in the Resource
Utilization Summary section and to the Live Plan page in the Web UI just below
the "Splits" line (per stage).
---
 .../main/resources/com/facebook/presto/server/plan.html   | 1 +
 presto-main/src/main/resources/webapp/assets/query.js     | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/presto-main/src/main/resources/com/facebook/presto/server/plan.html b/presto-main/src/main/resources/com/facebook/presto/server/plan.html
index 290175ffcc45..dc37ea7c8d41 100644
--- a/presto-main/src/main/resources/com/facebook/presto/server/plan.html
+++ b/presto-main/src/main/resources/com/facebook/presto/server/plan.html
@@ -181,6 +181,7 @@
                 ) +
                 "<div>Memory: " + stats.totalMemoryReservation + "</div>" +
                 "<div>Splits: Q:" + stats.queuedDrivers + ", R:" + stats.runningDrivers + ", F:" + stats.completedDrivers + "</div>" +
+                "<div>Spilled: " + stats.spilledDataSize + "</div>" +
 
                 "<hr>" +
                 "<div>Input: " + stats.processedInputDataSize + " / " + formatCount(stats.processedInputPositions) + " rows</div>";
diff --git a/presto-main/src/main/resources/webapp/assets/query.js b/presto-main/src/main/resources/webapp/assets/query.js
index 61548b83882d..645de789030c 100644
--- a/presto-main/src/main/resources/webapp/assets/query.js
+++ b/presto-main/src/main/resources/webapp/assets/query.js
@@ -1160,6 +1160,14 @@ var QueryDetail = React.createClass({
                                                 { formatDataSizeBytes(query.queryStats.cumulativeMemory / 1000.0, "") + " seconds" }
                                             </td>
                                         </tr>
+                                        <tr>
+                                            <td className="info-title">
+                                                Spilled Data
+                                            </td>
+                                            <td className="info-text">
+                                                { query.queryStats.spilledDataSize }
+                                            </td>
+                                        </tr>
                                     </tbody>
                                 </table>
                             </div>