snapstats 0.0.1

data/app/assets/stylesheets/snapstats/metricsgraphics.css

@@ -0,0 +1,363 @@
+.mg-active-datapoint {
+    fill: black;
+    font-size: 0.9rem;
+    font-weight: 400;
+    opacity: 0.8;
+}
+
+.mg-area1-color {
+    fill: #0000ff;
+}
+
+.mg-area2-color {
+    fill: #05b378;
+}
+
+.mg-area3-color {
+    fill: #db4437;
+}
+
+.mg-area4-color {
+    fill: #f8b128;
+}
+
+.mg-area5-color {
+    fill: #5c5c5c;
+}
+
+.mg-barplot rect.mg-bar {
+    shape-rendering: auto;
+    fill: #b6b6fc;
+}
+
+.mg-barplot rect.mg-bar.active {
+    fill: #9e9efc;
+}
+
+.mg-barplot .mg-bar-prediction {
+    fill: #5b5b5b;
+}
+
+.mg-barplot .mg-bar-baseline {
+    stroke: #5b5b5b;
+    stroke-width: 2;
+}
+
+.mg-baselines line {
+    opacity: 1;
+    shape-rendering: auto;
+    stroke: #b3b2b2;
+    stroke-width: 1px;
+}
+
+.mg-baselines text {
+    fill: black;
+    font-size: 0.7rem;
+    opacity: 0.5;
+    stroke: none;
+}
+
+.mg-chart-title .popover {
+    font-size: 0.95rem;
+}
+
+.mg-chart-title .popover-content {
+    cursor: auto;
+    line-height: 17px;
+}
+
+.mg-chart-title .popover.top,
+.mg-data-table .popover.top {
+    margin-top: 0;
+}
+
+.mg-chart-title {
+    cursor: default;
+    font-size: 1.8rem;
+    padding-top: 8px;
+    text-align: center;
+}
+
+.mg-chart-title .fa {
+    color: #ccc;
+    font-size: 1.2rem;
+    padding-left: 4px;
+    vertical-align: top;
+}
+
+.mg-chart-title .fa.warning {
+    font-weight: 300;
+}
+
+.mg-points circle {
+    opacity: 0.85;
+}
+
+.mg-data-table {
+    margin-top: 30px;
+}
+
+.mg-data-table thead tr th {
+    border-bottom: 1px solid darkgray;
+    cursor: default;
+    font-size: 1.1rem;
+    font-weight: normal;
+    padding: 5px 5px 8px 5px;
+    text-align: right;
+}
+
+.mg-data-table thead tr th .fa {
+    color: #ccc;
+    padding-left: 4px;
+}
+
+.mg-data-table thead tr th .popover {
+    font-size: 1rem;
+    font-weight: normal;
+}
+
+.mg-data-table .secondary-title {
+    color: darkgray;
+}
+
+.mg-data-table tbody tr td {
+    margin: 2px;
+    padding: 5px;
+    vertical-align: top;
+}
+
+.mg-data-table  tbody tr td.table-text {
+    opacity: 0.8;
+    padding-left: 30px;
+}
+
+.mg-y-axis line.mg-extended-y-ticks {
+    opacity: 0.4;
+}
+
+.mg-x-axis line.mg-extended-x-ticks {
+    opacity: 0.4;
+}
+
+.mg-histogram .axis path,
+.mg-histogram .axis line {
+    fill: none;
+    opacity: 0.7;
+    shape-rendering: auto;
+    stroke: #ccc;
+}
+
+.mg-histogram .mg-bar rect {
+    fill: #b6b6fc;
+    shape-rendering: auto;
+}
+
+.mg-histogram .mg-bar rect.active {
+    fill: #9e9efc;
+}
+
+.mg-least-squares-line {
+    stroke: red;
+    stroke-width: 1px;
+}
+
+.mg-lowess-line {
+    fill: none;
+    stroke: red;
+}
+
+.mg-line1-color {
+    stroke: #4040e8;
+}
+
+.mg-hover-line1-color {
+    fill: #4040e8;
+}
+
+.mg-line2-color {
+    stroke: #05b378;
+}
+
+.mg-hover-line2-color {
+    fill: #05b378;
+}
+
+.mg-line3-color {
+    stroke: #db4437;
+}
+
+.mg-hover-line3-color {
+    fill: #db4437;
+}
+
+.mg-line4-color {
+    stroke: #f8b128;
+}
+
+.mg-hover-line4-color {
+    fill: #f8b128;
+}
+
+.mg-line5-color {
+    stroke: #5c5c5c;
+}
+
+.mg-hover-line5-color {
+    fill: #5c5c5c;
+}
+
+.mg-line1-legend-color {
+    color: #4040e8;
+}
+
+.mg-line2-legend-color {
+    color: #05b378;
+}
+
+.mg-line3-legend-color {
+    color: #db4437;
+}
+
+.mg-line4-legend-color {
+    color: #f8b128;
+}
+
+.mg-line5-legend-color {
+    color: #5c5c5c;
+}
+
+.mg-main-area-solid svg .mg-main-area {
+    fill: #ccccff;
+    opacity: 1;
+}
+
+.mg-markers line {
+    opacity: 0.9;
+    shape-rendering: auto;
+    stroke: #b3b2b2;
+    stroke-width: 1px;
+}
+
+.mg-markers text {
+    fill: black;
+    font-size: 0.7rem;
+    opacity: 0.5;
+    stroke: none;
+}
+
+.mg-missing-text {
+    opacity: 0.9;
+}
+
+.mg-missing-background {
+    stroke: blue;
+    fill: none;
+    stroke-dasharray: 10,5;
+    stroke-opacity: 0.05;
+    stroke-width: 2;
+}
+
+.mg-missing .mg-main-line {
+    opacity: 0.1;
+}
+
+.mg-missing .mg-main-area {
+    opacity: 0.03;
+}
+
+path.mg-main-area {
+    opacity: 0.2;
+    stroke: none;
+}
+
+path.mg-confidence-band {
+    fill: #ccc;
+    opacity: 0.4;
+    stroke: none;
+}
+
+path.mg-main-line {
+    fill: none;
+    opacity: 0.8;
+    stroke-width: 1.1px;
+}
+
+.mg-points circle {
+    fill-opacity: 0.4;
+    stroke-opacity: 1;
+}
+
+circle.mg-points-mono {
+    fill: #0000ff;
+    stroke: #0000ff;
+}
+
+/* a selected point in a scatterplot */
+.mg-points circle.selected {
+    fill-opacity: 1;
+    stroke-opacity: 1;
+}
+
+.mg-voronoi path {
+    fill: none;
+    pointer-events: all;
+    stroke: none;
+    stroke-opacity: 0.1;
+}
+
+.mg-x-rug-mono,
+.mg-y-rug-mono {
+    stroke: black;
+}
+
+.mg-x-axis line,
+.mg-y-axis line {
+    opacity: 1;
+    shape-rendering: auto;
+    stroke: #b3b2b2;
+    stroke-width: 1px;
+}
+
+.mg-x-axis text,
+.mg-y-axis text,
+.mg-histogram .axis text {
+    fill: black;
+    font-size: 0.9rem;
+    opacity: 0.5;
+}
+
+.mg-x-axis .label,
+.mg-y-axis .label,
+.mg-axis .label {
+    font-size: 0.8rem;
+    text-transform: uppercase;
+    font-weight: 400;
+}
+
+.mg-x-axis-small text,
+.mg-y-axis-small text,
+.mg-active-datapoint-small {
+    font-size: 0.6rem;
+}
+
+.mg-x-axis-small .label,
+.mg-y-axis-small .label {
+    font-size: 0.65rem;
+}
+
+.mg-year-marker text {
+    fill: black;
+    font-size: 0.7rem;
+    opacity: 0.5;
+}
+
+.mg-year-marker line {
+    opacity: 1;
+    shape-rendering: auto;
+    stroke: #b3b2b2;
+    stroke-width: 1px;
+}
+
+.mg-year-marker-small text {
+    font-size: 0.6rem;
+}

