nutcracker-web 0.0.1

data/assets/templates/cluster.jst.eco

@@ -0,0 +1,87 @@
+<h3 align=center> <%= @model.get("name") %> </h3>
+
+<ul class="pager fixed">
+  <%if @prevCluster: %>
+    <li class="previous nosel"><a class="nextPrevButton" href="<%= @prevCluster?.get("routeURL")%>">&larr; Prev</a></li>
+  <% else: %>
+    <li class="previous disabled nosel"><a>&larr; Prev</a></li>
+  <%end%>
+  
+  <%if @nextCluster: %>
+    <li class="next nosel"><a class="nextPrevButton" href="<%= @nextCluster?.get("routeURL")%>">Next &rarr;</a></li>
+  <% else: %>
+    <li class="next disabled nosel"><a>Next &rarr;</a></li>
+  <%end%>
+  </li>
+</ul>
+
+
+</br>
+<table class="table table-striped table-bordered">
+  <tr>
+    <th>Client Connections</th>
+    <th>Client EOF</th>
+    <th>Client Errors</th>
+    <th>Forward Errors</th>
+    <th>Fragments</th>
+    <th>Server Ejects</th>
+  </tr>
+  <tr>
+    <td><%= @model.get('client_connections')%></td>
+    <td><%= @model.get('client_eof')%></td>
+    <td><%= @model.get('client_err')%></td>
+    <td><%= @model.get('forward_error')%></td>
+    <td><%= @model.get('fragments')%></td>
+    <td><%= @model.get('server_ejects')%></td>
+  </tr>
+
+</table>
+
+</br>
+<div class="chartsBox">
+  <div class="row">
+    <div  class="span5">
+      <div id="chart1" style="padding-left: 23%"></div>
+    </div>
+    <div class="span5">
+      <div id="chart2" style="padding-left: 40%"></div>
+    </div>
+  </div>
+</div>
+
+
+</br>
+<table class="table table-striped table-bordered">
+  <thead>
+    <tr>
+      <th>Host</th>
+      <th>Used Memory</th>
+      <th>Free Memory</th>
+      <th>Used Memory RSS</th>
+      <th>Max Memory</th>
+      <th>Fragmentation</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% for node in @model.get("nodes").models: %>
+      <tr>
+        <td><a href="<%=node.get("routeURL")%>"><%=node.get("hostname")%></a></td>
+        <td><%=humanize.filesize node.get("usedMemory")%></td>
+        <td><%=humanize.filesize node.get("freeMemory")%></td>
+        <td><%=humanize.filesize node.get("usedMemoryRss")%></td>
+        <td><%=humanize.filesize node.get("maxMemory")%></td>
+        <td><%=node.get("fragmentation")%></td>
+      </tr>
+    <% end %>
+    <tr>
+      <td>&nbsp;</td>
+      <td><%=humanize.filesize _(@model.get("nodes").pluck("usedMemory")).sum()%></td>
+      <td><%=humanize.filesize _(@model.get("nodes").pluck("freeMemory")).sum()%></td>
+      <td><%=humanize.filesize _(@model.get("nodes").pluck("usedMemoryRss")).sum()%></td>
+      <td><%=humanize.filesize _(@model.get("nodes").pluck("maxMemory")).sum()%></td>
+      <td>~<%=humanize.numberFormat(_(@model.get("nodes").pluck("fragmentation")).average(),2)%></td>
+    </tr>
+  </tbody>
+</table>
+
+

data/assets/templates/config.jst.eco

@@ -0,0 +1,15 @@
+
+<h3> Clusters </h3>
+<br/>
+<% for conf in _(@model.get("config")).map( (v,k)->[k,v]): %>
+  <table class="table table-striped table-bordered">
+      <tr><th>Name</th><td><%-"<a href=#{Nutcracker.Models.Cluster.routeURL conf[0]}>#{conf[0]}</a>"%></td></tr>
+      <tr><th>Servers</th><td><%-conf[1].servers.map((s)->"<a href=#{Nutcracker.Models.Node.routeURL(s)}>#{s}</a>").join("<br/>")%></td></tr>
+      <% for array in _(conf[1]).map((v,k)->[k,v]): %>
+        <%if not /servers/.test array[0]:%>
+          <tr><th><%=array[0]%></th><td><%=array[1]%></td></tr>
+        <% end %>
+      <% end %>
+  </table>
+  </br>
+<% end %>

