msg 0.1.0

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 YOURNAME
+
+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,9 @@
+= Msg
+
+## Notes. 
+
+* SES account required
+
+* receiver classes must respond to :name, :email and :for_email
+
+* must set devise mailer if using

data/Rakefile

@@ -0,0 +1,35 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Msg'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+Bundler::GemHelper.install_tasks
+Dir[File.join(File.dirname(__FILE__), 'tasks/**/*.rake')].each {|f| load f }
+
+require 'rspec/core'
+require 'rspec/core/rake_task'
+
+desc "Run all specs in spec directory (excluding plugin specs)"
+RSpec::Core::RakeTask.new(:spec => 'app:db:test:prepare')
+
+task :default => :spec

data/app/assets/javascripts/lib/jquery.peity.js

@@ -0,0 +1,261 @@
+// Peity jQuery plugin version 1.2.0
+// (c) 2013 Ben Pickles
+//
+// http://benpickles.github.com/peity
+//
+// Released under MIT license.
+(function($, document, Math, devicePixelRatio) {
+  var canvasSupported = document.createElement("canvas").getContext
+
+  var peity = $.fn.peity = function(type, options) {
+    if (canvasSupported) {
+      this.each(function() {
+        var $this = $(this)
+        var chart = $this.data("peity")
+
+        if (chart) {
+          if (type) chart.type = type
+          $.extend(chart.opts, options)
+          chart.draw()
+        } else {
+          var defaults = peity.defaults[type]
+          var data = {}
+
+          $.each($this.data(), function(name, value) {
+            if (name in defaults) data[name] = value
+          })
+
+          var opts = $.extend({}, defaults, data, options)
+          var chart = new Peity($this, type, opts)
+          chart.draw()
+
+          $this
+            .change(function() { chart.draw() })
+            .data("peity", chart)
+        }
+      });
+    }
+
+    return this;
+  };
+
+  var Peity = function($el, type, opts) {
+    this.$el = $el
+    this.type = type
+    this.opts = opts
+  }
+
+  var PeityPrototype = Peity.prototype
+
+  PeityPrototype.colours = function() {
+    var colours = this.opts.colours
+    var func = colours
+
+    if (!$.isFunction(func)) {
+      func = function(_, i) {
+        return colours[i % colours.length]
+      }
+    }
+
+    return func
+  }
+
+  PeityPrototype.draw = function() {
+    peity.graphers[this.type].call(this, this.opts)
+  }
+
+  PeityPrototype.prepareCanvas = function(width, height) {
+    var canvas = this.canvas
+    var $canvas
+
+    if (canvas) {
+      this.context.clearRect(0, 0, canvas.width, canvas.height)
+      $canvas = $(canvas)
+    } else {
+      $canvas = $("<canvas>").css({
+        height: height,
+        width: width
+      }).addClass("peity").data("peity", this)
+
+      this.canvas = canvas = $canvas[0]
+      this.context = canvas.getContext("2d")
+      this.$el.hide().after(canvas)
+    }
+
+    canvas.height = $canvas.height() * devicePixelRatio
+    canvas.width = $canvas.width() * devicePixelRatio
+
+    return canvas
+  }
+
+  PeityPrototype.values = function() {
+    return $.map(this.$el.text().split(this.opts.delimiter), function(value) {
+      return parseFloat(value)
+    })
+  }
+
+  peity.defaults = {}
+  peity.graphers = {}
+
+  peity.register = function(type, defaults, grapher) {
+    this.defaults[type] = defaults
+    this.graphers[type] = grapher
+  }
+
+  peity.register(
+    'pie',
+    {
+      colours: ["#ff9900", "#fff4dd", "#ffc66e"],
+      delimiter: null,
+      diameter: 16
+    },
+    function(opts) {
+      if (!opts.delimiter) {
+        var delimiter = this.$el.text().match(/[^0-9\.]/)
+        opts.delimiter = delimiter ? delimiter[0] : ","
+      }
+
+      var values = this.values()
+
+      if (opts.delimiter == "/") {
+        var v1 = values[0]
+        var v2 = values[1]
+        values = [v1, v2 - v1]
+      }
+
+      var i = 0
+      var length = values.length
+      var sum = 0
+
+      for (; i < length; i++) {
+        sum += values[i]
+      }
+
+      var canvas = this.prepareCanvas(opts.width || opts.diameter, opts.height || opts.diameter)
+      var context = this.context
+      var width = canvas.width
+      var height = canvas.height
+      var radius = Math.min(width, height) / 2
+      var pi = Math.PI
+      var colours = this.colours()
+
+      context.save()
+      context.translate(width / 2, height / 2)
+      context.rotate(-pi / 2)
+
+      for (i = 0; i < length; i++) {
+        var value = values[i]
+        var slice = (value / sum) * pi * 2
+
+        context.beginPath()
+        context.moveTo(0, 0)
+        context.arc(0, 0, radius, 0, slice, false)
+        context.fillStyle = colours.call(this, value, i, values)
+        context.fill()
+        context.rotate(slice)
+      }
+
+      context.restore()
+    }
+  )
+
+  peity.register(
+    "line",
+    {
+      colour: "#c6d9fd",
+      strokeColour: "#4d89f9",
+      strokeWidth: 1,
+      delimiter: ",",
+      height: 16,
+      max: null,
+      min: 0,
+      width: 32
+    },
+    function(opts) {
+      var values = this.values()
+      if (values.length == 1) values.push(values[0])
+      var max = Math.max.apply(Math, values.concat([opts.max]));
+      var min = Math.min.apply(Math, values.concat([opts.min]))
+
+      var canvas = this.prepareCanvas(opts.width, opts.height)
+      var context = this.context
+      var width = canvas.width
+      var height = canvas.height
+      var xQuotient = width / (values.length - 1)
+      var yQuotient = height / (max - min)
+
+      var coords = [];
+      var i;
+
+      context.beginPath();
+      context.moveTo(0, height + (min * yQuotient))
+
+      for (i = 0; i < values.length; i++) {
+        var x = i * xQuotient
+        var y = height - (yQuotient * (values[i] - min))
+
+        coords.push({ x: x, y: y });
+        context.lineTo(x, y);
+      }
+
+      context.lineTo(width, height + (min * yQuotient))
+      context.fillStyle = opts.colour;
+      context.fill();
+
+      if (opts.strokeWidth) {
+        context.beginPath();
+        context.moveTo(0, coords[0].y);
+        for (i = 0; i < coords.length; i++) {
+          context.lineTo(coords[i].x, coords[i].y);
+        }
+        context.lineWidth = opts.strokeWidth * devicePixelRatio;
+        context.strokeStyle = opts.strokeColour;
+        context.stroke();
+      }
+    }
+  );
+
+  peity.register(
+    'bar',
+    {
+      colours: ["#4D89F9"],
+      delimiter: ",",
+      height: 16,
+      max: null,
+      min: 0,
+      spacing: devicePixelRatio,
+      width: 32
+    },
+    function(opts) {
+      var values = this.values()
+      var max = Math.max.apply(Math, values.concat([opts.max]));
+      var min = Math.min.apply(Math, values.concat([opts.min]))
+
+      var canvas = this.prepareCanvas(opts.width, opts.height)
+      var context = this.context
+
+      var width = canvas.width
+      var height = canvas.height
+      var yQuotient = height / (max - min)
+      var space = opts.spacing
+      var xQuotient = (width + space) / values.length
+      var colours = this.colours()
+
+      for (var i = 0; i < values.length; i++) {
+        var value = values[i]
+        var y = height - (yQuotient * (value - min))
+        var h
+
+        if (value == 0) {
+          if (min >= 0 || max > 0) y -= 1
+          h = 1
+        } else {
+          h = yQuotient * values[i]
+        }
+
+        context.fillStyle = colours.call(this, value, i, values)
+        context.fillRect(i * xQuotient, y, xQuotient - space, h)
+      }
+    }
+  );
+})(jQuery, document, Math, window.devicePixelRatio || 1);

