RubyGems - repsheet_visualizer - Versions diffs - 0.2.3 → 1.0.0 - Mend

repsheet_visualizer 0.2.3 → 1.0.0

Files changed (504) hide show

data/lib/repsheet_visualizer/application/views/layout.erb ADDED Viewed

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+  <head>
+    <title>Repsheet::Visualizer</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="">
+    <meta name="author" content="Aaron Bedra" />
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,800italic,400,600,800" type="text/css">
+    <link rel="stylesheet" href="<%= @mount %>stylesheets/font-awesome.min.css" type="text/css" />
+    <link rel="stylesheet" href="<%= @mount %>stylesheets/bootstrap.min.css" type="text/css" />
+    <link rel="stylesheet" href="<%= @mount %>js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css" type="text/css" />
+    <link rel="stylesheet" href="<%= @mount %>js/plugins/icheck/skins/minimal/blue.css" type="text/css" />
+    <link rel="stylesheet" href="<%= @mount %>js/plugins/select2/select2.css" type="text/css" />
+    <link rel="stylesheet" href="<%= @mount %>js/plugins/fullcalendar/fullcalendar.css" type="text/css" />
+    <link rel="stylesheet" href="<%= @mount %>stylesheets/App.css" type="text/css" />
+    <link rel="stylesheet" href="<%= @mount %>stylesheets/custom.css" type="text/css" />
+    <style>
+     #header {
+       padding-top: 20px;
+       padding-left: 10px;
+     }
+     h3.logo-head {
+       color: white;
+     }
+    </style>
+    <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="wrapper">
+      <header id="header">
+        <a href="<%= @mount %>" style="text-decoration:none;">
+          <h3 class="logo-head">Repsheet Visualizer</h3>
+        </a>
+      </header>
+      <nav id="top-bar" class="collapse top-bar-collapse">
+        <ul class="nav navbar-nav pull-left">
+          <li class="">
+            <a href="<%= @mount %>">
+              <i class="fa fa-home"></i>
+              Home
+            </a>
+          </li>
+        </ul>
+      </nav>
+      <%= yield %>
+    </div>
+    <footer id="footer">
+      <ul class="nav pull-right">
+        <li>
+          Copyright &copy; 2013, Aaron Bedra.
+        </li>
+      </ul>
+    </footer>
+    <script src="<%= @mount %>js/libs/jquery-1.9.1.min.js"></script>
+    <script src="<%= @mount %>js/libs/bootstrap.min.js"></script>
+    <script src="<%= @mount %>js/App.js"></script>
+  </body>
+</html>

data/lib/repsheet_visualizer/application/views/suspects.erb ADDED Viewed

@@ -0,0 +1,105 @@
+<div id="sidebar-wrapper" class="collapse sidebar-collapse">
+  <div id="search">
+    <form method="post" action="<%= @mount %>search">
+      <input name="ip" id="ip" class="form-control input-sm" type="text" name="search" placeholder="Search for an Actor" />
+      <button type="submit" id="search-btn" class="btn"><i class="fa fa-search"></i></button>
+    </form>
+  </div>
+  <nav id="sidebar">
+    <ul id="main-nav" class="open-active">
+      <li>
+        <a href="<%= @mount %>">
+          <i class="fa fa-dashboard"></i>
+          Dashboard
+        </a>
+      </li>
+      <li>
+        <a href="<%= @mount%>blacklist">
+          <i class="fa fa-ban"></i>
+          Blacklist
+        </a>
+      </li>
+      <li class="active">
+        <a href="<%= @mount%>suspects">
+          <i class="fa fa-gavel"></i>
+	  Suspects
+        </a>
+      </li>
+      <li>
+        <a href="<%= @mount%>whitelist">
+          <i class="fa fa-thumbs-o-up"></i>
+	  Whitelist
+        </a>
+      </li>
+      <!-- <li>
+      <a href="javascript:;">
+      <i class="fa fa-bar-chart-o"></i>
+      ModSecurity Analysis
+      </a>
+      </li> -->
+      <li>
+        <a href="<%= @mount %>worldview">
+          <i class="fa fa-globe"></i>
+	  World View
+        </a>
+      </li>
+    </ul>
+  </nav>
+</div>
+<div id="content">
+  <div id="content-header">
+    <h1>Suspect Actors</h1>
+  </div>
+  <div id="content-container">
+    <div class="row">
+      <div class="col-md-12">
+        <div class="portlet">
+	  <% if @suspects.size > 0 %>
+          <div class="portlet-header">
+            <h3>All Suspect Actors</h3>
+          </div>
+          <div class="portlet-content">
+            <div class="table-responsive">
+              <table class="table">
+                <thead>
+                  <tr>
+                    <th>IP Address</th>
+		    <th>Triggered ModSecurity Rules</th>
+                    <th>Offenses</th>
+                    <th>Requests</th>
+		    <th></th>
+                  </tr>
+                </thead>
+                <tbody>
+		  <% @suspects.each do |actor, data| %>
+                  <tr>
+                    <td><%= actor %></td>
+		    <td><%= data[:detected] %></td>
+                    <td><%= data[:total] %></td>
+		    <td><%= data[:requests] %></td>
+                    <td><a href="<%= @mount %>actors/<%= actor %>" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                  </tr>
+		  <% end %>
+                </tbody>
+              </table>
+            </div>
+          </div>
+	  <% else %>
+	  <div class="alert alert-info">
+	    There are currently no suspects. Check back later.
+	  </div>
+	  <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/repsheet_visualizer/application/views/whitelist.erb CHANGED Viewed

