mail_spy 0.1.0 → 0.1.1

data/app/assets/javascripts/mail_spy/reports.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

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

@@ -9,4 +9,66 @@
  * compiled file, but it's generally better to create a new file per style scope.
  *
  *= require_self
+ *= require_tree
 */
+
+/*************************************** Reset Styles */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+/*************************************** End Reset */
+/*************************************** New Global Styles */
+
+body{
+  font-family: 'Spinnaker', sans-serif;
+  color:#fff;
+  background-image: url(background_tile.gif);
+}
+h1{
+  font-size:24px;
+}
+.Deemph{
+  font-size:.72em;
+}

data/app/assets/stylesheets/mail_spy/reports.css.scss

@@ -0,0 +1,128 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/
+$colorHighlight:#80ff7a;
+$colorMedlight:#214d30;
+$colorSemiLowlight:#c3c3c3;
+$colorLowlight:#3e4041;
+$colorHighlightBad:#62222a;
+$colorMedlightBad:#663137;
+
+
+
+._active{
+  color:$colorHighlight;
+}
+
+/****************************  Sprites for mailspy_sprite.png */
+.MsSprite{
+  background-image:url(mailspy_sprite.png);
+  background-repeat:no-repeat;
+  display:inline-block;
+  *display:inline; zoom:1;
+  vertical-align:middle;
+  text-indent:-9999px;
+  
+  &.Logo{
+    background-position:0 0;
+    width:180px;
+    height:50px;
+  }
+
+  &.Nav{
+    width: 27px;
+    height: 34px;
+    background-position-x:-50px;
+
+    &.Campaign{
+      background-position-y:-100px;
+    }
+    &.History{
+      background-position-y:-150px;
+    }
+    &.Template{
+      background-position-y:-200px;
+    }
+    &.Menu{
+      background-position-y:-250px;
+    }
+
+    &._active{
+      background-position-x:0;
+    }
+    &:hover{
+      background-position-x:-100px;
+    }
+  }
+
+  &.People{
+    background-position: -200px 0px;
+    height:60px;
+    width:80px;
+  }
+  &.Mail{
+    background-position: -200px -100px;
+    height:60px;
+    width:80px;
+  }
+  &.Pointer{
+    background-position: -200px -200px;
+    height:60px;
+    width:80px;
+  }
+  &.Money{
+    background-position: -200px -300px;
+    height:60px;
+    width:80px;
+  }
+}
+
+/****************************  End mailspy_sprite.png*/
+/****************************  Report Components */
+.KpiContainer{
+  margin:1em;
+}
+.Kpi{
+  display:inline-block;
+  *display:inline; zoom:1;
+  width:200px;
+  text-align:center;
+
+  .Icon{
+    display:block;
+    margin:8px auto;
+  }
+  kpi{
+    color:$colorMedlight;
+    font-size:1.2em;
+    margin:.2em;
+  }
+  figure{
+    color:$colorHighlight;
+    font-size:1.8em;
+    margin:.2em;
+  }
+}
+
+.CampaignContainer{
+  background-color:rgba(0,0,0,.4);
+  padding:.2em 1em 1em 1em;
+  margin:2em 0;
+}
+
+.FunnelContainer{
+  padding:.2em 1em 1em 1em;
+  margin:2em 0;
+  thead{
+    td{
+      color:$colorLowlight;
+      text-align:left;
+    }
+  }
+  td{
+    padding:.5em 2em;
+    color:$colorHighlight;
+    text-align:left;
+  }
+}

data/app/controllers/mail_spy/reports_controller.rb

