health_status 0.0.1

data/public/js/main.js

@@ -0,0 +1,245 @@
+$(function () {
+  $("div[rel='tooltip']").tooltip();
+
+  $("#timezones").on('shown', function() {
+    var modal_scrollpos = $("#timezones li.active:first").position().top - 250;
+    $("#timezones .modal-body").scrollTop(modal_scrollpos);
+  });
+
+  $("#timezones").on('hide', function() {
+    $("#timezones .modal-body").scrollTop(0);
+  });
+
+  $.cookie("timezone", $("#timezones li.active").data("timezone"));
+
+  $("#timezones li").click(function () {
+    $.cookie("timezone", $(this).data("timezone"));
+  });
+
+  $("div.service-accordion").on('show', function(event) {
+    if ($(event.target).hasClass('service-accordion')) {
+      $(this).find("div.application-row").each(function (i, e) {
+        $(e).addClass("shown-row");
+        update_row(i, e);
+      });
+      $(this).find("div.application-accordion.in").find("div.metric-row").each(function (i, e) {
+        $(e).addClass("shown-row");
+        update_row(i, e);
+      });
+    }
+  });
+
+  $("div.application-accordion").on('show', function(event) {
+    if ($(event.target).hasClass('application-accordion')) {
+      $(this).find("div.metric-row").each(function (i, e) {
+        $(e).addClass("shown-row");
+        update_row(i, e);
+      });
+    }
+  });
+
+  $("div.service-accordion").on('hidden', function(event) {
+    if ($(event.target).hasClass('service-accordion')) {
+      $(this).find("div.application-row").each(function () {
+        $(this).removeClass("shown-row");
+      });
+      $(this).find("div.application-accordion.in").find("div.metric-row").each(function () {
+        $(this).removeClass("shown-row");
+      });
+    }
+  });
+
+  $("div.application-accordion").on('hidden', function(event) {
+    if ($(event.target).hasClass('application-accordion')) {
+      $(this).find("div.metric-row").each(function () {
+        $(this).removeClass("shown-row");
+      });
+    }
+  });
+
+  $("#refresh").click(refresh_rows);
+
+  refresh_rows();
+
+  setInterval(refresh_rows, 60000);
+
+  function refresh_rows () {
+    var url = "/api/v2/";
+    $.getJSON(url, function(json) {
+      var get_ids = [];
+      for (var i = 0; i < json.length; i++) {
+        var service = json[i];
+        append_service($("#main-container"), service, "/api/v2", get_ids);
+      }
+
+      var old_ids = $("#main-container").data("ids");
+      if (old_ids) {
+        for (var i = 0; i < old_ids.length; i++) {
+          if (get_ids.indexOf(old_ids[i]) == -1) {
+            $(old_ids[i]).remove();
+            $(old_ids[i]+"-accordion").remove();
+          }
+        }
+      }
+
+      $("#main-container").data("ids", get_ids);
+      force_update_visible();
+    });
+  }
+
+  function append_service (main, service, url, get_ids) {
+    var service_row = $("#service-"+service.id);
+    get_ids.push("#service-"+service.id);
+    if (service_row.length == 0) {
+      service_row = $("#service-ID").clone().attr("id", "service-"+service.id).removeClass("hide");
+      service_row.data("url", url + "/" + encodeURIComponent(service.name));
+      service_row.find("div.alert").data("title", service.name).tooltip();
+      service_row.find("a.accordion-toggle").data("parent", "#service-"+service.id);
+      service_row.find("a.accordion-toggle").attr("href", "#service-"+service.id+"-accordion");
+      service_row.find("a.accordion-toggle strong").text(service.name);
+      main.append(service_row);
+    }
+    append_applications_accordion(main, service, service_row.data("url"), get_ids);
+  }
+
+  function append_applications_accordion (main, service, url, get_ids) {
+    var app_accordion = $("#service-"+service.id+"-accordion");
+    if (app_accordion.length == 0) {
+      app_accordion = $("#service-ID-accordion").clone(true).attr("id", "service-"+service.id+"-accordion").removeClass("hide");
+      main.append(app_accordion);
+    }
+    for (var i = 0; i < service.applications.length; i++) {
+      append_application(app_accordion, service.applications[i], url, get_ids);
+    }
+  }
+
+  function append_application (app_accordion, application, url, get_ids) {
+    var app_row = $("#application-"+application.id);
+    get_ids.push("#application-"+application.id);
+    if (app_row.length == 0) {
+      app_row = $("#application-ID").clone().attr("id", "application-"+application.id).removeClass("hide");
+      app_row.data("url", url + "/" + encodeURIComponent(application.name));
+      app_row.find("div.alert").data("title", application.name).tooltip();
+      app_row.find("a.accordion-toggle").data("parent", "#application-"+application.id);
+      app_row.find("a.accordion-toggle").attr("href", "#application-"+application.id+"-accordion");
+      app_row.find("a.accordion-toggle strong").text(application.name);
+      app_accordion.append(app_row);
+      if (app_accordion.hasClass("in")) {
+        app_row.addClass("shown-row");
+      }
+    }
+    append_metrics_accordion(app_accordion, application, app_row.data("url"), get_ids);
+  }
+
+  function append_metrics_accordion (app_accordion, application, url, get_ids) {
+    var metric_accordion = $("#application-"+application.id+"-accordion");
+    if (metric_accordion.length == 0) {
+      metric_accordion = $("#application-ID-accordion").clone(true).attr("id", "application-"+application.id+"-accordion").removeClass("hide");
+      app_accordion.append(metric_accordion);
+    }
+    for (var i = 0; i < application.metrics.length; i++) {
+      append_metric(metric_accordion, application.metrics[i], url, get_ids);
+    }
+  }
+
+  function append_metric (metric_accordion, metric, url, get_ids) {
+    var metric_row = $("#metric-"+metric.id);
+    get_ids.push("#metric-"+metric.id);
+    if (metric_row.length == 0) {
+      metric_row = $("#metric-ID").clone().attr("id", "metric-"+metric.id).removeClass("hide");
+      metric_row.data("url", url + "/" + encodeURIComponent(metric.name));
+      metric_row.find("div.alert").data("title", metric.name).tooltip();
+      metric_row.find("div.alert").text(metric.name);
+      metric_accordion.append(metric_row);
+      if (metric_accordion.hasClass("in")) {
+        metric_row.addClass("shown-row");
+      }
+    }
+  }
+
+  function force_update_visible () {
+console.log("force_update_visible");
+    $("div.container div.shown-row").each(force_update_row);
+  }
+  function update_visible () {
+console.log("update_visible");
+    $("div.container div.shown-row").each(update_row);
+  }
+
+  function force_update_row (index, element) {
+    $(element).data("refresh_time", 0);
+    update_row(index, element);
+  }
+
+  function update_row (index, element) {
+    var row = $(element);
+    var refresh_time = row.data("refresh_time") === undefined ? 0 : row.data("refresh_time");
+    var now = Math.round(+new Date()/1000);
+    if (refresh_time < now - 60) {
+      row.data("refresh_time", now);
+console.log("update " + row.attr("id") + " time: " + row.data("refresh_time"));
+      var url   = row.data("url") + "?timezone=" + encodeURIComponent($.cookie("timezone"));
+      var title = row.find(".alert");
+      var hours = row.find(".status-hourly span");
+      var days  = row.find(".status-daily span");
+      $.getJSON(url, function(json) {
+        title.each(function (){
+          $(this).removeClass("alert-success alert-error alert-info").addClass(titleClass(json.current_status));
+        });
+
+        for (var i = 0; i < 25; i++) {
+          var data = json.hourly_status[24-i];
+          var span = $(hours.get(i));
+          span.text(parse_hour(data.datetime));
+          span.removeClass("label-success label-warning label-important").addClass(labelClass(data.status));
+        }
+
+        for (var i = 0; i < 8; i++) {
+          var data = json.daily_status[7-i];
+          var span = $(days.get(i));
+          span.text(parse_date(data.datetime));
+          span.removeClass("label-success label-warning label-important").addClass(labelClass(data.status));
+        }
+      });
+    } else {
+console.log("skip update " + row.attr("id") + " time: " + refresh_time + " now: " + now);
+    }
+  }
+
+  function titleClass (status) {
+    switch (status) {
+      case 1:
+        return "alert-success"; break;
+      case 2:
+        return ""; break;
+      case 3:
+        return "alert-error"; break;
+      default:
+        return "alert-info"; break;
+    }
+  }
+
+  function labelClass (status) {
+    switch (status) {
+      case 1:
+        return "label-success"; break;
+      case 2:
+        return "label-warning"; break;
+      case 3:
+        return "label-important"; break;
+      default:
+        return ""; break;
+    }
+  }
+
+  function parse_hour (datetime) {
+    var m = datetime.match(/^\d{4}-\d{2}-\d{2}T(\d{2}):\d{2}:\d{2}/);
+    return m[1];
+  }
+
+  function parse_date (datetime) {
+    var m = datetime.match(/^\d{4}-(\d{2})-(\d{2})T\d{2}:\d{2}:\d{2}/);
+    return m[1] + "/" + m[2];
+  }
+
+});