data/app/assets/javascripts/msg.js.coffee

@@ -0,0 +1,6 @@
+#= require lib/jquery.peity
+
+jQuery ($) ->
+  $.activate_with () ->
+    @find_including_self('span.pie').peity "pie",
+      colours: ['#cacac8', '#74b87a', '#ed1c24']

data/app/assets/stylesheets/msg.css.sass

@@ -0,0 +1,218 @@
+@import lib/definitions
+
+$red: #ed1c24
+$green: #74b87a
+$dark: #616265
+$mid: #9a9b9d
+
+.message_list
+  div.message
+    margin-top: 5px
+    margin-bottom: 20px
+    p.description
+      margin: 0
+      color: $mid
+      font-size: 85%
+    p.excerpt
+      margin: 0
+
+.sending_list
+  div.sending
+    margin-top: 5px
+    margin-bottom: 20px
+    p.description
+      margin: 0
+      color: $mid
+      font-size: 85%
+    p.responses
+      margin: 0
+
+h2
+  a.message
+    margin-left: -32px
+    +big_icon_link("msg/message.png")
+    color: $text
+    +hover
+  // a.sending
+  //   margin-left: -32px
+  //   +big_icon_link("msg/sending.png")
+  //   color: $text
+  //   +hover
+
+h2.section
+  font-size: 1.25em
+  line-height: 26px
+  clear: both
+  margin-top: 2em
+
+#sending
+  position: relative
+  h2.subject
+    margin: 50px 0 30px -32px
+    margin-top: 50px
+    +big_icon_link("msg/sending.png")
+  .envelope
+    +box-shadow(1px 3px 8px $dark)
+    .headers
+      position: relative
+      overflow: hidden
+      margin: 0
+      padding: 10px 0
+      width: 100%
+      font-size: 0.8em
+      background-color: $palest
+      p
+        margin: 0 20px
+      span.field
+        display: inline-block
+        width: 45px  
+    iframe.body
+      width: 100%
+      height: 700px
+      background-color: white
+      border: 0
+
+ul.envelopes
+  padding: 0
+  margin: 0
+  list-style: none
+  li
+    &.unread
+      color: $mid
+    &.read
+      color: $green
+      font-weight: bold
+    &.bounced
+      color: $red
+      font-weight: bold
+
+#preview_message, #send_message
+  width: 800px
+  .header
+    width: 770px
+  div.headers
+    position: relative
+    overflow: hidden
+    margin: 0
+    padding: 10px 0
+    width: 100%
+    font-size: 0.8em
+    p
+      margin: 0 20px
+    span.field
+      display: inline-block
+      width: 45px
+  form.new_sending
+    position: relative
+    margin-top: 0
+    iframe.body
+      position: relative
+      margin: 0 0 20px 0
+      width: 550px
+      height: 400px
+      background-color: white
+      border: 0
+      +box-shadow(1px 3px 8px $dark)
+    div.receivers
+      position: absolute
+      top: 0
+      right: 0
+      width: 196px
+      height: 400px
+      overflow: auto
+      font-size: 0.8em
+      h3
+        margin-top: 0
+      ul
+        margin: 0
+        padding: 0
+        list-style: none
+        &.choose_receivers
+          padding-left: 18px
+#message
+  width: 800px
+  .header
+    width: 770px
+  form.message
+    p.subject
+      margin: 3px 0
+      input[type="text"]
+        width: 742px
+        font-size: 2.5em
+        font-weight: bold
+
+    p.sender
+      color: $mid
+      margin: 6px 0
+      input[type="text"]
+        font-size: 1em
+        float: left
+        margin-bottom: 6px
+      input.from_name
+        width: 260px
+        margin-right: 10px
+      input.from_address
+        width: 460px
+
+    p.function
+      color: $mid
+      margin: 6px 0 12px 0
+      input[type="text"]
+        font-size: 1em
+      span.transactional_detail
+        display: block
+        float: right
+        margin: 0 4px
+        input[type="text"]
+          width: 510px
+
+    div.messagebody
+      position: relative
+      p.show_details
+        margin: 2px 220px 0 0
+        float: right
+      textarea
+        width: 530px
+        height: 360px
+        font-size: 1.2em
+      div.instructions
+        position: absolute
+        width: 205px
+        right: 0
+        top: 16px
+        color: $mid
+        font-size: 80%
+        ul
+          list-style: none
+          padding: 0
+          
+    p.saved
+      margin: 0 0 12px 0
+      span.saved_detail
+        display: block
+        margin: 6px 0
+        input[type="text"]
+          width: 742px
+          font-size: 1em
+        
+    div.buttons
+      margin-top: 20px
+
+#bouncebox
+  margin-top: 200px
+
+#receivers
+  margin-top: 150px
+
+#sentbox, #bouncebox
+  ul
+    padding: 0
+    list-style: none
+    li
+      margin-bottom: 12px
+    li.sending
+      a
+        display: block
+        font-weight: bold
+        margin-left: -20px
+