Added standalone plan visualizer tool.

bbejeck · Jan 21, 2014 · 04e5dcd · 04e5dcd
1 parent 6c7c8b4
commit 04e5dcd
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 0 deletions.
diff --git a/stratosphere-dist/src/main/assemblies/bin.xml b/stratosphere-dist/src/main/assemblies/bin.xml
@@ -131,6 +131,13 @@
  <exclude>*etc/users</exclude>
  </excludes>
  </fileSet>
+
+ <!-- copy the tools -->
+ <fileSet>
+ <directory>src/main/stratosphere-bin/tools</directory>
+ <outputDirectory>tools</outputDirectory>
+ <fileMode>0644</fileMode>
+ </fileSet>
 
  <fileSet>
  <!-- copy jar files of java examples -->

diff --git a/stratosphere-dist/src/main/stratosphere-bin/tools/planVisualizer.html b/stratosphere-dist/src/main/stratosphere-bin/tools/planVisualizer.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+ <title>Stratosphere Plan Visualizer</title>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+ <link rel="stylesheet" type="text/css" href="../resources/web-docs/css/nephelefrontend.css" />
+ <link rel="stylesheet" type="text/css" href="../resources/web-docs/css/js-graph-it.css" />
+ <link rel="stylesheet" type="text/css" href="../resources/web-docs/css/pactgraphs.css" />
+ <script type="text/javascript" src="../resources/web-docs/js/jquery.js"></script>
+ <script type="text/javascript" src="../resources/web-docs/js/js-graph-it.js"></script>
+ <script type="text/javascript" src="../resources/web-docs/js/pactgraph.js"></script>
+<body>
+ <div class="mainHeading">
+ <h1><img src="../resources/web-docs/img/StratosphereLogo.png" width="326" height="100" alt="Stratosphere Logo" align="middle"/>Stratosphere Plan Visualizer</h1>
+ </div>
+ <div>
+ <div id="mainCanvas" class="canvas boxed" style="height: 500px;">
+ <div><h3>Paste the plan data here</h3></div>
+ <div align="center"><textarea id="plantext" style="width: 600px; height: 400px;"></textarea></div>
+ <div align="center"; style="float: bottom;"> 
+ <input id="draw_button" type="button" value="Draw"/> 
+ </div> 
+ </div>
+ </div>
+ <div id="propertyCanvas" class="propertyCanvas">
+ <p class="fadedPropertiesText">Click a node to show the properties...</p>
+ </div>
+ <script type="text/javascript">
+ <!--
+ var maxColumnWidth = 350;
+ var minColumnWidth = 150;
+
+ $(document).ready(function() {
+
+ $('#draw_button').click(function () {
+ var planData = $("textarea#plantext").val();
+ var asObject = eval('(' + planData + ')');
+ drawPactPlan(asObject, true, "../../../resources/web-docs/img/arrows/arr.gif");
+ });
+
+ });
+ //-->
+ </script>
+</body>
+</html>
+