@@ -1,87 +1,99 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <title>Repsheet::Visualizer::Whitelist</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="">
-    <meta name="author" content="Aaron Bedra">
+<div id="sidebar-wrapper" class="collapse sidebar-collapse">
+  <div id="search">
+    <form method="post" action="<%= @mount %>search">
+      <input name="ip" id="ip" class="form-control input-sm" type="text" name="search" placeholder="Search for an Actor" />
+      <button type="submit" id="search-btn" class="btn"><i class="fa fa-search"></i></button>
+    </form>
+  </div>
-    <link href="<%= @mount %>css/bootstrap.css" rel="stylesheet">
-    <link href="<%= @mount %>css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="<%= @mount %>css/blue/style.css" rel="stylesheet">
-    <link href="<%= @mount %>css/application.css" rel="stylesheet">
+  <nav id="sidebar">
+    <ul id="main-nav" class="open-active">
+      <li>
+        <a href="<%= @mount %>">
+          <i class="fa fa-dashboard"></i>
+          Dashboard
+        </a>
+      </li>
-    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-    <!--[if lt IE 9]>
-      <script src="<%= @mount %>javascripts/html5shiv.js"></script>
-    <![endif]-->
+      <li>
+        <a href="<%= @mount %>blacklist">
+          <i class="fa fa-ban"></i>
+          Blacklist
+        </a>
+      </li>
-    <link rel="shortcut icon" href="<%= @mount %>images/favicon.ico">
+      <li>
+        <a href="<%= @mount %>suspects">
+          <i class="fa fa-gavel"></i>
+          Suspects
+        </a>
+      </li>
-    <script src="<%= @mount %>javascripts/jquery-latest.js" type="text/javascript"></script>
-    <script src="<%= @mount %>javascripts/jquery.tablesorter.min.js" type="text/javascript"></script>
-    <script src="<%= @mount %>javascripts/application.js" type="text/javascript"></script>
-    <script>
-     function activity(ip) {
-       return "<%= @mount %>activity/" + ip;
-     }
-    </script>
-  </head>
+      <li class="active">
+        <a href="<%= @mount%>whitelist">
+          <i class="fa fa-thumbs-o-up"></i>
+          Whitelist
+        </a>
+      </li>
-  <body>
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <a class="brand" href="<%= @mount %>">Repsheet</a>
-	  <div class="nav-collapse collapse">
-	    <ul class="nav">
-	      <li><a href="<%= @mount %>">Actors</a></li>
-	      <li class="active"><a href="<%= @mount %>whitelist">Whitelist</a></li>
-	      <li><a href="<%= @mount %>breakdown">Breakdown</a></li>
-	      <li><a href="<%= @mount %>worldview">Worldview</a></li>
-	    </ul>
-	  </div>
-	  <div id="search">
-	    <input name="ip" id="ip" type="text-field" placeholder="Find Activity For an IP"/>
-	    <input type="submit" id="search-button" value="Search"/>
+      <!-- <li>
+      <a href="javascript:;">
+      <i class="fa fa-bar-chart-o"></i>
+      ModSecurity Analysis
+      </a>
+      </li> -->
+      <li>
+        <a href="<%= @mount %>worldview">
+          <i class="fa fa-globe"></i>
+          World View
+        </a>
+      </li>
+    </ul>
+  </nav>
+</div>
+<div id="content">
+  <div id="content-header">
+    <h1>Whitelisted Actors</h1>
+  </div>
+  <div id="content-container">
+    <div class="row">
+      <div class="col-md-12">
+        <div class="portlet">
+	  <% if @whitelist.size > 0 %>
+          <div class="portlet-header">
+            <h3>All Whitelisted Actors</h3>
+          </div>
+          <div class="portlet-content">
+            <div class="table-responsive">
+              <table class="table">
+                <thead>
+                  <tr>
+                    <th>IP Address</th>
+                    <th></th>
+                  </tr>
+                </thead>
+                <tbody>
+		  <% @whitelist.each do |actor| %>
+                  <tr>
+                    <td><%= actor %></td>
+                    <td><a href="<%= @mount %>actors/<%= actor %>" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                  </tr>
+		  <% end %>
+                </tbody>
+              </table>
+            </div>
+          </div>
+	  <% else %>
+	  <div class="alert alert-info">
+	    There are currently no whitelisted actors. Check back later.
 	  </div>