data/assets/templates/footer.jst.eco

@@ -0,0 +1 @@
+Last Update <%=humanize.relativeTime(@model.get('timestamp'))%>

data/assets/templates/navbar.jst.eco

@@ -0,0 +1,55 @@
+<div class="navbar">
+  <div class="navbar-inner">
+    <div class="container" style="font-size: 17px">
+      <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </a>
+      <a class="brand" href="#" style="color: #ffffff;font-size: 25px">Nutcracker</a>
+      <div class="nav-collapse collapse navbar-responsive-collapse">
+        <ul class="nav">
+          <li class="divider-vertical"></li>
+          <li id="overview" ><a href="#/">Overview</a></li>
+          <li class="divider-vertical"></li>
+          <li id="config" ><a href="#/config">Config </a></li>
+          <li class="divider-vertical"></li>
+          <li id="clusters" class="dropdown">
+            <a class="dropdown-toggle" id="drop4" style="padding-top: 12px;" role="button" data-toggle="dropdown" href="#">Clusters <b class="caret"></b></a>
+            <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
+              <li class='divider'></li>
+              <% for cluster in @model.get("clusters").models: %>
+                <li role="presentation" style="font-size: 15px">
+                  <a role="menuitem" tabindex="-1" href="<%=cluster.get('routeURL')%>"><%=cluster.get('name')%></a>
+                </li>
+                <li class='divider'></li>
+              <% end %>
+            </ul>
+          </li>
+
+          <li class="divider-vertical"></li>
+          <li id="nodes" class="dropdown">
+            <a class="dropdown-toggle" id="drop5" style="padding-top: 12px;" role="button" data-toggle="dropdown" href="#">Nodes <b class="caret"></b></a>
+            <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop5">
+              <li class='divider'></li>
+              <% for node in @model.nodes().models: %>
+                <li role="presentation" style="font-size: 15px">
+                  <a role="menuitem" tabindex="-1" href="<%=node.get("routeURL")%>"><%=node.get("hostname")%></a>
+                </li>
+                <li class='divider'></li>
+              <% end %>
+            </ul>
+          </li>
+
+          <li class="divider-vertical"></li>
+        </ul>
+
+        <ul class="nav pull-right">
+          <li class="divider-vertical"></li>
+          <li class="no-hl"><a>Version <%=@model.get("version")%></a></li>
+          <li class="divider-vertical"></li>
+        </ul>
+      </div><!-- /.nav-collapse -->
+    </div>
+  </div><!-- /navbar-inner -->
+</div><!-- /navbar -->

data/assets/templates/node.jst.eco

