bandido 0.0.6

data/lib/generators/bandit/templates/dashboard/css/toupee/reset.css

@@ -0,0 +1,42 @@
+/* -------------------------------------------------------------- 
+   RESET // Resets default browser CSS.
+-------------------------------------------------------------- */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+    display:block;
+}
+
+body {
+  line-height: 1.5;
+}
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+blockquote, q { quotes: "" ""; }
+
+/* Remove annoying border on linked images. */
+a img { border: none; }

data/lib/generators/bandit/templates/dashboard/css/toupee/structure.css

@@ -0,0 +1,124 @@
+/* A container should group all your columns. */
+.container                  { width: 950px; margin: 0 auto; }
+
+/* Columns
+-------------------------------------------------------------- */
+/* Sets up basic grid floating and margin. */
+.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
+  float: left;
+  margin-right: 10px;
+}
+
+/* The last column in a row needs this class. */
+.last { margin-right: 0; }
+
+/* Use these classes to set the width of a column. */
+.span-1 {width: 30px;}
+.span-2 {width: 70px;}
+.span-3 {width: 110px;}
+.span-4 {width: 150px;}
+.span-5 {width: 190px;}
+.span-6 {width: 230px;}
+.span-7 {width: 270px;}
+.span-8 {width: 310px;}
+.span-9 {width: 350px;}
+.span-10 {width: 390px;}
+.span-11 {width: 430px;}
+.span-12 {width: 470px;}
+.span-13 {width: 510px;}
+.span-14 {width: 550px;}
+.span-15 {width: 590px;}
+.span-16 {width: 630px;}
+.span-17 {width: 670px;}
+.span-18 {width: 710px;}
+.span-19 {width: 750px;}
+.span-20 {width: 790px;}
+.span-21 {width: 830px;}
+.span-22 {width: 870px;}
+.span-23 {width: 910px;}
+.span-24 {width:950px; margin-right:0;}
+
+/* Add these to a column to append empty cols. */
+.append-1 { padding-right: 40px;}
+.append-2 { padding-right: 80px;}
+.append-3 { padding-right: 120px;}
+.append-4 { padding-right: 160px;}
+.append-5 { padding-right: 200px;}
+.append-6 { padding-right: 240px;}
+.append-7 { padding-right: 280px;}
+.append-8 { padding-right: 320px;}
+.append-9 { padding-right: 360px;}
+.append-10 { padding-right: 400px;}
+.append-11 { padding-right: 440px;}
+.append-12 { padding-right: 480px;}
+.append-13 { padding-right: 520px;}
+.append-14 { padding-right: 560px;}
+.append-15 { padding-right: 600px;}
+.append-16 { padding-right: 640px;}
+.append-17 { padding-right: 680px;}
+.append-18 { padding-right: 720px;}
+.append-19 { padding-right: 760px;}
+.append-20 { padding-right: 800px;}
+.append-21 { padding-right: 840px;}
+.append-22 { padding-right: 880px;}
+.append-23 { padding-right: 920px;}
+
+/* Add these to a column to prepend empty cols. */
+.prepend-1 { padding-left: 40px;}
+.prepend-2 { padding-left: 80px;}
+.prepend-3 { padding-left: 120px;}
+.prepend-4 { padding-left: 160px;}
+.prepend-5 { padding-left: 200px;}
+.prepend-6 { padding-left: 240px;}
+.prepend-7 { padding-left: 280px;}
+.prepend-8 { padding-left: 320px;}
+.prepend-9 { padding-left: 360px;}
+.prepend-10 { padding-left: 400px;}
+.prepend-11 { padding-left: 440px;}
+.prepend-12 { padding-left: 480px;}
+.prepend-13 { padding-left: 520px;}
+.prepend-14 { padding-left: 560px;}
+.prepend-15 { padding-left: 600px;}
+.prepend-16 { padding-left: 640px;}
+.prepend-17 { padding-left: 680px;}
+.prepend-18 { padding-left: 720px;}
+.prepend-19 { padding-left: 760px;}
+.prepend-20 { padding-left: 800px;}
+.prepend-21 { padding-left: 840px;}
+.prepend-22 { padding-left: 880px;}
+.prepend-23 { padding-left: 920px;}
+
+/* Border on right hand side of a column. */
+.border         { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; }
+
+/* Border with more whitespace, spans one column. */
+.colborder      { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; }
+
+/* Use this to create a horizontal ruler across a column. */
+hr {
+  background: #ddd;
+  color: #ddd;
+  clear: both;
+  float: none;
+  width: 100%;
+  height: .1em;
+  margin: 0 0 1.45em;
+  border: none;
+}
+
+/* Clearing floats without extra markup
+   Based on How To Clear Floats Without Structural Markup by PiE
+   [http://www.positioniseverything.net/easyclearing.html] */
+
+.clearfix:after, .container:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  overflow:hidden;
+}
+.clearfix, .container {display: block;}
+
+.clear { clear:both; }
+