+	  <% end %>
         </div>
       </div>
     </div>
-    <div class="container">
-      <div id="suspects-wrapper">
-	<h2>Whitelist</h2>
-	<div id="suspects-table-wrapper">
-	  <table id="suspects" class="tablesorter actors">
-            <thead>
-	      <tr>
-		<th>IP</th>
-		<th>Activity</th>
-		<th></th>
-	      </tr>
-	    </thead>
-	    <tbody>
-	      <% @whitelist.each do |actor| %>
-	      <tr>
-		<td><%= actor %></td>
-		<td width=100><a href="<%= @mount %>activity/<%= actor %>">Click to see activity</a>
-		<td width=90>
-		  <form method="post" action="<%= @mount %>action" class="button_to">
-		    <div>
-		      <input value="<%= action(actor, 'false') %>" type="submit" />
-		      <input type="hidden" name="ip" value="<%= actor %>"/>
-		      <input type="hidden" name="action" value="<%= action(actor, 'false') %>"/>
-		    </div>
-		  </form>
-		</td>
-	      </tr>
-	      <% end %>
-	    </tbody>
-	  </table>
-	</div>
-      </div>
-    </div>
-  </body>
-</html>
+  </div>
+</div>

data/lib/repsheet_visualizer/application/views/worldview.erb CHANGED Viewed