data/app/controllers/snapstats/application_controller.rb

@@ -0,0 +1,5 @@
+module Snapstats
+  class ApplicationController < ActionController::Base
+  	
+  end
+end

data/app/controllers/snapstats/mains_controller.rb

@@ -0,0 +1,18 @@
+module Snapstats
+	class MainsController < ApplicationController
+
+		def show
+			@uniqs 			= EventReader::Uniqs.fetch_uniqs
+			@clicks 		= EventReader::Cpm.fetch_all_hash
+			@platforms 	= EventReader::Browsers.fetch_platforms
+			@browsers 	= EventReader::Browsers.fetch_browsers
+		end
+
+		def chart
+			data = EventReader::Cpm.fetch_all_chart
+			render json: data
+		end
+
+	end
+end
+

data/app/controllers/snapstats/performances_controller.rb

@@ -0,0 +1,18 @@
+module Snapstats
+	class PerformancesController < ApplicationController
+
+		def index
+			
+		end
+
+		def show
+			@controllers = Snapstats::EventReader::Performance.fetch_slowest_controllers
+		end
+
+		def chart
+			data = Snapstats::EventReader::Activity.fetch_all_chart
+			render json: {data: data.values, legend: data.keys}
+		end
+
+	end
+end

data/app/controllers/snapstats/users_controller.rb

