dashing-rails 1.0.0

data/app/assets/javascripts/dashing/application.js

@@ -0,0 +1,27 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery.gridster
+//= require jquery.knob
+//= require jquery.leanModal.min
+//= require jquery.timeago
+//= require moment.min
+//= require rickshaw.min
+//= require batman
+//= require batman.jquery
+//= require d3.v2.min
+//= require es5-shim
+//= require_tree .
+//= require dashing.gridster
+//= require default_widgets
+//= require widgets

data/app/assets/javascripts/dashing/dashing-src.coffee

@@ -0,0 +1,110 @@
+Batman.config.pathPrefix = "/"
+Batman.config.viewPrefix = "/dashing/widgets/"
+
+Batman.Filters.prettyNumber = (num) ->
+  num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") unless isNaN(num)
+
+Batman.Filters.dashize = (str) ->
+  dashes_rx1 = /([A-Z]+)([A-Z][a-z])/g;
+  dashes_rx2 = /([a-z\d])([A-Z])/g;
+
+  return str.replace(dashes_rx1, '$1_$2').replace(dashes_rx2, '$1_$2').replace('_', '-').toLowerCase()
+
+Batman.Filters.shortenedNumber = (num) ->
+  return num if isNaN(num)
+  if num >= 1000000000
+    (num / 1000000000).toFixed(1) + 'B'
+  else if num >= 1000000
+    (num / 1000000).toFixed(1) + 'M'
+  else if num >= 1000
+    (num / 1000).toFixed(1) + 'K'
+  else
+    num
+
+class window.Dashing extends Batman.App
+  @root ->
+Dashing.params = Batman.URI.paramsFromQuery(window.location.search.slice(1));
+
+class Dashing.Widget extends Batman.View
+  constructor:  ->
+    # Set the view path
+    @constructor::source = Batman.Filters.underscore(@constructor.name)
+    super
+
+    @mixin($(@node).data())
+    Dashing.widgets[@id] ||= []
+    Dashing.widgets[@id].push(@)
+    @mixin(Dashing.lastEvents[@id]) # in case the events from the server came before the widget was rendered
+
+    type = Batman.Filters.dashize(@view)
+    $(@node).addClass("widget widget-#{type} #{@id}")
+
+  @accessor 'updatedAtMessage', ->
+    if updatedAt = @get('updatedAt')
+      timestamp = new Date(updatedAt * 1000)
+      hours = timestamp.getHours()
+      minutes = ("0" + timestamp.getMinutes()).slice(-2)
+      "Last updated at #{hours}:#{minutes}"
+
+  @::on 'ready', ->
+    Dashing.Widget.fire 'ready'
+
+  receiveData: (data) =>
+    @mixin(data)
+    @onData(data)
+
+  onData: (data) =>
+    # Widgets override this to handle incoming data
+
+Dashing.AnimatedValue =
+  get: Batman.Property.defaultAccessor.get
+  set: (k, to) ->
+    if !to? || isNaN(to)
+      @[k] = to
+    else
+      timer = "interval_#{k}"
+      num = if (!isNaN(@[k]) && @[k]?) then @[k] else 0
+      unless @[timer] || num == to
+        to = parseFloat(to)
+        num = parseFloat(num)
+        up = to > num
+        num_interval = Math.abs(num - to) / 90
+        @[timer] =
+          setInterval =>
+            num = if up then Math.ceil(num+num_interval) else Math.floor(num-num_interval)
+            if (up && num > to) || (!up && num < to)
+              num = to
+              clearInterval(@[timer])
+              @[timer] = null
+              delete @[timer]
+            @[k] = num
+            @set k, to
+          , 10
+      @[k] = num
+
+Dashing.widgets = widgets = {}
+Dashing.lastEvents = lastEvents = {}
+Dashing.debugMode = false
+
+source = new EventSource('/dashing/events')
+source.addEventListener 'open', (e) ->
+  console.log("Connection opened")
+
+source.addEventListener 'error', (e)->
+  console.log("Connection error")
+  if (e.readyState == EventSource.CLOSED)
+    console.log("Connection closed")
+
+source.addEventListener 'message', (e) =>
+  data = JSON.parse(e.data)
+  if lastEvents[data.id]?.updatedAt != data.updatedAt
+    if Dashing.debugMode
+      console.log("Received data for #{data.id}", data)
+    lastEvents[data.id] = data
+    if widgets[data.id]?.length > 0
+      for widget in widgets[data.id]
+        widget.receiveData(data)
+
+
+$(document).ready ->
+  Dashing.run()

