cassandra-web 0.1.0

data/app/public/html/index.html

@@ -0,0 +1,40 @@
+<h1 class="page-header">Cluster Status</h1>
+<div>
+  <h2>Hosts</h2>
+  <dl>
+    <dt ng-repeat-start="(datacenter, hosts) in cluster.hosts | groupBy: 'datacenter'">Datacenter: {{datacenter}}</dt>
+    <dd ng-repeat-end>
+      <table class="table table-striped table-condensed">
+        <thead>
+          <tr>
+            <th>ip</th>
+            <th>id</th>
+            <th>rack</th>
+            <th>version</th>
+            <th>status</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="host in hosts" class="{{host_status_class(host.status)}}">
+            <td>{{host.ip}}</td>
+            <td>{{host.id}}</td>
+            <td>{{host.rack}}</td>
+            <td>{{host.release_version}}</td>
+            <td>{{host.status}}</td>
+          </tr>
+        </tbody>
+      </table>
+    </dd>
+  </dl>
+</div>
+<div>
+  <h2>Kespaces</h2>
+  <dl>
+    <dt ng-repeat-start="keyspace in cluster.keyspaces">
+      <a href="/{{keyspace.name}}">{{keyspace.name}}</a>
+    </dt>
+    <dd ng-repeat-end>
+      <pre class="highlight"><code-highlight language="cql" code="{{keyspace.cql}}" /></pre>
+    </dd>
+  </dl>
+</div>

data/app/public/html/keyspace.html

@@ -0,0 +1,40 @@
+<h1 class="page-header">Keyspace: {{keyspace.name}}</h1>
+<tabset>
+  <tab>
+    <tab-heading>Tables</tab-heading>
+    <table class="table table-striped table-hover">
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th class="table-actions">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr ng-repeat="table in keyspace.tables" ng-controller="actions">
+          <td><a href="/{{keyspace.name}}/{{table.name}}">{{table.name}}</a></td>
+          <td>
+            <button type="button" class="btn btn-xs btn-danger" ng-click="drop(keyspace.name, table.name)" ng-disabled="disabled"><span class="glyphicon glyphicon-minus"></span> Delete</button>
+            <a class="text-danger" ng-show="error" tooltip="{{error.message}}" tooltip-trigger="mouseenter" tooltip-placement="left"><span class="glyphicon glyphicon-exclamation-sign"></span></a>
+          </td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr>
+          <td>Total: {{keyspace.tables.length}} tables</td>
+          <td>
+            <button type="button" class="btn btn-xs btn-success" ng-click="show_execute_form('CREATE TABLE ' + keyspace.name + '.<table> (
+  <column> <type>,
+  PRIMARY KEY (<column>)
+)')"><span class="glyphicon glyphicon-plus"></span> Create</button>
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </tab>
+  <tab>
+    <tab-heading>Definition</tab-heading>
+    <p>
+      <pre class="highlight"><code-highlight language="cql" code="{{keyspace.cql}}" /></pre>
+    </p>
+  </tab>
+</tabset>

data/app/public/html/table.html

@@ -0,0 +1,67 @@
+<h1 class="page-header">Table: {{keyspace.name}}.{{table.name}}</h1>
+<tabset>
+  <tab>
+    <tab-heading>Rows <span class="badge">{{result.rows.length}}</span></tab-heading>
+    <table class="table table-striped table-hover">
+      <thead>
+        <tr>
+          <th ng-repeat="column in table.columns">{{column.name}}</th>
+          <th class="row-actions">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr ng-repeat="row in result.rows">
+          <td ng-repeat="column in table.columns">
+            {{row[column.name]}}
+          </td>
+          <td>
+            <div class="btn-group">
+              <button type="button" class="btn btn-xs btn-default"><span class="glyphicon glyphicon-pencil"></span> Edit</button>
+              <button type="button" class="btn btn-xs btn-danger"><span class="glyphicon glyphicon-minus"></span> Delete</button>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr>
+          <td colspan="{{table.columns.length}}">
+            <span ng-show="!result && !error">Loading...</span>
+            <span ng-show="result">Total: {{result.rows.length}} results</span>
+            <dl ng-show="error">
+              <dt>{{error.class}}: {{error.message}}</dt>
+              <dd ng-repeat="entry in error.trace track by $index">{{entry}}</dd>
+            </dl>
+          </td>
+          <td>
+            <button type="button" class="btn btn-xs btn-success"><span class="glyphicon glyphicon-plus"></span> Create</button>
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </tab>
+  <tab heading="Columns">
+    <table class="table">
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th>Type</th>
+          <th>Order</th>
+          <th>Options</th>
+        </tr>
+      <thead>
+      <tbody>
+        <tr ng-repeat="column in table.columns">
+          <td>{{column.name}}</td>
+          <td>{{column.type}}</td>
+          <td>{{column.order}}</td>
+          <td>{{column.options}}</td>
+        </tr>
+      </tbody>
+    </table>
+  </tab>
+  <tab heading="Definition">
+    <p>
+      <pre class="highlight"><code-highlight language="cql" code="{{table.cql}}" /></pre>
+    </p>
+  </tab>
+</tabset>

