From 4849e8f860050e4691b122032f0e7b5825c26ff7 Mon Sep 17 00:00:00 2001
From: Martin Westergaard Lassen <mwl@trifork.com>
Date: Sat, 23 Mar 2013 20:50:34 +0000
Subject: [PATCH] #5 Optimized results dialog

---
 src/mapred.html    | 13 +++++++------
 src/ngriakadmin.js |  8 ++++++++
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/mapred.html b/src/mapred.html
index 3848026..0a59115 100644
--- a/src/mapred.html
+++ b/src/mapred.html
@@ -1,5 +1,5 @@
 <h1>MapReduce</h1>
-<form ng-submit="performMapReduce()" class="form-horizontal">
+<form class="form-horizontal">
     <div class="control-group">
         <label class="control-label" for="buckets">Bucket:</label>
         <div class="controls">
@@ -40,18 +40,19 @@ <h2>Queries</h2>
     </div>
     <div class="control-group">
         <div class="controls">
-            <button type="submit" class="btn btn-primary">Execute</button>
+            <a ng-click="performMapReduce()" class="btn btn-primary">Execute <i class="icon-play"></i></a>
         </div>
     </div>
 </form>
-<div modal="result" close="close()">
+<div modal="showResultDialog" close="close()" options="{dialogFade: true, backdropFade: true}">
     <div class="modal-header">
-        <h4>Map reduce job result</h4>
+        <h1>Map reduce job result</h1>
     </div>
     <div class="modal-body">
-        <p>{{result|json}}</p>
+        <p ng-hide="result" style="text-align: center"><i class="icon-spinner icon-4x icon-spin"></i></p>
+        <pre ng-show="result">{{result|json}}</pre>
     </div>
     <div class="modal-footer">
-        <button class="btn" ng-click="result=''">Close</button>
+        <button class="btn" ng-click="showResultDialog=false">Close</button>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/ngriakadmin.js b/src/ngriakadmin.js
index 04122b1..3b1e4b5 100644
--- a/src/ngriakadmin.js
+++ b/src/ngriakadmin.js
@@ -136,6 +136,9 @@ function MapRedCtrl($scope, $routeParams, $http) {
         else if (phase.reduce) {
             return phase.reduce;
         }
+        else if (phase.link) {
+            return phase.link;
+        }
     }
     $scope.getPhaseType = function(phase) {
         if (phase.map) {
@@ -144,9 +147,14 @@ function MapRedCtrl($scope, $routeParams, $http) {
         else if (phase.reduce) {
             return "Reduce";
         }
+        else if (phase.link) {
+            return "Link";
+        }
     }
 
     $scope.performMapReduce = function() {
+        $scope.showResultDialog = true;
+        $scope.result = '';
         $http({method: 'POST', data: $scope.job, url:'/mapred'}).success(function(data, status, headers, config) {
             $scope.result = data;
         })