data/app/assets/javascripts/dashing/dashing.coffee

@@ -0,0 +1,18 @@
+console.log("Yeah! The dashboard has started!")
+
+Dashing.on 'ready', ->
+  Dashing.widget_margins ||= [5, 5]
+  Dashing.widget_base_dimensions ||= [300, 360]
+  Dashing.numColumns ||= 4
+
+  contentWidth = (Dashing.widget_base_dimensions[0] + Dashing.widget_margins[0] * 2) * Dashing.numColumns
+
+  Batman.setImmediate ->
+    $('.gridster').width(contentWidth)
+    $('.gridster ul:first').gridster
+      widget_margins: Dashing.widget_margins
+      widget_base_dimensions: Dashing.widget_base_dimensions
+      avoid_overlapped_widgets: !Dashing.customGridsterLayout
+      draggable:
+        stop: Dashing.showGridsterInstructions
+        start: -> Dashing.currentWidgetPositions = Dashing.getWidgetPositions()

data/app/assets/stylesheets/dashing/application.css

@@ -0,0 +1,17 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require font-awesome
+ *= require jquery.gridster
+ *= require default_widgets
+ *= require widgets
+ *= require_self
+ *= require_tree .
+ */

data/app/assets/stylesheets/dashing/dashing.scss

@@ -0,0 +1,250 @@
+// ----------------------------------------------------------------------------
+// Sass declarations
+// ----------------------------------------------------------------------------
+$background-color: #222;
+$text-color: #fff;
+
+$background-warning-color-1: #e82711;
+$background-warning-color-2: #9b2d23;
+$text-warning-color: #fff;
+
+$background-danger-color-1: #eeae32;
+$background-danger-color-2: #ff9618;
+$text-danger-color: #fff;
+
+@-webkit-keyframes status-warning-background {
+  0%   { background-color: $background-warning-color-1; }
+  50%  { background-color: $background-warning-color-2; }
+  100% { background-color: $background-warning-color-1; }
+}
+@-webkit-keyframes status-danger-background {
+  0%   { background-color: $background-danger-color-1; }
+  50%  { background-color: $background-danger-color-2; }
+  100% { background-color: $background-danger-color-1; }
+}
+@mixin animation($animation-name, $duration, $function, $animation-iteration-count:""){
+  -webkit-animation:  $animation-name $duration $function #{$animation-iteration-count};
+  -moz-animation:     $animation-name $duration $function #{$animation-iteration-count};
+  -ms-animation:      $animation-name $duration $function #{$animation-iteration-count};
+}
+
+// ----------------------------------------------------------------------------
+// Base styles
+// ----------------------------------------------------------------------------
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  background-color: $background-color;
+  font-size: 20px;
+  color: $text-color;
+  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+b, strong {
+  font-weight: bold;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+  vertical-align: middle;
+}
+
+img, object {
+  max-width: 100%;
+}
+
+iframe {
+  max-width: 100%;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+}
+
+td {
+  vertical-align: middle;
+}
+
+ul, ol {
+  padding: 0;
+  margin: 0;
+}
+
+h1, h2, h3, h4, h5, p {
+  padding: 0;
+  margin: 0;
+}
+h1 {
+  margin-bottom: 12px;
+  text-align: center;
+  font-size: 30px;
+  font-weight: 400;
+}
+h2 {
+  text-transform: uppercase;
+  font-size: 76px;
+  font-weight: 700;
+  color: $text-color;
+}
+h3 {
+  font-size: 25px;
+  font-weight: 600;
+  color: $text-color;
+}
+
+// ----------------------------------------------------------------------------
+// Base widget styles
+// ----------------------------------------------------------------------------
+.gridster {
+  margin: 0px auto;
+}
+
+.icon-background {
+  width: 100%!important;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  opacity: 0.1;
+  font-size: 275px;
+}
+
+.list-nostyle {
+  list-style: none;
+}
+
+.gridster ul {
+  list-style: none;
+}
+
+.gs_w {
+  width: 100%;
+  display: table;
+  cursor: pointer;
+}
+
+.widget {
+  padding: 25px 12px;
+  text-align: center;
+  width: 100%;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.widget.status-warning {
+  background-color: $background-warning-color-1;
+  @include animation(status-warning-background, 2s, ease, infinite);
+
+  .icon-warning-sign {
+    display: inline-block;
+  }
+
+  .title, .more-info {
+    color: $text-warning-color;
+  }
+}
+
+.widget.status-danger {
+  color: $text-danger-color;
+  background-color: $background-danger-color-1;
+  @include animation(status-danger-background, 2s, ease, infinite);
+
+  .icon-warning-sign {
+    display: inline-block;
+  }
+
+  .title, .more-info {
+    color: $text-danger-color;
+  }
+}
+
+.more-info {
+  font-size: 15px;
+  position: absolute;
+  bottom: 32px;
+  left: 0;
+  right: 0;
+}
+
+.updated-at {
+  font-size: 15px;
+  position: absolute;
+  bottom: 12px;
+  left: 0;
+  right: 0;
+}
+
+#save-gridster {
+  display: none;
+  position: fixed;
+  top: 0;
+  margin: 0px auto;
+  left: 50%;
+  z-index: 1000;
+  background: black;
+  width: 190px;
+  text-align: center;
+  border: 1px solid white;
+  border-top: 0px;
+  margin-left: -95px;
+  padding: 15px;
+}
+
+#save-gridster:hover {
+  padding-top: 25px;
+}
+
+#saving-instructions {
+  display: none;
+  padding: 10px;
+  width: 500px;
+  height: 122px;
+  z-index: 1000;
+  background: white;
+  top: 100px;
+  color: black;
+  font-size: 15px;
+  padding-bottom: 4px;
+
+  textarea {
+    white-space: nowrap;
+    width: 494px;
+    height: 80px;
+  }
+}
+
+#lean_overlay {
+    position: fixed;
+    z-index:100;
+    top: 0px;
+    left: 0px;
+    height:100%;
+    width:100%;
+    background: #000;
+    display: none;
+}
+
+#container {
+  padding-top: 5px;
+}
+
+
+// ----------------------------------------------------------------------------
+// Clearfix
+// ----------------------------------------------------------------------------
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
+.clearfix:after { clear: both; }
+.clearfix { zoom: 1; }

