Update GitHub status widget

Gemfile

@@ -4,3 +4,4 @@ gem 'dashing', "1.3.2"
 gem 'nokogiri'
 gem 'execjs'
 gem 'therubyracer'
+gem 'httparty'

Gemfile.lock

@@ -22,9 +22,14 @@ GEM
     eventmachine (1.0.3)
     execjs (2.0.2)
     hike (1.2.3)
+    httparty (0.13.0)
+      json (~> 1.8)
+      multi_xml (>= 0.5.2)
+    json (1.8.1)
     libv8 (3.16.14.3)
     mini_portile (0.5.2)
     multi_json (1.8.4)
+    multi_xml (0.5.5)
     nokogiri (1.6.1)
       mini_portile (~> 0.5.0)
     rack (1.5.2)
@@ -72,5 +77,6 @@ PLATFORMS
 DEPENDENCIES
   dashing (= 1.3.2)
   execjs
+  httparty
   nokogiri
   therubyracer

dashboards/edx.erb

@@ -21,7 +21,7 @@ Dashing.numColumns = 12
       <div data-id="mathworks_status" data-view="Status"></div>
     </li>
     <li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
-      <div data-id="github_status" data-title="GitHub Status" data-view="Status"></div>
+      <div data-id="github_status" data-view="GithubStatus" data-title="GitHub Status"></div>
     </li>
     <li data-row="1" data-col="9" data-sizex="4" data-sizey="5">
       <div data-id="jenkins_deploy_status" data-view="Jenkins" data-title="Deploy Tests"></div>

jobs/github_status.rb

@@ -0,0 +1,7 @@
+require 'httparty'
+
+github_api = 'https://status.github.com/api/last-message.json'
+
+SCHEDULER.every '1m', :first_in => 0 do
+  send_event('github_status', HTTParty.get(github_api).parsed_response)
+end

widgets/github_status/README.md

@@ -0,0 +1 @@
+Adapted from https://gist.github.com/dacamp/7166065

widgets/github_status/github_status.coffee

@@ -0,0 +1,9 @@
+class Dashing.GithubStatus extends Dashing.Widget
+ ready: ->
+   @onData(this)
+
+ onData: (data) ->
+   widget = $(@node)
+   widget.removeClass("good minor major").addClass(data.status)
+   widget.find('#github-logo').removeClass("good minor major").addClass(data.status)
+   widget.find('#message').removeClass("good minor major").addClass(data.status)

widgets/github_status/github_status.html

@@ -0,0 +1,5 @@
+<div id="latest-message" class="wrap">
+  <p id="message" data-bind="body"></span>
+</div>
+<div id="github-logo"></div>
+<p class="updated-at" data-bind="updatedAtMessage"></p>

widgets/github_status/github_status.scss

@@ -0,0 +1,52 @@
+// ----------------------------------------------------------------------------
+// Widget-github-status styles
+// ----------------------------------------------------------------------------
+.widget-github-status {
+    background: #2A455C url("/assets/github/invertocat.png") no-repeat center;
+    position: relative;
+    overflow: hidden;
+    &.good {color:#396;}
+    &.minor {color:#f29d50;}
+    &.major {color:#c30;}
+
+    div {
+    position: absolute;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    }
+
+    #latest-message{
+    top: 5px;
+    margin: 0 5px;
+    #message {
+        &.good {
+        }
+        &.minor {
+        background:#fdf5ed;
+        border-radius:3px;
+        border:1px solid #ccc;
+        border-color:#f8cea7;
+        }
+        &.major {
+        background:#f9eae5;
+        border-radius:3px;
+        border:1px solid #ccc;
+        border-color:#e5997f;
+        }
+    }
+    }
+
+    #github-logo{
+    bottom: 30px;
+    height: 100px;
+    width: 200px;
+    &.good { background: url("/assets/github/logo-good.png") no-repeat center bottom; }
+    &.minor { background: url("/assets/github/logo-minor.png") no-repeat center bottom; }
+    &.major { background: url("/assets/github/logo-major.png") no-repeat center bottom; }
+    }
+
+    .updated-at {
+    color: rgba(255, 255, 255, 0.7);
+    }
+}