data/app/public/js/angular-filter.min.js

@@ -0,0 +1,6 @@
+/**
+ * Bunch of useful filters for angularJS
+ * @version v0.4.5 - 2014-09-08 * @link https://github.com/a8m/angular-filter
+ * @author Ariel Mashraki <ariel@mashraki.co.il>
+ * @license MIT License, http://www.opensource.org/licenses/MIT
+ */!function(a,b,c){"use strict";function d(a){return s(a)?a:Object.keys(a).map(function(b){return a[b]})}function e(a){return null===a}function f(a,b){var c=Object.keys(a);return-1==c.map(function(c){return!(!b[c]||b[c]!=a[c])}).indexOf(!1)}function g(a,b){if(""===b)return a;var c=a.indexOf(b.charAt(0));return-1===c?!1:g(a.substr(c+1),b.substr(1))}function h(a,b,c){var d,e=~~d;return d=a.filter(function(a){var d=m(c)?b>e&&c(a):b>e;return e=d?e+1:e,d}),2>e?d[0]:d}function i(a){return function(b,c){return b=r(b)?d(b):b,!s(b)||n(c)?!0:b.some(function(b){return r(b)||o(c)?a(c)(b):b===c})}}function j(a,b){return b=b||0,b>=a.length?a:s(a[b])?j(a.slice(0,b).concat(a[b],a.slice(b+1)),b):j(a,b+1)}function k(a){return function(b,c){function e(a,b){return n(b)?!1:a.some(function(a){return w(a,b)})}if(b=r(b)?d(b):b,!s(b))return b;var f=[],g=a(c);return b.filter(n(c)?function(a,b,c){return c.indexOf(a)===b}:function(a){var b=g(a);return e(f,b)?!1:(f.push(b),!0)})}}function l(a,b,c){return b?a+c+l(a,--b,c):a}var m=b.isDefined,n=b.isUndefined,o=b.isFunction,p=b.isString,q=b.isNumber,r=b.isObject,s=b.isArray,t=b.forEach,u=b.extend,v=b.copy,w=b.equals;String.prototype.contains||(String.prototype.contains=function(){return-1!==String.prototype.indexOf.apply(this,arguments)}),b.module("a8m.angular",[]).filter("isUndefined",function(){return function(a){return b.isUndefined(a)}}).filter("isDefined",function(){return function(a){return b.isDefined(a)}}).filter("isFunction",function(){return function(a){return b.isFunction(a)}}).filter("isString",function(){return function(a){return b.isString(a)}}).filter("isNumber",function(){return function(a){return b.isNumber(a)}}).filter("isArray",function(){return function(a){return b.isArray(a)}}).filter("isObject",function(){return function(a){return b.isObject(a)}}).filter("isEqual",function(){return function(a,c){return b.equals(a,c)}}),b.module("a8m.is-null",[]).filter("isNull",function(){return function(a){return e(a)}}),b.module("a8m.after-where",[]).filter("afterWhere",function(){return function(a,b){if(a=r(a)?d(a):a,!s(a)||n(b))return a;var c=a.map(function(a){return f(b,a)}).indexOf(!0);return a.slice(-1===c?0:c)}}),b.module("a8m.after",[]).filter("after",function(){return function(a,b){return a=r(a)?d(a):a,s(a)?a.slice(b):a}}),b.module("a8m.before-where",[]).filter("beforeWhere",function(){return function(a,b){if(a=r(a)?d(a):a,!s(a)||n(b))return a;var c=a.map(function(a){return f(b,a)}).indexOf(!0);return a.slice(0,-1===c?a.length:++c)}}),b.module("a8m.before",[]).filter("before",function(){return function(a,b){return a=r(a)?d(a):a,s(a)?a.slice(0,b?--b:b):a}}),b.module("a8m.concat",[]).filter("concat",[function(){return function(a,b){if(n(b))return a;if(s(a))return a.concat(r(b)?d(b):b);if(r(a)){var c=d(a);return c.concat(r(b)?d(b):b)}return a}}]),b.module("a8m.contains",[]).filter({contains:["$parse",i],some:["$parse",i]}),b.module("a8m.count-by",[]).filter("countBy",["$parse",function(a){return function(b,c){var e,f={},g=a(c);return b=r(b)?d(b):b,!s(b)||n(c)?b:(b.forEach(function(a){e=g(a),f[e]||(f[e]=0),f[e]++}),f)}}]),b.module("a8m.every",[]).filter("every",["$parse",function(a){return function(b,c){return b=r(b)?d(b):b,!s(b)||n(c)?!0:b.every(function(b){return r(b)||o(c)?a(c)(b):b===c})}}]),b.module("a8m.filter-by",[]).filter("filterBy",["$parse",function(a){return function(b,e,f){var g;return f=p(f)||q(f)?String(f).toLowerCase():c,b=r(b)?d(b):b,!s(b)||n(f)?b:b.filter(function(b){return e.some(function(c){if(~c.indexOf("+")){var d=c.replace(new RegExp("\\s","g"),"").split("+");g=d.reduce(function(c,d,e){return 1===e?a(c)(b)+" "+a(d)(b):c+" "+a(d)(b)})}else g=a(c)(b);return p(g)||q(g)?String(g).toLowerCase().contains(f):!1})})}}]),b.module("a8m.first",[]).filter("first",["$parse",function(a){return function(b){var e,f,g;return b=r(b)?d(b):b,s(b)?(g=Array.prototype.slice.call(arguments,1),e=q(g[0])?g[0]:1,f=q(g[0])?q(g[1])?c:g[1]:g[0],h(b,e,f?a(f):f)):b}}]),b.module("a8m.flatten",[]).filter("flatten",function(){return function(a,b){return b=b||!1,a=r(a)?d(a):a,s(a)?b?[].concat.apply([],a):j(a,0):a}}),b.module("a8m.fuzzy-by",[]).filter("fuzzyBy",["$parse",function(a){return function(b,c,e,f){var h,i,j=f||!1;return b=r(b)?d(b):b,!s(b)||n(c)||n(e)?b:(i=a(c),b.filter(function(a){return h=i(a),p(h)?(h=j?h:h.toLowerCase(),e=j?e:e.toLowerCase(),g(h,e)!==!1):!1}))}}]),b.module("a8m.fuzzy",[]).filter("fuzzy",function(){return function(a,b,c){function e(a,b){var c,d,e=Object.keys(a);return 0<e.filter(function(e){return c=a[e],d?!0:p(c)?(c=f?c:c.toLowerCase(),d=g(c,b)!==!1):!1}).length}var f=c||!1;return a=r(a)?d(a):a,!s(a)||n(b)?a:(b=f?b:b.toLowerCase(),a.filter(function(a){return p(a)?(a=f?a:a.toLowerCase(),g(a,b)!==!1):r(a)?e(a,b):!1}))}}),b.module("a8m.group-by",["a8m.filter-watcher"]).filter("groupBy",["$parse","filterWatcher",function(a,b){return function(c,d){var e,f,g=a(d);return!r(c)||n(d)?c:(e=b.$watch("groupBy",c),t(c,function(a){f=g(a),e[f]||(e[f]=[]),-1===e[f].indexOf(a)&&e[f].push(a)}),b.$destroy("groupBy",c),e)}}]),b.module("a8m.is-empty",[]).filter("isEmpty",function(){return function(a){return r(a)?!d(a).length:!a.length}}),b.module("a8m.last",[]).filter("last",["$parse",function(a){return function(b){var e,f,g,i,j=v(b);return j=r(j)?d(j):j,s(j)?(g=Array.prototype.slice.call(arguments,1),e=q(g[0])?g[0]:1,f=q(g[0])?q(g[1])?c:g[1]:g[0],s(i=h(j.reverse(),e,f?a(f):f))?i.reverse():i):j}}]),b.module("a8m.map",[]).filter("map",["$parse",function(a){return function(b,c){return b=r(b)?d(b):b,!s(b)||n(c)?b:b.map(function(b){return a(c)(b)})}}]),b.module("a8m.omit",[]).filter("omit",["$parse",function(a){return function(b,c){return b=r(b)?d(b):b,!s(b)||n(c)?b:b.filter(function(b){return!a(c)(b)})}}]),b.module("a8m.pick",[]).filter("pick",["$parse",function(a){return function(b,c){return b=r(b)?d(b):b,!s(b)||n(c)?b:b.filter(function(b){return a(c)(b)})}}]),b.module("a8m.remove-with",[]).filter("removeWith",function(){return function(a,b){return n(b)?a:(a=r(a)?d(a):a,a.filter(function(a){return!f(b,a)}))}}),b.module("a8m.remove",[]).filter("remove",function(){return function(a){a=r(a)?d(a):a;var b=Array.prototype.slice.call(arguments,1);return s(a)?a.filter(function(a){return!b.some(function(b){return w(b,a)})}):a}}),b.module("a8m.reverse",[]).filter("reverse",[function(){return function(a){return a=r(a)?d(a):a,p(a)?a.split("").reverse().join(""):s(a)?a.reverse():a}}]),b.module("a8m.search-field",[]).filter("searchField",["$parse",function(a){return function(b){var c,e;b=r(b)?d(b):b;var f=Array.prototype.slice.call(arguments,1);return s(b)&&f.length?b.map(function(b){return e=f.map(function(d){return(c=a(d))(b)}).join(" "),u(b,{searchField:e})}):b}}]),b.module("a8m.to-array",[]).filter("toArray",function(){return function(a,b){return r(a)?b?Object.keys(a).map(function(b){return u(a[b],{$key:b})}):d(a):a}}),b.module("a8m.unique",[]).filter({unique:["$parse",k],uniq:["$parse",k]}),b.module("a8m.where",[]).filter("where",function(){return function(a,b){return n(b)?a:(a=r(a)?d(a):a,a.filter(function(a){return f(b,a)}))}}),b.module("a8m.xor",[]).filter("xor",["$parse",function(a){return function(b,c,e){function f(b,c){var d=a(e);return c.some(function(a){return e?w(d(a),d(b)):w(a,b)})}return e=e||!1,b=r(b)?d(b):b,c=r(c)?d(c):c,s(b)&&s(c)?b.concat(c).filter(function(a){return!(f(a,b)&&f(a,c))}):b}}]),b.module("a8m.math",[]).factory("$math",["$window",function(a){return a.Math}]),b.module("a8m.math.max",["a8m.math"]).filter("max",["$math",function(a){return function(b){return s(b)?a.max.apply(a,b):b}}]),b.module("a8m.math.min",["a8m.math"]).filter("min",["$math",function(a){return function(b){return s(b)?a.min.apply(a,b):b}}]),b.module("a8m.math.percent",["a8m.math"]).filter("percent",["$math","$window",function(a,b){return function(c,d,e){var f=p(c)?b.Number(c):c;return d=d||100,e=e||!1,!q(f)||b.isNaN(f)?c:e?a.round(f/d*100):f/d*100}}]),b.module("a8m.math.radix",[]).filter("radix",function(){return function(a,b){var c=/^[2-9]$|^[1-2]\d$|^3[0-6]$/;return q(a)&&c.test(b)?a.toString(b).toUpperCase():a}}),b.module("a8m.math.sum",[]).filter("sum",function(){return function(a,b){return s(a)?a.reduce(function(a,b){return a+b},b||0):a}}),b.module("a8m.ends-with",[]).filter("endsWith",function(){return function(a,b,c){var d,e=c||!1;return!p(a)||n(b)?a:(a=e?a:a.toLowerCase(),d=a.length-b.length,-1!==a.indexOf(e?b:b.toLowerCase(),d))}}),b.module("a8m.ltrim",[]).filter("ltrim",function(){return function(a,b){var c=b||"\\s";return p(a)?a.replace(new RegExp("^"+c+"+"),""):a}}),b.module("a8m.repeat",[]).filter("repeat",[function(){return function(a,b,c){var d=~~b;return p(a)&&d?l(a,--b,c||""):a}}]),b.module("a8m.rtrim",[]).filter("rtrim",function(){return function(a,b){var c=b||"\\s";return p(a)?a.replace(new RegExp(c+"+$"),""):a}}),b.module("a8m.slugify",[]).filter("slugify",[function(){return function(a,b){var c=b||"-";return p(a)?a.toLowerCase().replace(/\s+/g,c):a}}]),b.module("a8m.starts-with",[]).filter("startsWith",function(){return function(a,b,c){var d=c||!1;return!p(a)||n(b)?a:(a=d?a:a.toLowerCase(),!a.indexOf(d?b:b.toLowerCase()))}}),b.module("a8m.stringular",[]).filter("stringular",function(){return function(a){var b=Array.prototype.slice.call(arguments,1);return a.replace(/{(\d+)}/g,function(a,c){return n(b[c])?a:b[c]})}}),b.module("a8m.strip-tags",[]).filter("stripTags",function(){return function(a){return p(a)?a.replace(/<\S[^><]*>/g,""):a}}),b.module("a8m.trim",[]).filter("trim",function(){return function(a,b){var c=b||"\\s";return p(a)?a.replace(new RegExp("^"+c+"+|"+c+"+$","g"),""):a}}),b.module("a8m.truncate",[]).filter("truncate",function(){return function(a,b,c,d){return b=n(b)?a.length:b,d=d||!1,c=c||"",!p(a)||a.length<=b?a:a.substring(0,d?-1===a.indexOf(" ",b)?a.length:a.indexOf(" ",b):b)+c}}),b.module("a8m.ucfirst",[]).filter("ucfirst",[function(){return function(a){return b.isString(a)?a.split(" ").map(function(a){return a.charAt(0).toUpperCase()+a.substring(1)}).join(" "):a}}]),b.module("a8m.uri-encode",[]).filter("uriEncode",["$window",function(a){return function(b){return p(b)?a.encodeURI(b):b}}]),b.module("a8m.wrap",[]).filter("wrap",function(){return function(a,b,c){return!p(a)||n(b)?a:[b,a,c||b].join("")}}),b.module("a8m.filter-watcher",[]).provider("filterWatcher",function(){var a="_$$";this.setPrefix=function(b){return a=b,this},this.$get=["$window",function(b){function c(b){return a+b}function d(a,b){return m(b[a])}function e(a,b){var e=c(a);return d(e,b)||Object.defineProperty(b,e,{enumerable:!1,configurable:!0,value:{}}),b[e]}function f(a,b){return g(function(){delete b[c(a)]})}var g=b.setTimeout;return{$watch:e,$destroy:f}}]}),b.module("angular.filter",["a8m.ucfirst","a8m.uri-encode","a8m.slugify","a8m.strip-tags","a8m.stringular","a8m.truncate","a8m.starts-with","a8m.ends-with","a8m.wrap","a8m.trim","a8m.ltrim","a8m.rtrim","a8m.repeat","a8m.to-array","a8m.concat","a8m.contains","a8m.unique","a8m.is-empty","a8m.after","a8m.after-where","a8m.before","a8m.before-where","a8m.where","a8m.reverse","a8m.remove","a8m.remove-with","a8m.group-by","a8m.count-by","a8m.search-field","a8m.fuzzy-by","a8m.fuzzy","a8m.omit","a8m.pick","a8m.every","a8m.filter-by","a8m.xor","a8m.map","a8m.first","a8m.last","a8m.flatten","a8m.math","a8m.math.max","a8m.math.min","a8m.math.percent","a8m.math.radix","a8m.math.sum","a8m.angular","a8m.is-null","a8m.filter-watcher"])}(window,window.angular);

