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/redesign/fonts/glyphicons-halflings-regular.ttf ADDED Viewed

Binary file

data/redesign/fonts/glyphicons-halflings-regular.woff ADDED Viewed

Binary file

data/redesign/img/jquery/handle-vertical.png ADDED Viewed

Binary file

data/redesign/img/jquery/handle.png ADDED Viewed

Binary file

data/redesign/img/layout/sidebar-bg.png ADDED Viewed

Binary file

data/redesign/img/loaders/ajax-loader.gif ADDED Viewed

Binary file

data/redesign/img/photos/map.png ADDED Viewed

Binary file

data/redesign/index.html ADDED Viewed

@@ -0,0 +1,333 @@
+<!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="./css/font-awesome.min.css" type="text/css" />
+    <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" />
+    <link rel="stylesheet" href="./js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css" type="text/css" />
+    <link rel="stylesheet" href="./js/plugins/icheck/skins/minimal/blue.css" type="text/css" />
+    <link rel="stylesheet" href="./js/plugins/select2/select2.css" type="text/css" />
+    <link rel="stylesheet" href="./js/plugins/fullcalendar/fullcalendar.css" type="text/css" />
+    <link rel="stylesheet" href="./css/App.css" type="text/css" />
+    <link rel="stylesheet" href="./css/custom.css" type="text/css" />
+    <style>
+     #header {
+       padding-top: 20px;
+       padding-left: 10px;
+     }
+     h3.logo-head {
+       color: white;
+     }
+    </style>
+  </head>
+  <body>
+    <div id="wrapper">
+      <header id="header">
+        <a href="index.html" style="text-decoration:none;">
+	  <h3 class="logo-head">Repsheet Visualizer</h2>
+        </a>
+        <a href="javascript:;" data-toggle="collapse" data-target=".top-bar-collapse" id="top-bar-toggle" class="navbar-toggle collapsed">
+          <i class="fa fa-cog"></i>
+        </a>
+        <a href="javascript:;" data-toggle="collapse" data-target=".sidebar-collapse" id="sidebar-toggle" class="navbar-toggle collapsed">
+          <i class="fa fa-reorder"></i>
+        </a>
+      </header>
+      <nav id="top-bar" class="collapse top-bar-collapse">
+        <ul class="nav navbar-nav pull-left">
+          <li class="">
+            <a href="./index.html">
+              <i class="fa fa-home"></i>
+              Home
+            </a>
+          </li>
+        </ul>
+      </nav>
+      <div id="sidebar-wrapper" class="collapse sidebar-collapse">
+        <div id="search">
+          <form>
+            <input class="form-control input-sm" type="text" name="search" placeholder="Search..." />
+            <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 class="active">
+              <a href="./index.html">
+                <i class="fa fa-dashboard"></i>
+                Dashboard
+              </a>
+            </li>
+            <li>
+              <a href="blacklist.html">
+                <i class="fa fa-ban"></i>
+                Blacklist
+              </a>
+            </li>
+            <li>
+              <a href="suspects.html">
+                <i class="fa fa-gavel"></i>
+		Suspects
+              </a>
+            </li>
+            <li>
+              <a href="whitelist.html">
+                <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="javascript:;">
+                <i class="fa fa-globe"></i>
+		World View
+              </a>
+            </li>
+          </ul>
+        </nav> <!-- #sidebar -->
+      </div> <!-- /#sidebar-wrapper -->
+      <div id="content">
+        <div id="content-header">
+          <h1>Dashboard</h1>
+        </div>
+        <div id="content-container">
+          <div>
+            <h4 class="heading-inline">Daily Stats</h4>
+          </div>
+          <br />
+          <div class="row">
+            <div class="col-md-3 col-sm-6">
+              <a href="blacklist.html" class="dashboard-stat primary">
+                <div class="details">
+                  <span class="content">Blacklisted Actors</span>
+                  <span class="value">27</span>
+                </div>
+                <i class="fa fa-play-circle more"></i>
+              </a>
+            </div>
+            <div class="col-md-3 col-sm-6">
+              <a href="suspects.html" class="dashboard-stat secondary">
+                <div class="details">
+                  <span class="content">Suspect Actors</span>
+                  <span class="value">94</span>
+                </div>
+                <i class="fa fa-play-circle more"></i>
+              </a>
+            </div>
+            <div class="col-md-3 col-sm-6">
+              <a href="whitelist.html" class="dashboard-stat tertiary">
+                <div class="details">
+                  <span class="content">Whitelisted Actors</span>
+                  <span class="value">10</span>
+                </div>
+                <i class="fa fa-play-circle more"></i>
+              </a>
+            </div>
+            <div class="col-md-3 col-sm-6">
+              <a href="javascript:;" class="dashboard-stat">
+                <div class="details">
+                  <span class="content">Blacklist Total</span>
+                  <span class="value">2,789</span>
+                </div>
+              </a>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="portlet">
+                <div class="portlet-header">
+                  <h3>
+                    <i class="fa fa-bar-chart-o"></i>
+                    Activity
+                  </h3>
+                </div>
+                <div class="portlet-content">
+                  <div id="area-chart" class="chart-holder" style="height: 250px"></div>
+                </div>
+              </div>
+              <div class="row">
+                <div class="col-md-6">
+                  <div class="portlet">
+                    <div class="portlet-header">
+                      <h3>Top 10 Suspect Actors</h3>
+                    </div>
+                    <div class="portlet-content">
+                      <div class="table-responsive">
+                        <table class="table">
+                          <thead>
+                            <tr>
+                              <th>IP Address</th>
+                              <th>Offenses</th>
+                              <th>Requests</th>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            <tr>
+                              <td>27.156.98.127</td>
+                              <td>31</td>
+			      <td>200</td>
+			      <td><a href="actor.html" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                            </tr>
+                            <tr>
+                              <td>124.128.236.189</td>
+                              <td>28</td>
+			      <td>200</td>
+			      <td><a href="actor.html" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                            </tr>
+                            <tr>
+                              <td>182.236.163.6</td>
+                              <td>26</td>
+			      <td>200</td>
+			      <td><a href="actor.html" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                            </tr>
+                            <tr>
+                              <td>188.143.234.90</td>
+                              <td>20</td>
+                              <td>200</td>
+			      <td><a href="actor.html" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </div>
+                      <hr />
+                      <a href="javascript:;" class="btn btn-sm btn-secondary">View All Suspect Actors</a>
+                    </div> <!-- /.portlet-content -->
+                  </div> <!-- /.portlet -->
+                </div> <!-- /.col-md-6 -->
+                <div class="col-md-6">
+                  <div class="portlet">
+                    <div class="portlet-header">
+                      <h3>Top 10 Blacklisted Actors</h3>
+                    </div>
+                    <div class="portlet-content">
+                      <div class="table-responsive">
+                        <table class="table">
+                          <thead>
+                            <tr>
+                              <th>IP Address</th>
+                              <th>Offenses</th>
+                              <th>Requests</th>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            <tr>
+                              <td>27.156.98.127</td>
+                              <td>31</td>
+			      <td>200</td>
+                              <td><a href="actor.html" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                            </tr>
+                            <tr>
+                              <td>124.128.236.189</td>
+                              <td>28</td>
+			      <td>200</td>
+			      <td><a href="actor.html" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                            </tr>
+                            <tr>
+                              <td>182.236.163.6</td>
+                              <td>26</td>
+			      <td>200</td>
+			      <td><a href="actor.html" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                            </tr>
+                            <tr>
+                              <td>188.143.234.90</td>
+                              <td>20</td>
+                              <td>200</td>
+			      <td><a href="actor.html" class="btn btn-xs btn-tertiary">View &nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a></td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </div>
+                      <hr />
+                      <a href="javascript:;" class="btn btn-sm btn-primary">View All Blacklisted Actors</a>
+                    </div> <!-- /.portlet-content -->
+                  </div> <!-- /.portlet -->
+                </div> <!-- /.col-md-6 -->
+              </div> <!-- /.row -->
+            </div> <!-- /.col-md-9 -->
+          </div> <!-- /.row -->
+        </div> <!-- /#content-container -->
+      </div> <!-- #content -->
+    </div> <!-- #wrapper -->
+    <footer id="footer">
+      <ul class="nav pull-right">
+        <li>
+          Copyright &copy; 2013, Aaron Bedra.
+        </li>
+      </ul>
+    </footer>
+    <script src="./js/libs/jquery-1.9.1.min.js"></script>
+    <script src="./js/libs/jquery-ui-1.9.2.custom.min.js"></script>
+    <script src="./js/libs/bootstrap.min.js"></script>
+    <script src="./js/plugins/icheck/jquery.icheck.min.js"></script>
+    <script src="./js/plugins/select2/select2.js"></script>
+    <script src="./js/plugins/tableCheckable/jquery.tableCheckable.js"></script>
+    <script src="./js/App.js"></script>
+    <script src="./js/libs/raphael-2.1.2.min.js"></script>
+    <script src="./js/plugins/morris/morris.min.js"></script>
+    <script src="./js/demos/charts/morris/area.js"></script>
+    <script src="./js/demos/charts/morris/donut.js"></script>
+    <script src="./js/plugins/sparkline/jquery.sparkline.min.js"></script>
+    <script src="./js/plugins/fullcalendar/fullcalendar.min.js"></script>
+    <script src="./js/demos/calendar.js"></script>
+    <script src="./js/demos/dashboard.js"></script>
+  </body>
+</html>