@@ -0,0 +1,73 @@
+<h3 align=center><%= @model.get("hostname") %></h3>
+
+<ul class="pager">
+  <%if @prevNode: %>
+    <li class="previous nosel"><a class="nextPrevButton" href="<%= @prevNode?.get("routeURL")%>">&larr; Prev</a></li>
+  <% else: %>
+    <li class="previous disabled nosel"><a>&larr; Prev</a></li>
+  <%end%>
+ 
+  <% for cluster in @model.get("clusters"): %>
+    <li class="nosel"><a class="nextPrevButton" href="<%= cluster.get('routeURL')%>"><%=cluster.get('name')%></a></li>
+  <% end %>
+
+  <%if @nextNode: %>
+    <li class="next nosel"><a class="nextPrevButton" href="<%= @nextNode?.get("routeURL")%>">Next &rarr;</a></li>
+  <% else: %>
+    <li class="next disabled nosel"><a>Next &rarr;</a></li>
+  <%end%>
+  </li>
+</ul>
+</br>
+<div class="chartsBox">
+  <div class="row">
+    <div  class="span5">
+      <div id="chart1" style="padding-left: 26%"></div>
+    </div>
+    <div class="span5">
+      <div id="chart2" style="padding-left: 40%"></div>
+    </div>
+  </div>
+</div>
+
+<br/>
+<div class="row-fluid">
+  <div class="span6">
+    <h4> Cluster <-> Node Stats </h4>
+    <table class="table table-striped table-bordered">
+      <tr><th>In-Queue</th><td> <%= @model.get "in_queue" %></td></tr>
+      <tr><th>In-Queue Memory Size</th><td> <%= humanize.filesize(@model.get "in_queue_bytes") %></td></tr>
+      <tr><th>Out-Queue</th><td> <%= @model.get "out_queue" %></td></tr>
+      <tr><th>Out-Queue Memory Size</th><td> <%= humanize.filesize(@model.get "out_queue_bytes") %></td></tr>
+      <tr><th>Requests</th><td> <%= @model.get "requests" %></td></tr>
+      <tr><th>Requests Memory Size</th><td> <%= humanize.filesize(@model.get "request_bytes") %></td></tr>
+      <tr><th>Responses</th><td> <%= @model.get "responses" %></td></tr>
+      <tr><th>Responses Memory Size</th><td> <%= humanize.filesize(@model.get "response_bytes") %></td></tr>
+      <tr><th>Server Connections</th><td> <%= @model.get "server_connections" %></td></tr>
+      <tr><th>Server EOF</th><td> <%= @model.get "server_eof" %></td></tr>
+      <tr><th>Server Error</th><td> <%= @model.get "server_err" %></td></tr>
+      <tr><th>Server Timedout</th><td> <%= @model.get "server_timedout" %></td></tr>
+    </table>
+  </div>
+
+  <div class="span6">
+    <h4>Node Stats</h3>
+    <table class="table table-striped table-bordered">
+      <tr><th>Hits</th><td> <%= humanize.numberFormat @model.get("info").hits, 0 %></td></tr>
+      <tr><th>Misses</th><td> <%= humanize.numberFormat @model.get("info").misses, 0 %></td></tr>
+      <tr><th>Hit Ratio</th><td> <%= humanize.numberFormat @model.get("info").hit_ratio, 2 %></td></tr>
+      <tr><th>Max Memory</th><td> <%= humanize.filesize @model.get("info").max_memory %></td></tr>
+      <tr><th>Used Memory</th><td> <%= humanize.filesize @model.get("info").used_memory %></td></tr>
+      <tr><th>Used Memory RSS</th><td> <%= humanize.filesize @model.get("info").used_memory_rss %></td></tr>
+      <tr><th>Connections</th><td> <%= @model.get("info").connections %></td></tr>
+      <tr><th>Keys</th><td> <%= humanize.numberFormat @model.get("info").keys , 0%></td></tr>
+      <tr><th>Evicted Keys</th><td> <%= humanize.numberFormat @model.get("info").evicted_keys, 0 %></td></tr>
+      <tr><th>Expired Keys</th><td> <%= humanize.numberFormat @model.get("info").expired_keys, 0 %></td></tr>
+      <tr><th>Fragmentation</th><td> <%= humanize.numberFormat @model.get("info").fragmentation, 2 %></td></tr>
+      <tr><th>&nbsp;</th><td> &nbsp;</td></tr>
+    </table>
+  </div>
+
+</div>
+
+

data/assets/templates/overview.jst.eco

@@ -0,0 +1,32 @@
+<h3> Overview </h3>
+<br/>
+<table class="table table-striped table-bordered">
+  <tbody>
+    <tr><th>Hostname</th><td><%=@model.get("source")%></td></tr>
+    <tr><th>Service</th><td>Nutcracker Ver. <%=@model.get("version")%></td></tr>
+    <tr><th>Uptime</th><td><%=humanize.relativeTime(((new Date())-@model.get("uptime")*1000)/1000)%></td></tr>
+    <tr><th>Server Connections</th><td><%=@model.get("serverConnections")%></td></tr>
+    <tr><th>Client Connections</th><td><%=@model.get("clientConnections")%></td></tr>
+
+    <tr>
+      <th>Total Clusters</th>
+      <td>
+        <% for cluster in @model.get("clusters").models: %>
+          <a href="<%=cluster.get("routeURL")%>"><%=cluster.get("name")%></a><br/>
+        <%end%>
+      </td>
+    </tr>
+
+    <tr>
+      <th>Total Nodes</th>
+      <td>
+        <% for node in @model.nodes().models: %>
+          <a href="<%=node.get('routeURL')%>"><%=node.get('hostname')%></a><br/>
+        <%end%>
+      </td>
+    </tr>
+    
+
+  </tbody>
+</table>
+

data/lib/nutcracker/web/app.rb