data/lib/generators/bandit/templates/dashboard/css/toupee/typography.css

@@ -0,0 +1,103 @@
+/* -------------------------------------------------------------- 
+
+   typography.css
+   * Sets Up A Default Typography.
+   
+-------------------------------------------------------------- */
+
+html { font-size:100.01%; -webkit-font-smoothing: antialiased; }
+body { 
+  font-size: 75%;
+  color: #222; 
+  background: #fff;
+  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+/* HEADINGS
+========================= */
+
+h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; word-spacing:-1px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial,Verdana,sans-serif; }
+
+h1             { font-size: 2.5em; font-weight: bold; line-height: 1.2em; margin-bottom: 0.5em; }
+h2             { font-size: 2em; margin-bottom: 0.75em; }
+h3             { font-size: 1.5em; line-height: 1; margin-bottom: .5em; }
+h4             { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+h5             { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
+h6             { font-size: 1em; font-weight: bold; }
+
+
+/* TEXT ELEMENTS
+========================= */
+
+p              { margin: 0 0 1em; }
+
+a:focus,
+a:hover        { color: #000; }
+a              { color: #2e71b3; text-decoration: underline; outline-style: none; }
+
+blockquote     { margin: 1.5em; color: #666; font-style: italic; }
+strong         { font-weight: bold; }
+em,dfn         { font-style: italic; }
+dfn            { font-weight: bold; }
+sup, sub       { line-height: 0; }
+
+abbr,
+acronym        { border-bottom: 1px dotted #666; }
+address        { margin: 0 0 1.5em; font-style: italic; }
+del            { color:#666; }
+
+pre            { margin: 1.5em 0; white-space: pre; }
+pre,code,tt    { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+
+/* LISTS
+========================= */
+
+li ul,
+li ol       { margin: 0; }
+ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.333em; }
+
+ul          { list-style:square outside none; }
+ol          { list-style-type: decimal; }
+
+dl          { margin: 0 0 1.5em 0; }
+dl dt       { font-weight: bold; }
+dd          { margin-left: 1.5em;}
+
+
+/* TABLES
+========================= */
+
+table                   { width: 100%; background: #fff; }
+table caption           { margin: 0; padding: 8px 10px; text-align: left; border: 1px solid #000; border-bottom: none; background: #fff; }
+table th, table td      { margin: 0; padding: 8px 10px; text-align: center; border-bottom: 1px solid #e1e1e1; }
+table th                { font-size: 14px; font-weight: bold; }
+table th.left           { -moz-border-radius-topleft: 3px;	-webkit-border-top-left-radius: 3px;  border-top-left-radius: 3px; }
+table th.right          { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;  border-top-right-radius: 3px;  }
+table .name             { text-align: left; }
+table tr                { background-color: #fff; }
+table tr.last td        { border-bottom: none; }
+table tr.alt            { background-color: #e5ecf9; }
+table td a, 
+table td a:hover        { font-weight: bold; border: none; }
+
+
+/* Misc classes 
+-------------------------------------------------------------- */
+.reset              { margin: 0; padding:0; }
+.right              { float: right; }
+.left               { float: left; }
+.reset              { margin: 0; padding: 0; }
+.small              { font-size: 10px; }
+.large              { font-size: 16px; }
+.hide               { display: none; }
+.quiet              { color: #bbb; }
+.loud               { color: #000; font-weight: bold; }
+.required           { color: #ff0000; }
+.highlight          { background-color:#ff0; padding: 2px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
+.success            { background-color:#060; color: #fff; padding: 2px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
+.error				{ background-color:#fcc; border: 1px solid #f00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
+.pending			{ background-color:#ffc; border: 1px solid yellow; padding: 2px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
+.removed			{ background-color:#900; color: #fff; padding: 2px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
+
+

data/lib/generators/bandit/templates/dashboard/helpers/bandit_helper.rb

@@ -0,0 +1,23 @@
+module BanditHelper
+  def storage_name
+    Bandit.config.storage.titleize
+  end
+
+  def round_percent(percent)
+    (percent * 100).round / 100.0
+  end
+
+  def player_name
+    Bandit.config.player.titleize
+  end
+
+  def storage_config
+    c = Bandit.config.storage_config.map { |k,v| "#{k}: #{v}" }.join(", ")
+    c.blank? ? "" : "(#{c})"
+  end
+
+  def player_config
+    c = Bandit.config.player_config.map { |k,v| "#{k}: #{v}" }.join(", ")
+    c.blank? ? "" : "(#{c})"
+  end
+end

data/lib/generators/bandit/templates/dashboard/js/bandit.js

@@ -0,0 +1,51 @@
+function show_chart(title, url) {
+   $.get(url, function(data) { show_chart_data(title, data) });
+}
+
+function show_chart_data(title, data) {
+   var options = {
+      chart: { renderTo: 'totals_gcontainer' },
+      title: { text: title },
+      rangeSelector: { selected: 1 },
+      subtitle: { text: "participant / conversion totals" },
+      yAxis: { title: { text: "people" } },
+      series: []
+   };
+
+   var percent_options = {
+      chart: { renderTo: 'percents_gcontainer' },
+      title: { text: title },
+      rangeSelector: { selected: 1 },
+      subtitle: { text: "conversion percents" },
+      yAxis: { title: { text: "% converted" } },
+      series: []
+   };
+
+   var series_c = null;
+   var series_p = null;
+   var series_percent = null;
+   $.each(data.split('\n'), function(lineNo, line) {
+	     var items = line.split("\t");
+	     var ctitle = items[0] + " conversions";
+	     var ptitle = items[0] + " participants";
+	     var percent_title = items[0] + " conversion %";
+	     if(series_c == null || series_c.name != ctitle) {
+		if(series_c != null) { options.series.push(series_p); options.series.push(series_c); percent_options.series.push(series_percent); }
+		series_c = { data: [], name: ctitle };
+		series_p = { data: [], name: ptitle };
+		series_percent = { data: [], name: percent_title, yDecimals: 2 };
+	     }
+	     var date = Date.UTC(parseInt(items[1]), parseInt(items[2]), parseInt(items[3]));
+	     var participants = parseFloat(items[4]);
+	     var conversions = parseFloat(items[5]);
+	     var conversion_percent = Math.round((conversions / participants) * 100) / 100;
+	     series_p.data.push([date, participants]);
+	     series_c.data.push([date, conversions]);
+	     series_percent.data.push([date, conversion_percent]);
+          });
+   options.series.push(series_p);
+   options.series.push(series_c);
+   percent_options.series.push(series_percent);
+   var chart = new Highcharts.StockChart(options);
+   var charttwo = new Highcharts.StockChart(percent_options);
+}