app/models/date_range.rb app/models/report.rb @@ -3,6 +3,7 @@ class Dashboard < Application before :authenticate def index + @days = Report.days_from_range(Date.today - 30, Date.today) render end app/controllers/dashboard.rb @@ -1,5 +1,28 @@ module Merb module DashboardHelper - + def google_bar_graph(collection, x_method, y_method, options = {}) + options[:size] ||= "580x200" + options[:color] ||= "c6d9fd" + + max = collection.max{ |a,b| a.send(y_method) <=> b.send(y_method) }.send(y_method) + labels = [] + collection.each do |item| + labels << item.send(x_method) + end + + query = "http://chart.apis.google.com/chart?cht=bvs&chs=#{options[:size]}&chco=#{options[:color]}" + query << "&chd=t:" + collection.collect{|d| d.send(y_method) }.join(",") + query << "&chds=0,#{max}" + query << "&chxt=x,y" + query << "&chxl=0:|#{labels.join('|')}|1:|0|#{number_with_delimiter max/4}|#{number_with_delimiter max*2/4}|#{number_with_delimiter max*3/4}|#{number_with_delimiter max}" + query << "&chg=" + [5000, 25, 1, 3].join(',') + '<img src="' + query + '" alt="Graph" />' + end + + def ctr(clicks, impressions) + num = clicks.to_f/impressions.to_f*100 + num = 0 if num.nan? + number_to_percentage(num, :precision => 2) + end end end \ No newline at end of file app/helpers/dashboard_helper.rb @@ -28,5 +28,74 @@ module Merb "<form action=\"#{url}\" method=\"post\" class=\"destroy\"><button type=\"submit\" class=\"destroy\">#{text}</button></form>" end + # Formats a +number+ with grouped thousands using +delimiter+ (e.g., 12,324). You + # can customize the format using optional <em>delimiter</em> and <em>separator</em> parameters. + # + # ==== Options + # * <tt>delimiter</tt> - Sets the thousands delimiter (defaults to ","). + # * <tt>separator</tt> - Sets the separator between the units (defaults to "."). + # + # ==== Examples + # number_with_delimiter(12345678) # => 12,345,678 + # number_with_delimiter(12345678.05) # => 12,345,678.05 + # number_with_delimiter(12345678, ".") # => 12.345.678 + # + # number_with_delimiter(98765432.98, " ", ",") + # # => 98 765 432,98 + def number_with_delimiter(number, delimiter=",", separator=".") + begin + parts = number.to_s.split('.') + parts[0].gsub!(/(\d)(?=(\d\d\d)+(?!\d))/, "\\1#{delimiter}") + parts.join separator + rescue + number + end + end + + # Formats a +number+ as a percentage string (e.g., 65%). You can customize the + # format in the +options+ hash. + # + # ==== Options + # * <tt>:precision</tt> - Sets the level of precision (defaults to 3). + # * <tt>:separator</tt> - Sets the separator between the units (defaults to "."). + # + # ==== Examples + # number_to_percentage(100) # => 100.000% + # number_to_percentage(100, :precision => 0) # => 100% + # + # number_to_percentage(302.24398923423, :precision => 5) + # # => 302.24399% + def number_to_percentage(number, options = {}) + options = options.stringify_keys + precision = options["precision"] || 3 + separator = options["separator"] || "." + + begin + number = number_with_precision(number, precision) + parts = number.split('.') + if parts.at(1).nil? + parts[0] + "%" + else + parts[0] + separator + parts[1].to_s + "%" + end + rescue + number + end + end + + # Formats a +number+ with the specified level of +precision+ (e.g., 112.32 has a precision of 2). The default + # level of precision is 3. + # + # ==== Examples + # number_with_precision(111.2345) # => 111.235 + # number_with_precision(111.2345, 2) # => 111.23 + # number_with_precision(13, 5) # => 13.00000 + # number_with_precision(389.32314, 0) # => 389 + def number_with_precision(number, precision=3) + "%01.#{precision}f" % ((Float(number) * (10 ** precision)).round.to_f / 10 ** precision) + rescue + number + end + end end app/helpers/global_helpers.rb @@ -1 +1,20 @@ -You're in index of the Dashboard \ No newline at end of file +<h1>Overview</h1> + +<h3>Impressions in the past 30 days</h3> +<p><%= google_bar_graph(@days, :short_date, :impressions) %></p> +<table> + <tr> + <th>Date</th> + <th>Impressions</th> + <th>Clicks</th> + <th>CTR</th> + </tr> + <% for day in @days %> + <tr> + <td><%= day.date.to_formatted_s(:general) %></td> + <td><%= number_with_delimiter day.impressions %></td> + <td><%= number_with_delimiter day.clicks %></td> + <td><%= ctr(day.clicks, day.impressions) %></td> + </tr> + <% end %> +</table> \ No newline at end of file app/views/dashboard/index.html.erb @@ -31,5 +31,5 @@ Merb::Router.prepare do |r| r.default_routes # Change this for your home page to be available at / - # r.match('/').to(:controller => 'whatever', :action =>'index') + r.match('/').to(:controller => 'dashboard', :action =>'index') end \ No newline at end of file config/router.rb @@ -60,6 +60,17 @@ h2 em{ color:#444; } +h3{ + font-size:14px; +} + +h4{ + font-size:12px; + font-weight:normal; + color:#666; + text-transform:uppercase; +} + a{ color:#0077aa; text-decoration:none; @@ -359,4 +370,30 @@ ul.full-width-spots li{ } html>body*#wrap .spots button.destroy{ top:10px; +} + +/*------------------------------------------------------------------------------------ + Tables +------------------------------------------------------------------------------------*/ + +table{ + width:100%; + border-spacing:0; + border-collapse:collapse; + border:1px solid #eee; + border-right:none; + border-bottom:none; +} + +table th, table td{ + padding:2px 5px; + text-align:left; + border:1px solid #eee; + border-top:none; + border-left:none; +} + +table th{ + text-transform:uppercase; + border-bottom:2px solid #eee; } \ No newline at end of file public/stylesheets/master.css 45bab61ace1174c37cbfeea8c44c83cb0f45fcde Kyle Neath kneath@gmail.com http://github.com/kneath/greed/commit/5f97998a36ef6d4af5a6b18ed73e976b29a17a99 5f97998a36ef6d4af5a6b18ed73e976b29a17a99 2008-05-11T22:18:10-07:00 2008-05-11T22:18:10-07:00 Basic reporting on the Dashboard 43b24e6fb938e876d6c3a4c7128fce8398df6f44 Kyle Neath kneath@gmail.com