@@ -0,0 +1,29 @@
+module MailSpy
+  class ReportsController < ApplicationController
+
+  def campaigns
+
+  end
+
+  def emails
+    
+  end
+
+  def email
+    @email = MailSpy.create_email({
+            :campaign => "2012-valentines",
+            :stream => "a-yikes",
+            :component => "a",
+            :schedule_at => Date.today()+1, # Should never be used
+            :subject => "Just a test",
+            :template_values => {},
+            :from => "EMAIL PREVIEW",
+            :reply_to => "NOREPLY",
+            :to => "nowhere"
+    })
+    @email[:cache_bust] = true
+    render :text=>@email.parsed_html_content, :html_safe => true
+  end
+
+  end
+end

data/app/helpers/mail_spy/reports_helper.rb

@@ -0,0 +1,4 @@
+module MailSpy
+  module ReportsHelper
+  end
+end

data/app/models/mail_spy/email.rb

@@ -68,13 +68,35 @@ module MailSpy
     end
 
     def html_erb
-      load_template("html.erb")
+        load_template("html.erb")
     end
 
     def text_erb
       load_template("text.erb")
     end
 
+    def self.deliver_batch(current_time, start_id, offset, total, step=200, num_threads=100)
+      wq = WorkQueue.new(num_threads, step*2)
+      processed = 0
+      while true
+        emails = self.where(
+          :schedule_at.lte => current_time,
+          :sent => false,
+          :failed => false,
+          :_id.gt => start_id
+        ).limit(step).offset(offset)
+
+        break if total >= processed || emails.blank?
+        emails.each do |email|
+          wq.enqueue_b do
+            email.deliver
+          end
+        end
+        processed += emails.count
+      end
+      wq.join
+      processed
+    end
 
     def deliver
       begin
@@ -97,7 +119,7 @@ module MailSpy
 
       # Check the cache using our convention
       path = "#{self.campaign}/#{self.stream}/#{self.component}.#{suffix}"