data/app/controllers/dashing/application_controller.rb

@@ -0,0 +1,15 @@
+module Dashing
+  class ApplicationController < ActionController::Base
+
+    private
+
+    def check_accessibility
+      auth_token = params.delete(:auth_token)
+      if !Dashing.config.auth_token || auth_token == Dashing.config.auth_token
+        true
+      else
+        render nothing: true, status: 401 and return
+      end
+    end
+  end
+end

data/app/controllers/dashing/dashboards_controller.rb

@@ -0,0 +1,31 @@
+module Dashing
+  class DashboardsController < ApplicationController
+
+    before_filter :check_dashboard_name, only: :show
+
+    rescue_from ActionView::MissingTemplate, with: :template_not_found
+
+    def index
+      render file: dashboard_path(Dashing.config.default_dashboard || Dashing.first_dashboard || ''), layout: Dashing.config.dashboard_layout
+    end
+
+    def show
+      render file: dashboard_path(params[:name]), layout: Dashing.config.dashboard_layout
+    end
+
+    private
+
+    def check_dashboard_name
+      raise 'bad dashboard name' unless params[:name] =~ /\A[a-zA-z0-9_\-]+\z/
+    end
+
+    def dashboard_path(name)
+      Rails.root.join(Dashing.config.dashboards_path, name)
+    end
+
+    def template_not_found
+      raise "Count not find template for dashboard '#{params[:name]}'. Define your dashboard in #{dashboard_path('')}"
+    end
+
+  end
+end