@@ -0,0 +1,51 @@
+require 'haml'
+require 'sinatra'
+require 'eco'
+require 'sprockets'
+require 'json'
+
+module Nutcracker
+  module Web
+    class App < Sinatra::Base
+      enable :inline_templates
+      set :root, File.expand_path('../'*4,__FILE__)
+      set :assets, Sprockets::Environment.new { |env|
+        %w(javascripts stylesheets templates).each { |asset|
+          env.append_path File.join(settings.root,"assets/#{asset}")
+        }
+      }
+
+      get '/' do
+        haml :index
+      end
+      
+      def overview
+        Thread.current[:nutcracker].overview rescue
+         JSON.parse File.read File.join(settings.root,"example.json")
+      end
+
+    end
+  end
+end
+
+__END__
+
+@@ layout
+%html
+  %head
+    %title Nutcracker-Web
+    %script(type='text/javascript' src='http://www.google.com/jsapi')
+    %script(type='text/javascript' src='assets/application.js')
+    %link(rel='stylesheet' href='assets/application.css')
+    %link(rel="shortcut icon" href="http://publishers.kontera.com/favicon.ico")
+  %body
+    = yield
+
+@@ index
+#navbar
+.container
+  #container{ "data-clusters" => overview.to_json }
+    loading...
+#footer
+- 3.times do
+  %br

data/lib/nutcracker/web/version.rb

@@ -0,0 +1,5 @@
+module Nutcracker
+  module Web
+    VERSION="0.0.1"
+  end
+end

data/lib/nutcracker/web.rb

@@ -0,0 +1,29 @@
+require "rack"
+
+module Nutcracker
+  module Web
+    def self.start nutcracker, options
+      @thread = Thread.new do
+        Thread.current.abort_on_exception=true
+        Thread.current[:nutcracker] = nutcracker
+        Rack::Server.start(
+          {
+            :environment => 'development',
+            :pid => nil,
+            :Port => 9393,
+            :Host => '0.0.0.0',
+            :AccessLog => [],
+            :config => File.expand_path("../../../config.ru", __FILE__)
+          }.merge( options )
+        )
+      end
+      self
+    end
+    
+    def self.stop
+      @thread.kill
+    end
+
+    autoload :App, 'nutcracker/web/app'
+  end
+end

metadata

@@ -0,0 +1,122 @@
+--- !ruby/object:Gem::Specification
+name: nutcracker-web
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Eran Barak Levi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-07-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 5.0.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 5.0.0
+- !ruby/object:Gem::Dependency
+  name: mocha
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.14.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.14.0
+- !ruby/object:Gem::Dependency
+  name: nutcracker
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.2.4.5
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.2.4.5
+description: Web interface for Nutcracker cluster
+email: eran@kontera.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- Rakefile
+- Gemfile
+- Gemfile.lock
+- lib/nutcracker/web/app.rb
+- lib/nutcracker/web/version.rb
+- lib/nutcracker/web.rb
+- assets/javascripts/application.js
+- assets/javascripts/collections/clusters.js.coffee
+- assets/javascripts/collections/nodes.js.coffee
+- assets/javascripts/models/cluster.js.coffee
+- assets/javascripts/models/node.js.coffee
+- assets/javascripts/models/overview.js.coffee
+- assets/javascripts/nutcracker.js.coffee
+- assets/javascripts/routers/nutcracker_router.js.coffee
+- assets/javascripts/utils/region_manager.js.coffee
+- assets/javascripts/utils/underscore_ext.js.coffee
+- assets/javascripts/vendor/backbone.js
+- assets/javascripts/vendor/bootstrap.js
+- assets/javascripts/vendor/google_chart.js.coffee
+- assets/javascripts/vendor/humanize.js
+- assets/javascripts/vendor/jquery.js
+- assets/javascripts/vendor/underscore.js
+- assets/javascripts/views/cluster.js.coffee
+- assets/javascripts/views/config.js.coffee
+- assets/javascripts/views/footer.js.coffee
+- assets/javascripts/views/navbar.js.coffee
+- assets/javascripts/views/node.js.coffee
+- assets/javascripts/views/overview.js.coffee
+- assets/stylesheets/application.css
+- assets/stylesheets/bootstrap-responsive.css
+- assets/stylesheets/bootstrap.css
+- assets/templates/cluster.jst.eco
+- assets/templates/config.jst.eco
+- assets/templates/footer.jst.eco
+- assets/templates/navbar.jst.eco
+- assets/templates/node.jst.eco
+- assets/templates/overview.jst.eco
+homepage: http://www.kontera.com
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: 1.9.1
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: ruby-nutcracker-web
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: Nutcracker Web Interface
+test_files: []