@@ -0,0 +1,22 @@
+module Snapstats
+	class UsersController < ApplicationController
+
+		def index
+			
+		end
+
+		def show
+			@users = EventReader::UserActivity.fetch_all
+		end
+
+		def activity
+			@user_email = EventReader::UserActivity.fetch_email_by_uid params[:id]
+			@activity 	= EventReader::UserActivity.fetch_for_user params[:id]
+		end
+
+		def chart
+			render json: EventReader::UserActivity.fetch_chart_for_user(params[:id])
+		end
+
+	end
+end

data/app/helpers/snapstats/application_helper.rb

@@ -0,0 +1,7 @@
+module Snapstats
+  module ApplicationHelper
+  	def active_cat? cat_type
+  		raw "class=\"active section-#{cat_type}\"" if  params[:controller].scan(/#{cat_type.to_s}/).present? 
+  	end
+  end
+end

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

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Snapstats</title>
+  <%= stylesheet_link_tag    "snapstats/application", media: "all" %>
+  <%= javascript_include_tag "snapstats/application" %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<div class="app-container">
+
+	<%= render 'main_menu' %>
+	<%= yield %>
+
+</div>
+
+
+</body>
+</html>

data/app/views/snapstats/application/_main_menu.html.erb

@@ -0,0 +1,8 @@
+<div class="container">
+	<ul class="menu pull-left">
+		<li <%= active_cat? :main %>> <%= link_to 'Daily report', root_path %> </li>
+		<li <%= active_cat? :user %>> <a href="#"><%= link_to 'Users', user_path %></a></li>
+		<li <%= active_cat? :performance %>> <a href="#"><%= link_to 'Performance', performance_path %></li>
+		<li <%= active_cat? :reports %>> <a href="#"><%= link_to 'Reports', performance_path %></li>
+	</ul>
+</div>

data/app/views/snapstats/mains/show.html.erb

@@ -0,0 +1,87 @@
+
+
+<div class="container animated fadeIn">
+
+	<div class="panel panel-wgt">
+		<div class="panel-heading">
+			<h3 class="panel-title">Activity</h3>
+		</div>
+		<div class="panel-body">
+			<div class="chart"></div>					
+		</div>
+	</div>
+
+</div>
+
+<!-- Daily overview -->
+
+<div class="container animated fadeIn">
+
+	<div class="page-header">
+		<h1>Daily overview</h1>
+	</div>
+
+	<div class="row">
+		<div class="col-lg-12">
+			<table class="table">
+			
+				<tr>
+					<td class="col-lg-8">Unique visits</td>
+					<td><%= @uniqs %></td>
+				</tr>
+
+				<tr class="clean-cell">
+					<td>&nbsp;</td>
+					<td>&nbsp;</td>
+				</tr>
+
+				<tr>
+					<td>Clicks per minute</td>
+					<td><%= @clicks[:cpm] %></td>
+				</tr>
+
+				<tr>
+					<td>Clicks per hour</td>
+					<td><%= @clicks[:cph] %></td>
+				</tr>
+
+				<tr>
+					<td>Clicks per day</td>
+					<td><%= @clicks[:cpd] %></td>
+				</tr>
+
+
+				<tr class="clean-cell">
+					<td>&nbsp;</td>
+					<td>&nbsp;</td>
+				</tr>
+
+				<!-- Platforms -->
+
+				<% @platforms.each do |i| %>
+					<tr>
+						<td><%= i.name %></td>
+						<td><%= i.total %></td>
+					</tr>
+				<% end %>
+
+				<!-- Browsers -->
+
+				<tr class="clean-cell">
+					<td>&nbsp;</td>
+					<td>&nbsp;</td>
+				</tr>
+
+				<% @browsers.each do |i| %>
+					<tr>
+						<td><%= i.name %></td>
+						<td><%= i.total %></td>
+					</tr>
+				<% end %>
+
+			</table>
+		</div>
+	</div>
+
+</div>
+

data/app/views/snapstats/performances/show.html.erb

@@ -0,0 +1,80 @@
+<div class="container animated fadeIn">
+
+	<div class="panel panel-wgt">
+		<div class="panel-heading">
+			<h3 class="panel-title">Load Average</h3>
+		</div>
+		<div class="panel-body">
+			<div class="chart-performance"></div>
+			<div class="legend pull-right"></div>
+		</div>
+	</div>
+
+</div>
+
+
+
+<div class="container animated fadeIn">
+
+	<div class="page-header">
+		<h1>Top Slowest Actions</h1>
+	</div>
+
+	<div class="row">
+		<div class="col-lg-12">
+			<table class="table">
+
+				<tr>
+					<th class="col-lg-6"> Controller </th>
+					<th class="col-lg-4">Action</th>
+					<th>Render time (ms)</th>
+				</tr>
+				
+				<% @controllers.each do |i| %>
+					<tr>
+						<td> <%= i.controller %> </td>
+						<td> <%= i.action %> </td>
+						<td><%= i.render_time %></td>
+					</tr>
+				<% end %>
+
+			</table>
+		</div>
+	</div>
+
+</div>
+
+
+<div class="container animated fadeIn" style="display:none;">
+
+	<div class="page-header">
+		<h1>System Component</h1>
+	</div>
+
+	<div class="row">
+		<div class="col-lg-12">
+			<table class="table">
+			
+				<tr>
+					<td class="col-lg-5">admin@admin.local</td>
+					<td class="col-lg-3">5 minutes ago</td>
+					<td>/companies</td>
+				</tr>
+
+				<tr>
+					<td>test1@local</td>
+					<td>10 minutes ago</td>
+					<td>/companies</td>
+				</tr>
+
+				<tr>
+					<td>test2@local</td>
+					<td>15 minutes ago</td>
+					<td>/companies</td>
+				</tr>
+
+			</table>
+		</div>
+	</div>
+
+</div>

data/app/views/snapstats/users/activity.html.erb

@@ -0,0 +1,49 @@
+
+<div class="container animated fadeIn">
+
+	<div class="panel panel-wgt">
+		<div class="panel-heading">
+			<h3 class="panel-title"><%= @user_email %></h3>
+		</div>
+		<div class="panel-body">
+			<div class="user-activity-chart"></div>	
+		</div>
+	</div>
+
+</div>
+
+<div class="container animated fadeIn">
+
+	<div class="page-header">
+		<h1>Requests </h1>
+	</div>
+
+	<div class="row">
+		<div class="col-lg-12">
+			<table class="table">
+
+				<tr>
+					<th class="col-lg-5"> Path </th>
+					<th class="col-lg-3"> Time </th>
+					<th>Render Time (ms)</th>
+					<th>Platform</th>
+					<th>Browser</th>
+				</tr>
+				
+				<% @activity.each do |i| %>
+				
+					<tr>
+						<td> <%= i.path %> </td>
+						<td> <%= time_ago_in_words i.date, locale: :en %>  </td>
+						<td> <%= i.render_time %>  </td>
+						<td> <%= i.os %>  </td>
+						<td> <%= i.browser %> <%= i.version %>  </td>
+					</tr>
+
+				<% end %>
+
+			</table>
+		</div>
+	</div>
+
+</div>

data/app/views/snapstats/users/show.html.erb

@@ -0,0 +1,32 @@
+
+<div class="container animated fadeIn">
+
+	<div class="page-header">
+		<h1>Users Activity</h1>
+	</div>
+
+	<div class="row">
+		<div class="col-lg-12">
+			<table class="table">
+
+				<tr>
+					<th class="col-lg-5"> User email </th>
+					<th class="col-lg-3"> Time </th>
+					<th>Path</th>
+				</tr>
+				
+				<% @users.each do |i| %>
+				
+					<tr>
+						<td> <%= link_to i.email, activity_user_path(i.user_id) %> </td>
+						<td> <%= time_ago_in_words i.date, locale: :en %>  </td>
+						<td> <%= i.path %>  </td>
+					</tr>
+
+				<% end %>
+
+			</table>
+		</div>
+	</div>
+
+</div>