@@ -1,89 +1,95 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <title>Repsheet::Visualizer::WorldView</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="">
-    <meta name="author" content="Aaron Bedra">
+<div id="sidebar-wrapper" class="collapse sidebar-collapse">
+  <div id="search">
+    <form method="post" action="<%= @mount %>search">
+      <input name="ip" id="ip" class="form-control input-sm" type="text" name="search" placeholder="Search for an Actor" />
+      <button type="submit" id="search-btn" class="btn"><i class="fa fa-search"></i></button>
+    </form>
+  </div>
-    <link href="<%= @mount %>css/bootstrap.css" rel="stylesheet">
-    <link href="<%= @mount %>css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="<%= @mount %>css/blue/style.css" rel="stylesheet">
-    <link href="<%= @mount %>css/application.css" rel="stylesheet">
+  <nav id="sidebar">
+    <ul id="main-nav" class="open-active">
+      <li>
+        <a href="<%= @mount %>">
+          <i class="fa fa-dashboard"></i>
+          Dashboard
+        </a>
+      </li>
-    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-    <!--[if lt IE 9]>
-      <script src="<%= @mount %>javascripts/html5shiv.js"></script>
-    <![endif]-->
+      <li>
+        <a href="<%= @mount%>blacklist">
+          <i class="fa fa-ban"></i>
+          Blacklist
+        </a>
+      </li>
-    <link rel="shortcut icon" href="<%= @mount %>images/favicon.ico">
+      <li>
+        <a href="<%= @mount%>suspects">
+          <i class="fa fa-gavel"></i>
+          Suspects
+        </a>
+      </li>
-    <script src="<%= @mount %>javascripts/jquery-latest.js" type="text/javascript"></script>
-    <script src="<%= @mount %>javascripts/jquery.tablesorter.min.js" type="text/javascript"></script>
-    <script src="<%= @mount %>javascripts/application.js" type="text/javascript"></script>
-    <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
-    <script>
-     function activity(ip) {
-       return "<%= @mount %>activity/" + ip;
-     }
-    </script>
-  </head>
+      <li>
+        <a href="<%= @mount%>whitelist">
+          <i class="fa fa-thumbs-o-up"></i>
+          Whitelist
+        </a>
+      </li>
+      <!-- <li>
+      <a href="javascript:;">
+      <i class="fa fa-bar-chart-o"></i>
+      ModSecurity Analysis
+      </a>
+      </li> -->
-  <body>
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <a class="brand" href="<%= @mount %>">Repsheet</a>
-	  <div class="nav-collapse collapse">
-	    <ul class="nav">
-	      <li><a href="<%= @mount %>">Actors</a></li>
-	      <li><a href="<%= @mount %>whitelist">Whitelist</a></li>
-	      <li><a href="<%= @mount %>breakdown">Breakdown</a></li>
-	      <li class="active"><a href="<%= @mount %>worldview">Worldview</a></li>
-	    </ul>
-	  </div>
-	  <div id="search">
-	    <input name="ip" id="ip" type="text-field" placeholder="Find Activity For an IP"/>
-	    <input type="submit" id="search-button" value="Search"/>
-	  </div>
-        </div>
-      </div>
-    </div>
+      <li class="active">
+        <a href="<%= @mount %>worldview">
+          <i class="fa fa-globe"></i>
+          World View
+        </a>
+      </li>
+    </ul>
+  </nav>
+</div>
-    <div class="container">
-      <div id="map" style="width: 1024px; height: 768px;"></div>
+<div id="content">
+  <div id="content-header">
+    <h1>World View</h1>
+  </div>
-      <script type="text/javascript">
-	var locations = [
-          <% @data.each do |address, geodetails| %>
-          ['<%= address %>', <%= geodetails[0] %>, <%= geodetails[1] %>],
-	  <% end %>
-	];
+  <div id="content-container">
+    <div id="map" style="width: 100%; height: 600px; margin: auto;"></div>
-	var map = new google.maps.Map(document.getElementById('map'), {
-          zoom: 2,
-          center: new google.maps.LatLng(41.833, -87.731),
-          mapTypeId: google.maps.MapTypeId.ROADMAP
-	});
+    <script type="text/javascript">
+     var locations = [
+       <% @data.each do |address, geodetails| %>
+       ['<%= address %>', <%= geodetails[0] %>, <%= geodetails[1] %>],
+       <% end %>
+     ];
-	var infowindow = new google.maps.InfoWindow();
-	var marker, i;
+     var map = new google.maps.Map(document.getElementById('map'), {
+       zoom: 2,
+       center: new google.maps.LatLng(41.833, -87.731),
+       mapTypeId: google.maps.MapTypeId.ROADMAP
+     });
-	for (i = 0; i < locations.length; i++) {
-          marker = new google.maps.Marker({
-            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
-            map: map
-          });
+     var infowindow = new google.maps.InfoWindow();
+     var marker, i;
-          google.maps.event.addListener(marker, 'click', (function(marker, i) {
-            return function() {
-              infowindow.setContent(locations[i][0]);
-              infowindow.open(map, marker);
-            }
-          })(marker, i));
-        }
-      </script>
-    </div>
-  </body>
-</html>
+     for (i = 0; i < locations.length; i++) {
+       marker = new google.maps.Marker({
+         position: new google.maps.LatLng(locations[i][1], locations[i][2]),
+         map: map
+       });
+       google.maps.event.addListener(marker, 'click', (function(marker, i) {
+         return function() {
+           infowindow.setContent(locations[i][0]);
+           infowindow.open(map, marker);
+         }
+       })(marker, i));
+     }
+    </script>
+  </div>
+</div>