data/app/public/js/cassandra.js

@@ -0,0 +1,478 @@
+// From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
+if (!Object.keys) {
+  Object.keys = (function () {
+    'use strict';
+    var hasOwnProperty = Object.prototype.hasOwnProperty,
+        hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
+        dontEnums = [
+          'toString',
+          'toLocaleString',
+          'valueOf',
+          'hasOwnProperty',
+          'isPrototypeOf',
+          'propertyIsEnumerable',
+          'constructor'
+        ],
+        dontEnumsLength = dontEnums.length;
+
+    return function (obj) {
+      if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
+        throw new TypeError('Object.keys called on non-object');
+      }
+
+      var result = [], prop, i;
+
+      for (prop in obj) {
+        if (hasOwnProperty.call(obj, prop)) {
+          result.push(prop);
+        }
+      }
+
+      if (hasDontEnumBug) {
+        for (i = 0; i < dontEnumsLength; i++) {
+          if (hasOwnProperty.call(obj, dontEnums[i])) {
+            result.push(dontEnums[i]);
+          }
+        }
+      }
+      return result;
+    };
+  }());
+}
+
+!(function(app) {
+  app.config([
+    '$routeProvider',
+    '$locationProvider',
+    '$rootScopeProvider',
+    '$logProvider',
+    '$compileProvider',
+    function($routeProvider, $locationProvider, $rootScopeProvider, $logProvider, $compileProvider) {
+      $routeProvider
+        .when('/', {
+          templateUrl: '/html/index.html',
+        })
+        .when('/:keyspace', {
+          templateUrl: '/html/keyspace.html',
+          controller: 'keyspace',
+          resolve: {cluster: 'cluster'}
+        })
+        .when('/:keyspace/:table', {
+          templateUrl: '/html/table.html',
+          controller: 'table',
+          resolve: {cluster: 'cluster'}
+        })
+        .otherwise({redirect:'/'})
+
+      $locationProvider.html5Mode(true)
+      $rootScopeProvider.digestTtl(10000)
+      $logProvider.debugEnabled(true)
+      $compileProvider.debugInfoEnabled(true)
+    }
+  ])
+
+  app.factory('cluster', [
+    '$http',
+    '$rootScope',
+    '$q',
+    function($http, $rootScope, $q) {
+      var cluster = {
+        keyspaces: null,
+        hosts: null,
+        keyspace: null,
+        execute: function(statement, options) {
+          var deferred = $q.defer();
+          options = options || {}
+
+          $http({
+            method: 'POST',
+            url: '/execute',
+            data: {
+              statement: statement,
+              options: options
+            }
+          })
+            .success(function(data, status, headers, config) {
+              deferred.resolve(data)
+            })
+            .error(function(data, status, headers, config) {
+              deferred.reject(data)
+            })
+
+          return deferred.promise
+        }
+      }
+      var resolved = false
+      var deferred = $q.defer()
+
+      var events = new EventSource('/events');
+
+      events.onopen = function(e) {
+        updateCluster();
+        return false;
+      }
+
+      $rootScope.$on('$destroy', function() {
+        events.close();
+      })
+
+      var updateCluster = function() {
+        $http({method: 'GET', url: '/keyspaces'})
+          .success(function(data, status, headers, config) {
+            cluster.keyspaces = data
+
+            events.addEventListener('keyspace_created', addKeyspace, false);
+            events.addEventListener('keyspace_changed', updateKeyspace, false);
+            events.addEventListener('keyspace_dropped', removeKeyspace, false);
+
+            if (!resolved && cluster.keyspaces && cluster.hosts) {
+              resolved = true
+              deferred.resolve(cluster)
+            }
+          })
+          .error(function(data, status, headers, config) {
+            console.log('ERROR', data);
+          })
+
+        $http({method: 'GET', url: '/hosts'})
+          .success(function(data, status, headers, config) {
+            cluster.hosts = data
+
+            events.addEventListener('host_found', addHost, false);
+            events.addEventListener('host_up',    updateHost, false);
+            events.addEventListener('host_down',  updateHost, false);
+            events.addEventListener('host_lost',  removeHost, false);
+
+            if (!resolved && cluster.keyspaces && cluster.hosts) {
+              resolved = true
+              deferred.resolve(cluster)
+            }
+          })
+          .error(function(data, status, headers, config) {
+            console.log('ERROR', data);
+          })
+      }
+
+      var addHost = function(event) {
+        var host = JSON.parse(event.data)
+
+        $rootScope.$apply(function() {
+          $rootScope.$broadcast('host.created', host)
+          cluster.hosts.push(host)
+        })
+      }
+
+      var updateHost = function(event) {
+        var host = JSON.parse(event.data)
+
+        $rootScope.$apply(function() {
+          $rootScope.$broadcast('host.updated', host)
+          angular.forEach(cluster.hosts, function(h, index) {
+            if (host.ip == h.ip) {
+              angular.forEach(host, function(value, key) {
+                cluster.hosts[index][key] = value
+              })
+            }
+          })
+        })
+      }
+
+      var removeHost = function(event) {
+        var host = JSON.parse(event.data)
+
+        $rootScope.$apply(function() {
+          $rootScope.$broadcast('host.removed', host)
+          angular.forEach(cluster.hosts, function(h, index) {
+            if (host.ip == h.ip) {
+              cluster.hosts.splice(index, 1)
+            }
+          })
+        })
+      }
+
+      var addKeyspace = function(event) {
+        var keyspace = JSON.parse(event.data)
+
+        $rootScope.$apply(function() {
+          $rootScope.$broadcast('keyspace.created', keyspace)
+          cluster.keyspaces.push(keyspace)
+        })
+      }
+
+      var updateKeyspace = function(event) {
+        var keyspace = JSON.parse(event.data)
+
+        $rootScope.$apply(function() {
+          $rootScope.$broadcast('keyspace.updated', keyspace)
+          angular.forEach(cluster.keyspaces, function(k, index) {
+            if (keyspace.name == k.name) {
+              angular.forEach(keyspace, function(value, key) {
+                cluster.keyspaces[index][key] = value
+              })
+            }
+          })
+        })
+      }
+
+      var removeKeyspace = function(event) {
+        var keyspace = JSON.parse(event.data)
+
+        $rootScope.$apply(function() {
+          $rootScope.$broadcast('keyspace.removed', keyspace)
+          angular.forEach(cluster.keyspaces, function(k, index) {
+            if (keyspace.name == k.name) {
+              cluster.keyspaces.splice(index, 1)
+            }
+          })
+        })
+      }
+
+      return deferred.promise
+    }
+  ])
+
+  app.factory('escapeIdentifier', [
+    function() {
+      var re = /[a-z][a-z0-9_]*/
+
+      return function(id) {
+        var matches = id.match(re)
+        if (matches.length == 1 && matches[0].length == id.length) {
+          return id
+        }
+        return '"' + id + '"'
+      }
+    }
+  ])
+
+  app.directive('codeHighlight',[
+    '$interpolate',
+    '$compile',
+    function ($interpolate, $compile) {
+      return {
+        restrict: 'E',
+        template: '<code ng-transclude></code>',
+        replace: true,
+        transclude: true,
+        link: function (scope, el, attrs) {
+          var language = Prism.languages[attrs.language]
+
+          attrs.$observe('code', function(code) {
+            el.html(Prism.highlight(code, language))
+          })
+        }
+      }
+    }
+  ])
+
+  app.controller('main', [
+    '$scope',
+    'cluster',
+    '$routeParams',
+    '$modal',
+    function($scope, cluster, $routeParams, $modal) {
+      cluster.then(
+        function(cluster) {
+          $scope.cluster = cluster
+        }
+      )
+
+      $scope.host_status_class = function(status) {
+        if (status == 'up') {
+          return 'success'
+        }
+
+        return 'danger'
+      }
+
+      $scope.keyspace_class = function(keyspace) {
+        if ($routeParams.keyspace && $routeParams.keyspace == keyspace.name) {
+          return 'active'
+        }
+      }
+
+      $scope.show_execute_form = function(statement) {
+        var childScope = $scope.$new()
+
+        childScope.statement = {cql: statement}
+
+        return $modal.open({
+          templateUrl: '/html/execute.html',
+          controller: 'execute',
+          size: 'lg',
+          scope: childScope
+        })
+      }
+    }
+  ])
+
+  app.controller('execute', [
+    '$scope',
+    function($scope) {
+      $scope.disabled = false
+      $scope.options = $scope.options || {
+        trace:       false,
+        consistency: 'one'
+      }
+      $scope.statement = $scope.statement || {
+        cql: ''
+      }
+      $scope.consistencies = [
+        "any",
+        "one",
+        "two",
+        "three",
+        "quorum",
+        "all",
+        "local_quorum",
+        "each_quorum",
+        "serial",
+        "local_serial",
+        "local_one"
+      ]
+
+      $scope.execute = function() {
+        $scope.disabled = true
+
+        $scope.cluster.execute($scope.statement.cql, $scope.options)
+          .then(
+            function(result) {
+              $scope.disabled = false
+              $scope.result   = result;
+            },
+            function(error) {
+              $scope.error = error
+            }
+          )
+      }
+
+      $scope.$watch('options.consistency', function(consistency) {
+        if ($scope.error) {
+          $scope.disabled = false
+          delete $scope.error
+        }
+      })
+
+      $scope.$watch('statement.cql', function(cql) {
+        if ($scope.error) {
+          $scope.disabled = false
+          delete $scope.error
+        }
+      })
+    }
+  ])
+
+  app.controller('keyspace', [
+    '$scope',
+    'cluster',
+    '$routeParams',
+    '$location',
+    function($scope, cluster, $routeParams, $location) {
+      cluster.keyspaces.forEach(function(keyspace) {
+        if ($routeParams.keyspace == keyspace.name) {
+          $scope.keyspace = keyspace
+        }
+      })
+
+      if (!$scope.keyspace) {
+        $location.path('/')
+      }
+
+      $scope.$on('keyspace.removed', function(event, keyspace) {
+        if ($routeParams.keyspace == keyspace.name) {
+          $location.path('/')
+        }
+      })
+    }
+  ])
+
+  app.controller('table', [
+    '$scope',
+    'cluster',
+    '$routeParams',
+    '$location',
+    'escapeIdentifier',
+    function($scope, cluster, $routeParams, $location, escapeIdentifier) {
+      cluster.keyspaces.forEach(function(keyspace) {
+        if ($routeParams.keyspace == keyspace.name) {
+          $scope.keyspace = keyspace
+        }
+      })
+
+      if (!$scope.keyspace) {
+        $location.path('/')
+      }
+
+      $scope.$on('keyspace.removed', function(event, keyspace) {
+        if ($routeParams.keyspace == keyspace.name) {
+          $location.path('/')
+        }
+      })
+
+      $scope.keyspace.tables.forEach(function(table) {
+        if ($routeParams.table == table.name) {
+          $scope.table = table
+        }
+      })
+
+      if (!$scope.table) {
+        $location.path('/')
+      }
+
+      $scope.$on('keyspace.updated', function(keyspace) {
+        if ($routeParams.keyspace != keyspace.name) {
+          return
+        }
+
+        var exists = false;
+
+        keyspace.tables.forEach(function(table) {
+          exists = exists || (table.name == $scope.table.name)
+        })
+
+        if (!exists) {
+          $location.path('/' + $scope.keyspace.name)
+        }
+      })
+
+      cluster.execute('SELECT * FROM ' + escapeIdentifier($scope.keyspace.name) + '.' + escapeIdentifier($scope.table.name))
+        .then(
+          function(result) {
+            $scope.result = result
+          },
+          function(error) {
+            $scope.error = error
+          }
+        )
+    }
+  ])
+
+  app.controller('actions', [
+    '$scope',
+    'cluster',
+    'escapeIdentifier',
+    function($scope, cluster, escapeIdentifier) {
+      $scope.disabled = false
+      $scope.drop = function(keyspaceName, tableName) {
+        $scope.disabled = true
+
+        return cluster
+          .then(
+            function(cluster) {
+              return cluster
+                .execute('DROP TABLE ' + escapeIdentifier($scope.keyspace.name) + '.' + escapeIdentifier(tableName))
+            }
+          )
+          .then(
+            function(result) {
+              $scope.result = result
+              $scope.disabled = false
+            },
+            function(error) {
+              $scope.error = error
+            }
+          )
+      }
+    }
+  ])
+})(angular.module('cassandra', ['ngRoute', 'angular.filter', 'ui.bootstrap', 'ui.codemirror']))