dashing-hotness 1.0.0

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/CHANGELOG.md

@@ -0,0 +1,3 @@
+## 1.0.0
+
+* First stable version

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in dashing-hotness.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Pierre-Louis Gottfrois
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,71 @@
+# Dashing::Hotness
+
+[Dashing-Rails](https://github.com/gottfrois/dashing-rails) widget that changes the widget's color depending on the value displayed.
+
+<img src="http://dashboarddude.com/images/posts/dashing-hotness-widget/cool.png" width="200">
+
+## Installation
+
+Add this line to your [Dashing-Rails](https://github.com/gottfrois/dashing-rails) application's Gemfile:
+
+    gem 'dashing-hotness'
+
+And then execute:
+
+    $ bundle
+
+## Getting Started
+
+Follow the following steps in order to make it work on your dashing-rails project:
+
+1. Add the following line to your `app/assets/javascripts/dashing/widgets/index.js` file:
+
+        //= require hotness
+
+2. Add the following line to your `app/assets/stylesheets/dashing/widgets/index.css` file:
+
+        *= require hotness
+
+3. Add the following html to your dashboard:
+
+        <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+            <div data-id="your_id" data-view="Hotness" data-title="Hotness Widget Title" data-cool="0" data-warm="100"></div>
+        </li>
+
+*Note: the paths to index files may have changed depending on your Dashing-Rails configuration.*
+
+### Fields
+
+#### Required
+
+* `data-id`: Like all widgets, you must include an identifier so that your jobs can update the value.
+* `data-cool`: Anything below this value will show the 'cold' colour. It should be set high enough to include all the 'good' range of value for this metric.
+* `data-warm`: Anything above this value will show the 'hot' colour. It should be set just below the 'bad' range of value for this metric - ie. those that need attention!
+
+##### Not Required
+
+* `data-title`: Optional title to show in the widget box (above the value).
+* `data-prefix`: Optional prefix to the value.
+* `data-suffix`: Optional suffix to the value.
+
+### Colors
+
+The default colour scheme is [Sweet Lolly](http://www.colourlovers.com/palette/56122/Sweet_Lolly) by [nekyo](http://www.colourlovers.com/lover/nekoyo).
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Author
+
+Full credits for this widget should go to [Rowan](http://dashboarddude.com/). Please read his [blog post](http://dashboarddude.com/blog/2013/08/16/dashing-dashboard-widget-challenge-the-hotness/) for more informations about the widget.
+
+## License
+
+The colour schemes and this widget are licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 3.0](http://creativecommons.org/licenses/by-nc-sa/3.0/) license.
+
+<img src="http://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-nc-sa.png" width="100">

data/Rakefile

@@ -0,0 +1 @@
+require 'bundler/gem_tasks'

data/app/views/dashing/hotness/hotness.html

@@ -0,0 +1,3 @@
+<h1 class="title" data-bind="title"></h1>
+<h2 class="value" data-bind="value | shortenedNumber | prepend prefix | append suffix"></h2>
+<p class="updated-at" data-bind="updatedAtMessage"></p>

data/dashing-hotness.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'dashing/hotness/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "dashing-hotness"
+  spec.version       = Dashing::Hotness::VERSION
+  spec.authors       = ["Pierre-Louis Gottfrois"]
+  spec.email         = ["pierrelouis.gottfrois@gmail.com"]
+  spec.description   = %q{Dashing widget that changes the widget's color depending on the value displayed}
+  spec.summary       = %q{Dashing widget that changes the widget's color depending on the value displayed}
+  spec.homepage      = "https://github.com/gottfrois/dashing-hotness"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/lib/dashing/hotness.rb

@@ -0,0 +1,8 @@
+require 'dashing/hotness/version'
+
+module Dashing
+  module Hotness
+  end
+end
+
+require 'dashing/hotness/engine'

data/lib/dashing/hotness/engine.rb

@@ -0,0 +1,11 @@
+module Dashing
+  module Hotness
+    class Engine < ::Rails::Engine
+
+      config.assets.paths.unshift       Dashing::Hotness::Engine.root.join('vendor', 'assets', 'javascripts', 'dashing')
+      config.assets.paths.unshift       Dashing::Hotness::Engine.root.join('vendor', 'assets', 'stylesheets', 'dashing')
+      config.paths['app/views'].unshift Dashing::Hotness::Engine.root.join('app', 'views', 'dashing', 'hotness')
+
+    end
+  end
+end

data/lib/dashing/hotness/version.rb

@@ -0,0 +1,5 @@
+module Dashing
+  module Hotness
+    VERSION = '1.0.0'
+  end
+end

data/vendor/assets/javascripts/dashing/hotness/hotness.coffee

@@ -0,0 +1,23 @@
+class Dashing.Hotness extends Dashing.Widget
+
+  @accessor 'value', Dashing.AnimatedValue
+
+  constructor: ->
+    super
+
+  onData: (data) ->
+    node = $(@node)
+    value = parseInt data.value
+    cool = parseInt node.data "cool"
+    warm = parseInt node.data "warm"
+    level = switch
+      when value <= cool then 0
+      when value >= warm then 4
+      else
+        bucketSize = (warm - cool) / 3 # Total # of colours in middle
+        Math.ceil (value - cool) / bucketSize
+
+    backgroundClass = "hotness#{level}"
+    lastClass = @get "lastClass"
+    node.toggleClass "#{lastClass} #{backgroundClass}"
+    @set "lastClass", backgroundClass

data/vendor/assets/javascripts/dashing/hotness/index.js

@@ -0,0 +1,13 @@
+// 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_tree .

data/vendor/assets/stylesheets/dashing/hotness/hotness.scss

@@ -0,0 +1,52 @@
+// ----------------------------------------------------------------------------
+// Mixins
+// ----------------------------------------------------------------------------
+@mixin transition($transition-property, $transition-time, $method) {
+  -webkit-transition: $transition-property $transition-time $method;
+  -moz-transition: $transition-property $transition-time $method;
+  -o-transition: $transition-property $transition-time $method;
+  transition: $transition-property $transition-time $method;
+}
+
+// ----------------------------------------------------------------------------
+// Sass declarations
+// ----------------------------------------------------------------------------
+$background-color: #000000;
+$value-color: #FFFFFF;
+$title-color: rgba(255, 255, 255, 0.7);
+$updated-at-color: rgba(0, 0, 0, 0.3);
+
+// ----------------------------------------------------------------------------
+// Widget-hotness styles
+// ----------------------------------------------------------------------------
+.widget-hotness {
+
+  background-color: $background-color;
+  @include transition(background-color, 1s, linear);
+
+  .title {
+    color: $title-color;
+  }
+
+  .value {
+    color: $value-color;
+  }
+
+  .updated-at {
+    color: $updated-at-color;
+  }
+
+}
+
+.hotness0 { background-color: #00C176; }
+.hotness1 { background-color: #88C100; }
+.hotness2 { background-color: #FABE28; }
+.hotness3 { background-color: #FF8A00; }
+.hotness4 { background-color: #FF003C; }
+
+// // More colour-blind friendly palette
+// .hotness0 { background-color: #046D8B; }
+// .hotness1 { background-color: #309292; }
+// .hotness2 { background-color: #2FB8AC; }
+// .hotness3 { background-color: #93A42A; }
+// .hotness4 { background-color: #ECBE13; }

data/vendor/assets/stylesheets/dashing/hotness/index.css

@@ -0,0 +1,12 @@
+/*
+ * 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_tree .
+ */

metadata

@@ -0,0 +1,100 @@
+--- !ruby/object:Gem::Specification
+name: dashing-hotness
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+  prerelease: 
+platform: ruby
+authors:
+- Pierre-Louis Gottfrois
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-11-01 00:00:00.000000000 Z
+dependencies:
+- !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: 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: Dashing widget that changes the widget's color depending on the value
+  displayed
+email:
+- pierrelouis.gottfrois@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- CHANGELOG.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/views/dashing/hotness/hotness.html
+- dashing-hotness.gemspec
+- lib/dashing/hotness.rb
+- lib/dashing/hotness/engine.rb
+- lib/dashing/hotness/version.rb
+- vendor/assets/javascripts/dashing/hotness/hotness.coffee
+- vendor/assets/javascripts/dashing/hotness/index.js
+- vendor/assets/stylesheets/dashing/hotness/hotness.scss
+- vendor/assets/stylesheets/dashing/hotness/index.css
+homepage: https://github.com/gottfrois/dashing-hotness
+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'
+      segments:
+      - 0
+      hash: -4308211690312547730
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: -4308211690312547730
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.25
+signing_key: 
+specification_version: 3
+summary: Dashing widget that changes the widget's color depending on the value displayed
+test_files: []