-      return @@template_cache[path] if @@template_cache[path].present?
+      return @@template_cache[path] if @@template_cache[path].present? && !self[:cache_bust]
 
       # Load the object from s3
       s3 = AWS::S3.new(:access_key_id => MailSpy.aws_access_key_id,

data/app/views/layouts/mail_spy/application.html.erb

@@ -2,8 +2,11 @@
 <html>
 <head>
   <title>MailSpy</title>
+  <link rel="icon" href="/assets/mail_spy/spy.ico" type="image/x-icon">
+  <link rel="shortcut icon" href="/assets/mail_spy/spy.ico" type="image/x-icon">
   <%= stylesheet_link_tag    "mail_spy/application", :media => "all" %>
   <%= javascript_include_tag "mail_spy/application" %>
+  <link href='http://fonts.googleapis.com/css?family=Spinnaker' rel='stylesheet' type='text/css'>
   <%= csrf_meta_tags %>
 </head>
 <body>

data/app/views/mail_spy/reports/campaigns.html.erb

@@ -1,48 +1,138 @@
 <% @campaigns = [{
-                  :name=>"Valentine's Day",
-                  :last_sent => Date.today(),
-                  :sent=>5320
+                    :name=>"Valentine's Day",
+                    :first_sent => Date.today()-14,
+                    :last_sent => Date.today(),
+                    :kpis=>{
+                          "Population"=> {
+                              :icon=>"People",
+                              :figure=>1000000
+                          },
+                          "Emails Sent"=>{
+                              :icon=>"Mail",
+                              :figure=>66478
+                          },
+                          "Click-Throughs"=>{
+                              :icon=>"Pointer",
+                              :figure=>1549
+                          },
+                          "Total Purchases"=>{
+                              :icon=>"Money",
+                              :figure=>1214
+                          }
+                    },
+                    :purchase_funnel=>{
+                          "delivered"=>66478,
+                          "opened"=>7643,
+                          "clicked"=>1549,
+                          "purchased"=>5
+                    }
+                  
                  },{
-                  :name=>"Mother's Day"
+                  :name=>"Mother's Day",
+                  :last_sent => Date.today(),
+                  :sent=>1221,
+                  :kpis=>{},
+                  :purchase_funnel=>{}
                  }] %>
-<%= debug @campaigns %>
-<%# ------------------------------------- Backbone Templates %>
+
 <script type="text/javascript">
+$(function(){
+
+  getValue = function(_o){
+    try{
+      if(typeof(_o) === 'number' ||
+         typeof(parseInt(_o,10) === 'number')){
+        return _o;
+      } else if (_o.r && _o.c){
 
-  Campaign = Backbone.Model.extend({
-        initialize: function(){
-            alert("Welcome to this world");
+      }
+    } catch(e){
+      console.log("Can't evaluate:");
+      console.log(_o);
+      console.log(e);
+    }
+  };
+
+  $.each($("[data-operator]"),function(i,e){
+    var lhs, rhs,
+        result = "NA",
+        op = $(this).attr("data-operator"),
+        ops = $(this).attr("data-operands");
+
+    try{
+        ops = ops.split("|");
+        lhs = $.parseJSON(ops[0]);
+        rhs = $.parseJSON(ops[1]);
+        console.log(lhs + " : " + rhs);
+
+        //Switch operators
+        if(op == "+"){
+          result = getValue(lhs) + getValue(rhs);
+        } else if(op == "%"){
+          result = (lhs + "/" + rhs);
         }
-    });
-	CampaignView = Backbone.View.extend({
-		initialize: function(){
-			this.render();
-		},
-		render: function(){
-			// Compile the template using underscore
-			var template = _.template( $("#campaign_template").html(), {} );
-			// Load the compiled HTML into the Backbone "el"
-			this.el.html( template );
-		}
-	});
-
-	var search_view = new SearchView({ el: $("#search_container") });
-</script>
-<%# ------------------------------------- Backbone Templates %>
-<script type="text/template" id="campaign_template">
-    <div class="Campaign">
-      <h2><%= c[:name] %></h2>
-    </div>
+    } catch(e) {
+        console.log(e);
+    }
+    
+    $(this).html(result);
+  });
+
+
+  $.each($("[data-graph]"),function(i,e){
+    $(this).html($(this).attr("data-value"));
+  });
+
+});
 </script>
+
 <%# ------------------------------------- Start actual view %>
 
-<h1>All Campaigns</h1>
+<div class="MsSprite Logo">Mail Spy</div>
+
+<h1 class="_active">
+  <div class="MsSprite Nav Campaign _active"></div> All Campaigns
+</h1>
 
 <div class="CampaignReport">
   <%# For each campaign %>
   <% @campaigns.each do |c| %>
-  <div class="CampaignSummary">
-    <h2><%= c[:name] %></h2>
-  </div>
+    <div class="CampaignContainer">
+      <h1 ><%= c[:name] %></h1>
+      
+      <div class="KpiContainer">
+        <% c[:kpis].each do |kpi, kpi_data|%>
+          <div class="Kpi">
+            <div class="MsSprite <%= kpi_data[:icon] %> Icon"></div>
+            <kpi><%= kpi %></kpi>
+            <figure><%= kpi_data[:figure] %></figure>
+          </div>
+        <% end %>
+      </div>
+      <div class="FunnelContainer">
+        <h2>
+          Purchase Funnel
+        </h2>
+        <table>
+          <thead>
+            <tr>
+              <td>Action</td>
+              <td>Raw</td>
+              <td>%</td>
+              <td></td>
+            </tr>
+          </thead>
+        <% c[:purchase_funnel].each do |step, step_data|%>
+          <tr>
+            <td><%= step %></td>
+            <td><%=step_data%></funnelCell>
+            <td data-operator="%" data-operands='{"r":-0,"c":-1}|{"r":-1,"c":-1}'></td>
+            <td data-operator="+" data-operands='6|9'></td>
+            <td data-graph="bar" data-value="<%=step_data%>"></td>
+          </tr>
+        <% end %>
+        </table>
+      </div>
+    </div>
   <% end %>
 </div>