data/views/index.erb

@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>HealthStatus</title>
+    <!-- Le styles -->
+    <link href="css/bootstrap.css" rel="stylesheet">
+    <link href="css/main.css" rel="stylesheet">
+
+    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+  </head>
+
+  <body>
+
+    <div class="navbar navbar-fixed-top">
+      <div class="navbar-inner">
+        <div class="brand muted"><a href="/">HealthStatus</a></div>
+        <ul class="nav">
+          <li><button id="refresh" class="btn btn-link"><i class="icon-refresh"></i>Refresh</button></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li class="active"><a href="#timezones" data-toggle="modal"><%= @timezone %></a></li>
+        </ul>
+      </div>
+    </div>
+
+    <div id="main-container" class="container">
+    </div> <!-- /container -->
+
+    <div>
+      <div class="row service-row shown-row hide" id="service-ID">
+        <div class="span2 status-title">
+          <div class="alert alert-info" rel="tooltip" data-placement="right">
+            <a class="accordion-toggle alert alert-info" data-toggle="collapse" data-parent="#service-ID" href="#service-ID-accordion">
+              <strong></strong>
+            </a>
+          </div>
+        </div>
+        <div class="span6 status-hourly">
+          <% 25.times { %>
+          <span class="label">00</span>
+          <% } %>
+        </div>
+        <div class="span4 status-daily">
+          <% 8.times { %>
+          <span class="label">00/00</span>
+          <% } %>
+        </div>
+      </div>
+
+      <div class="service-accordion accordion-body collapse hide" id="service-ID-accordion"></div>
+      <div class="row application-row hide" id="application-ID">
+        <div class="span2 status-title">
+          <div class="alert alert-info" style="margin-left:10px" rel="tooltip" data-placement="right">
+            <a class="accordion-toggle alert alert-info" data-toggle="collapse" data-parent="#application-ID" href="#application-ID-accordion">
+              <strong></strong>
+            </a>
+          </div>
+        </div>
+        <div class="span6 status-hourly">
+          <% 25.times { %>
+          <span class="label">00</span>
+          <% } %>
+        </div>
+        <div class="span4 status-daily">
+          <% 8.times { %>
+          <span class="label">00/00</span>
+          <% } %>
+        </div>
+      </div>
+
+      <div class="application-accordion accordion-body collapse hide" id="application-ID-accordion"></div>
+      <div class="row metric-row hide" id="metric-ID">
+        <div class="span2 status-title">
+          <div class="alert alert-info" style="margin-left:20px" rel="tooltip" data-placement="right">
+          </div>
+        </div>
+        <div class="span6 status-hourly">
+          <% 25.times { %>
+          <span class="label">00</span>
+          <% } %>
+        </div>
+        <div class="span4 status-daily">
+          <% 8.times { %>
+          <span class="label">00/00</span>
+          <% } %>
+        </div>
+      </div>
+    </div>
+
+    <div id="timezones" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="aaa" aria-hiden="true">
+      <div class="modal-header">
+        Choose Time Zone
+      </div>
+      <div class="modal-body">
+        <ul class="nav nav-pills nav-stacked">
+          <% @zones.each { |k, v| %>
+          <li <%= 'class="active"' if v["string"] == @timezone %> data-timezone="<%= v["string"] %>">
+            <a href="/?timezone=<%= v["encode"] %>"><%= k %></a>
+          </li>
+          <% } %>
+        </ul>
+      </div>
+      <div class="modal-footer">
+
+      </div>
+    </div>
+
+    <!-- Le javascript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <script src="js/jquery.js"></script>
+    <script src="js/jquery.cookie.js"></script>
+    <script src="js/bootstrap.js"></script>
+    <script src="js/main.js"></script>
+
+  </body>
+</html>
+
+

metadata

@@ -0,0 +1,217 @@
+--- !ruby/object:Gem::Specification
+name: health_status
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Ryosuke IWANAGA
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-07-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sinatra-contrib
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: activerecord
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sinatra-activerecord
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: vegas
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: tapp
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Health status API server
+email:
+- riywo.jp@gmail.com
+executables:
+- health_status_server
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/health_status_server
+- db/migrate/20121130030246_health_status_migration.rb
+- db/migrate/20121204050629_remove_datetime.rb
+- db/migrate/20121204171946_add_service_metric.rb
+- health_status.gemspec
+- lib/health_status.rb
+- lib/health_status/app.rb
+- lib/health_status/model.rb
+- lib/health_status/version.rb
+- lib/health_status/web.rb
+- public/css/bootstrap.css
+- public/css/bootstrap.min.css
+- public/css/main.css
+- public/img/glyphicons-halflings-white.png
+- public/img/glyphicons-halflings.png
+- public/js/bootstrap.js
+- public/js/bootstrap.min.js
+- public/js/jquery.cookie.js
+- public/js/jquery.js
+- public/js/main.js
+- views/index.erb
+homepage: https://github.com/riywo/health_status
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: API server to store and visualize applications' health status
+test_files: []