data/redesign/js/App.js ADDED Viewed

@@ -0,0 +1,372 @@
+var App = function () {
+    "use strict";
+    var chartColors = ['#e5412d', '#f0ad4e', '#444', '#888','#555','#999','#bbb','#ccc','#eee'];
+    return { init: init, chartColors: chartColors, debounce: debounce };
+    function init () {
+        initLayout ();
+        initICheck ();
+        initSelect2 ();
+        initTableCheckable ();
+        initLightbox ();
+        initEnhancedAccordion ();
+        initDataTableHelper ();
+        initFormValidation ();
+        initTooltips ();
+        initDatepicker ();
+        initTimepicker ();
+        initColorpicker ();
+        initAutosize ();
+        initBackToTop ();
+    }
+    function initLayout () {
+        $('#site-logo').prependTo ('#wrapper');
+        $('html').removeClass ('no-js');
+        Nav.init ();
+        $('body').on('touchstart.dropdown', '.dropdown-menu', function (e) {
+            e.stopPropagation();
+        });
+    }
+    function initTableCheckable () {
+        if ($.fn.tableCheckable) {
+            $('.table-checkable')
+                .tableCheckable ()
+                .on ('masterChecked', function (event, master, slaves) {
+                    if ($.fn.iCheck) { $(slaves).iCheck ('update'); }
+                })
+                .on ('slaveChecked', function (event, master, slave) {
+                    if ($.fn.iCheck) { $(master).iCheck ('update'); }
+                });
+        }
+    }
+    function initAutosize () {
+        if ($.fn.autosize) {
+            $('.ui-textarea-autosize').each(function() {
+                if($(this).data ('animate')) {
+                    $(this).addClass ('autosize-animate').autosize();
+                } else {
+                    $(this).autosize();
+                }
+            });
+        }
+    }
+    function initEnhancedAccordion () {
+        $('.accordion .accordion-toggle').on('click', function (e) {
+            $(e.target).parent ().parent ().parent ().addClass('open');
+        });
+        $('.accordion .accordion-toggle').on('click', function (e) {
+            $(this).parents ('.panel').siblings ().removeClass ('open');
+        });
+        $('.accordion').each (function () {
+            $(this).find ('.panel-collapse.in').parent ().addClass ('open');
+        });
+    }
+    function initFormValidation () {
+        if ($.fn.parsley) {
+            $('.parsley-form').each (function () {
+                console.log ($(this))
+                $(this).parsley ({
+                    trigger: 'change',
+                    errors: {
+                        container: function (element, isRadioOrCheckbox) {
+                            if (element.parents ('form').is ('.form-horizontal')) {
+                                return element.parents ("*[class^='col-']");
+                            }
+                            return element.parents ('.form-group');
+                        }
+                    }
+                });
+            });
+        }
+    }
+    function initLightbox () {
+        if ($.fn.magnificPopup) {
+            $('.ui-lightbox').magnificPopup({
+                type: 'image',
+                closeOnContentClick: false,
+                closeBtnInside: true,
+                fixedContentPos: true,
+                mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
+                image: {
+                    verticalFit: true,
+                    tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
+                }
+            });
+            $('.ui-lightbox-video, .ui-lightbox-iframe').magnificPopup({
+                disableOn: 700,
+                type: 'iframe',
+                mainClass: 'mfp-fade',
+                removalDelay: 160,
+                preloader: false,
+                fixedContentPos: false
+            });
+            $('.ui-lightbox-gallery').magnificPopup({
+                delegate: 'a',
+                type: 'image',
+                tLoading: 'Loading image #%curr%...',
+                mainClass: 'mfp-img-mobile',
+                gallery: {
+                    enabled: true,
+                    navigateByImgClick: true,
+                    preload: [0,1] // Will preload 0 - before current, and 1 after the current image
+                },
+                image: {
+                    tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
+                    titleSrc: function(item) {
+                        return item.el.attr('title') + '<small>by Marsel Van Oosten</small>';
+                    }
+                }
+            });
+        }
+    }
+    function initSelect2 () {
+        if ($.fn.select2) {
+            $('.ui-select2').select2({ allowClear: true, placeholder: "Select..." });
+        }
+    }
+    function initDatepicker () {
+        if ($.fn.datepicker) { $('.ui-datepicker').datepicker ({ autoclose: true }); }
+    }
+    function initTimepicker () {
+        if ($.fn.timepicker) {
+            var pickers = $('.ui-timepicker, .ui-timepicker-modal');
+            pickers.each (function () {
+                $(this).parent ('.input-group').addClass ('bootstrap-timepicker');
+                if ($(this).is ('.ui-timepicker')) {
+                    $(this).timepicker ();
+                } else {
+                    $(this).timepicker({ template: 'modal' });
+                }
+            });
+        }
+    }
+    function initColorpicker () {
+        if ($.fn.simplecolorpicker) {
+            $('.ui-colorpicker').each (function (i) {
+                var picker = $(this).data ('picker');
+                $(this).simplecolorpicker({
+                    picker: picker
+                });
+            });
+        }
+    }
+    function initTooltips () {
+        if ($.fn.tooltip) { $('.ui-tooltip').tooltip (); }
+        if ($.fn.popover) { $('.ui-popover').popover ({ container: 'body' }); }
+    }
+    function initICheck () {
+        if ($.fn.iCheck) {
+            $('.icheck-input').iCheck({
+                checkboxClass: 'icheckbox_minimal-blue',
+                radioClass: 'iradio_minimal-blue',
+                inheritClass: true
+            }).on ('ifChanged', function (e) {
+                $(e.currentTarget).trigger ('change');
+            });
+        }
+    }
+    function initBackToTop () {
+        var backToTop = $('<a>', { id: 'back-to-top', href: '#top' });
+        var icon = $('<i>', { class: 'fa fa-chevron-up' });
+        backToTop.appendTo ('body');
+        icon.appendTo (backToTop);
+        backToTop.hide();
+        $(window).scroll(function () {
+            if ($(this).scrollTop() > 150) {
+                backToTop.fadeIn ();
+            } else {
+                backToTop.fadeOut ();
+            }
+        });
+        backToTop.click (function (e) {
+            e.preventDefault ();
+            $('body, html').animate({
+                scrollTop: 0
+            }, 600);
+        });
+    }
+    function initDataTableHelper () {
+        if ($.fn.dataTable) {
+            $('[data-provide="datatable"]').each (function () {
+                $(this).addClass ('dataTable-helper');
+                var defaultOptions = {
+                    paginate: false,
+                    search: false,
+                    info: false,
+                    lengthChange: false,
+                    displayRows: 10
+                },
+                dataOptions = $(this).data (),
+                helperOptions = $.extend (defaultOptions, dataOptions),
+                $thisTable,
+                tableConfig = {};
+                tableConfig.iDisplayLength = helperOptions.displayRows;
+                tableConfig.bFilter = true;
+                tableConfig.bSort = true;
+                tableConfig.bPaginate = false;
+                tableConfig.bLengthChange = false;
+                tableConfig.bInfo = false;
+                if (helperOptions.paginate) { tableConfig.bPaginate = true; }
+                if (helperOptions.lengthChange) { tableConfig.bLengthChange = true; }
+                if (helperOptions.info) { tableConfig.bInfo = true; }
+                if (helperOptions.search) { $(this).parent ().removeClass ('datatable-hidesearch'); }
+                tableConfig.aaSorting = [];
+                tableConfig.aoColumns = [];
+                $(this).find ('thead tr th').each (function (index, value) {
+                    var sortable = ($(this).data ('sortable') === true) ? true : false;
+                    tableConfig.aoColumns.push ({ 'bSortable': sortable });
+                    if ($(this).data ('direction')) {
+                        tableConfig.aaSorting.push ([index, $(this).data ('direction')]);
+                    }
+                });
+                // Create the datatable
+                $thisTable = $(this).dataTable (tableConfig);
+                if (!helperOptions.search) {
+                    $thisTable.parent ().find ('.dataTables_filter').remove ();
+                }
+                var filterableCols = $thisTable.find ('thead th').filter ('[data-filterable="true"]');
+                if (filterableCols.length > 0) {
+                    var columns = $thisTable.fnSettings().aoColumns,
+                    $row, th, $col, showFilter;
+                    $row = $('<tr>', { cls: 'dataTable-filter-row' }).appendTo ($thisTable.find ('thead'));
+                    for (var i=0; i<columns.length; i++) {
+                        $col = $(columns[i].nTh.outerHTML);
+                        showFilter = ($col.data ('filterable') === true) ? 'show' : 'hide';
+                        th = '<th class="' + $col.prop ('class') + '">';
+                        th += '<input type="text" class="form-control input-sm ' + showFilter + '" placeholder="' + $col.text () + '">';
+                        th += '</th>';
+                        $row.append (th);
+                    }
+                    $row.find ('th').removeClass ('sorting sorting_disabled sorting_asc sorting_desc sorting_asc_disabled sorting_desc_disabled');
+                    $thisTable.find ('thead input').keyup( function () {
+                        $thisTable.fnFilter( this.value, $thisTable.oApi._fnVisibleToColumnIndex(
+                            $thisTable.fnSettings(), $thisTable.find ('thead input[type=text]').index(this) ) );
+                    });
+                    $thisTable.addClass ('datatable-columnfilter');
+                }
+            });
+            $('.dataTables_filter input').prop ('placeholder', 'Search...');
+        }
+    }
+    function debounce (func, wait, immediate) {
+        var timeout, args, context, timestamp, result;
+        return function() {
+            context = this;
+            args = arguments;
+            timestamp = new Date();
+            var later = function() {
+                var last = (new Date()) - timestamp;
+                if (last < wait) {
+                    timeout = setTimeout(later, wait - last);
+                } else {
+                    timeout = null;
+                    if (!immediate) result = func.apply(context, args);
+                }
+            };
+            var callNow = immediate && !timeout;
+            if (!timeout) {
+                timeout = setTimeout(later, wait);
+            }
+            if (callNow) result = func.apply(context, args);
+            return result;
+        };
+    }
+}();
+var Nav = function () {
+    return { init: init };
+    function init () {
+        var mainnav = $('#main-nav'),
+        openActive = mainnav.is ('.open-active'),
+        navActive = mainnav.find ('> .active');
+        mainnav.find ('> .dropdown > a').bind ('click', navClick);
+        if (openActive && navActive.is ('.dropdown')) {
+            navActive.addClass ('opened').find ('.sub-nav').show ();
+        }
+    }
+    function navClick (e) {
+        e.preventDefault ();
+        var li = $(this).parents ('li');
+        if (li.is ('.opened')) {
+            closeAll ();
+        } else {
+            closeAll ();
+            li.addClass ('opened').find ('.sub-nav').slideDown ();
+        }
+    }
+    function closeAll () {
+        $('.sub-nav').slideUp ().parents ('li').removeClass ('opened');
+    }
+}();
+$(function () {
+    App.init ();
+});