pcapr-local 0.1.10

data/lib/pcapr_local/www/static/script/closet/closet.api.js

@@ -0,0 +1,241 @@
+var closet = closet || {};
+
+(function($) {
+closet.api = (function() {
+    
+var throbber = function() {
+    var span = null; 
+    var count = 0;
+    return {
+        show: function(text) {
+            span = span || $('span.throbber');
+            span.text(text || 'hang on...');
+            if (count++ === 0) {
+                span.show();
+            }
+        },
+        hide: function() { 
+            span = span || $('span.throbber');
+            if (--count <= 0) { 
+                span.hide(); 
+                count = 0;
+            } 
+        }
+    };
+}();
+
+return {
+    PAGE_SIZE: 20,
+    call: function(url, query, scb, ecb) {
+        throbber.show();
+        $.jsonp({
+            url: url,
+            data: query,
+			dataFilter: function(data) {
+				return JSON.parse(JSON.stringify(data));
+			},
+			callbackParameter: 'callback',
+            success: function(data) {
+                scb(data);
+            },
+            complete: function(xopts, status) { 
+                throbber.hide(); 
+				if (status !== 'success' && ecb) {
+				    ecb();
+				}
+            }
+        });
+    },
+    pcaps: {
+        list_by_date: function(query, scb, ecb) {
+            var url = '/pcaps/1/list?by=date';
+            var _query = {
+                include_docs: true,
+                limit: closet.api.PAGE_SIZE+1,
+                descending: true                
+            };
+            
+            if (query) {
+                if (query.startkey) { _query.startkey = unescape(query.startkey); }
+                if (query.startkey_docid) { _query.startkey_docid = query.startkey_docid; }
+                if (query.limit) { _query.limit = query.limit; }                
+            }
+            
+            closet.api.call(url, _query, scb, ecb);
+        },
+        // Expect 'dirs' to be an array of path components
+        list_by_dir: function(dirs, query, scb, ecb) {
+            dirs = dirs.concat([]);
+            if (dirs.length === 1 && dirs[0].length === 0) { dirs.pop(); }
+            dirs.unshift(dirs.length);
+                        
+            var url = '/pcaps/1/list?by=directory&endkey=' + JSON.stringify(dirs);
+            var _query = {
+                reduce: false,
+                include_docs: true,
+                limit: closet.api.PAGE_SIZE+1,
+                descending: true
+            };
+            
+            if (query) {
+                _query.startkey = query.startkey ? unescape(query.startkey) : JSON.stringify(dirs.concat([""]));
+                if (query.startkey_docid) { _query.startkey_docid = query.startkey_docid; }
+                if (query.limit) { _query.limit = query.limit; }                
+            }
+            
+            closet.api.call(url, _query, scb, ecb);            
+        },
+        list_by_keyword: function(keyword, query, scb, ecb) {
+            var url = '/pcaps/1/list?by=keyword';
+            var _query = {
+                startkey: '["' + keyword + '\\u9999"]',
+                endkey: '["' + keyword + '"]',
+                reduce: false,
+                include_docs: true,
+                limit: closet.api.PAGE_SIZE,
+                descending: true
+            };
+            
+            if (query) {
+                if (query.limit) { _query.limit = query.limit; }                
+            }
+            
+            closet.api.call(url, _query, scb, ecb);            
+        },
+        list_by_service: function(service, query, scb, ecb) {
+            var url = '/pcaps/1/list?by=service&endkey=[' + service + ']';
+            var _query = {
+                reduce: false,
+                include_docs: true,
+                limit: closet.api.PAGE_SIZE+1,
+                descending: true
+            };
+            
+            if (query) {
+                _query.startkey = query.startkey ? unescape(query.startkey) : ('[' + service + ',""]');
+                if (query.startkey_docid) { _query.startkey_docid = query.startkey_docid; }
+                if (query.limit) { _query.limit = query.limit; }                
+            }
+            
+            closet.api.call(url, _query, scb, ecb);
+        },
+        list_by_status: function(status, query, scb, ecb) {
+            var url = '/pcaps/1/list?by=status&endkey=[' + status + ']';
+            var _query = {
+                reduce: false,
+                include_docs: true,
+                limit: closet.api.PAGE_SIZE+1,
+                descending: true                
+            };
+            
+            if (query) {
+                _query.startkey = query.startkey ? unescape(query.startkey) : ('[' + status + ',""]');
+                if (query.startkey_docid) { _query.startkey_docid = query.startkey_docid; }
+                if (query.limit) { _query.limit = query.limit; }                
+            }
+            
+            closet.api.call(url, _query, scb, ecb);
+        },
+        services: function(scb, ecb) {
+            var url = '/pcaps/1/list?by=service';
+            closet.api.call(url, { group_level: 1 }, scb, ecb);
+        },
+        statistics: function(scb, ecb) {
+            var url = '/pcaps/1/statistics';
+            closet.api.call(url, null, scb, ecb);
+        }
+    },
+    pcap: {
+        about: function(pcap, scb, ecb) {
+            var url = '/pcaps/1/about/' + pcap;
+            closet.api.call(url, null, scb, ecb);
+        },
+        remove: function(pcap, scb, ecb) {
+            var url = '/pcaps/1/remove/' + pcap;
+            closet.api.call(url, null, scb, ecb);            
+        }
+    },
+    fields: {
+        list: function(pcap, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/fields';
+            closet.api.call(url, null, scb, ecb);            
+        }
+    },
+	field: {
+		terms: function(pcap, field, start, limit, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/field/' + field + '/terms';
+            var query = { };
+            if (start !== null && start !== undefined) { query.start = start; }
+            if (limit != null && limit !== undefined) { query.limit = limit; }
+			closet.api.call(url, query, scb);
+		}
+	},
+    flows: {
+        list: function(pcap, query, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/flows';
+            closet.api.call(url, query, scb, ecb);
+        },
+        report: function(pcap, query, report, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/flows/report';
+            closet.api.call(url, { q: query, r: report }, scb, ecb);            
+        },
+        clients: function(pcap, query, start, end, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/flows/clients';
+            var query = { q: query, start: start, end: end };
+            closet.api.call(url, query, scb, ecb);
+        },
+        servers: function(pcap, query, start, end, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/flows/servers';
+            var query = { q: query, start: start, end: end };
+            closet.api.call(url, query, scb, ecb);
+        },
+        services: function(pcap, query, start, end, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/flows/services';
+            var query = { q: query, start: start, end: end };
+            closet.api.call(url, query, scb, ecb);
+        }
+    },
+    flow: {
+        about: function(pcap, id, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/flows';
+            var query = { q: 'flow.id:' + id, limit: 1 };
+            closet.api.call(url, query, function(data) {
+                if (data.rows.length === 1) {
+                    scb(data.rows[0]);
+                } else {
+                    (ecb || function() {})();
+                }
+            }, ecb);
+        }
+    },
+    packets: {
+        fields: function(pcap, query, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/packets/fields';
+            closet.api.call(url, query, scb, ecb);
+        },
+        list: function(pcap, query, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/packets';
+            closet.api.call(url, query, scb, ecb);
+        },
+        report: function(pcap, query, report, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/packets/report';
+            closet.api.call(url, { q: query, r: report }, scb, ecb);            
+        }
+    },
+    packet: {
+        about: function(pcap, packet, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/packet/' + packet + '/about';
+            closet.api.call(url, null, scb, ecb);            
+        },
+        pdml: function(pcap, packet, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/packet/' + packet + '/pdml';
+            closet.api.call(url, null, scb, ecb);
+        },
+        bytes: function(pcap, packet, scb, ecb) {
+            var url = '/pcaps/1/pcap/' + pcap + '/api/packet/' + packet + '/bytes';
+            closet.api.call(url, null, scb, ecb);
+        }
+    }    
+}; 
+}());
+}(jQuery));

data/lib/pcapr_local/www/static/script/closet/closet.folders.js

@@ -0,0 +1,94 @@
+var closet = closet || {};
+
+(function($) {
+closet.folders = (function() {
+    var iconPlus = '<img class="icon" style="width:10px" src="/static/image/16x16/Plus.png"/>';
+    var iconMinus = '<img class="icon" style="width:10px" src="/static/image/16x16/Minus.png"/>';
+    var iconEmpty = '<img class="icon" style="width:10px" src="/static/image/16x16/Folder3.png"/>';
+    
+    var toggle = function($root) {
+        var $children = $root.children('div.children');
+        var $toggle = $root.children('a.toggle');
+        if ($children.css('display') === 'none') {
+            $children.css('display', '');
+            $toggle.html(iconMinus);
+        } else {
+            $children.css('display', 'none');
+            $toggle.html(iconPlus);
+        }            
+    };
+            
+    var addFolders = function($root, depth, cb) {
+        var root = $root.data('path');
+        var $children = $root.children('div.children');
+        toggle($root);
+        
+        var url = '/pcaps/1/list?by=path';
+        if (depth > 1) {
+            var paths = root.split('/');
+            var startkey = paths.concat([0]);
+            var endkey = paths.concat([{}]);
+            url += '&startkey=' + JSON.stringify(startkey);
+            url += '&endkey=' + JSON.stringify(endkey);
+        }
+        
+        $.ajax({
+            url: url,
+            data: { group_level: depth, limit: 20 },
+            dataType: 'json',
+            success: function(kvs) {
+                if (kvs.rows.length === 0 && depth > 1) {
+                    $root.find('a.toggle').replaceWith(iconEmpty);
+                    return;
+                }
+                
+                $.each(kvs.rows, function(_, kv) {
+                    if (kv.key.length !== depth) { return; }
+                    var path = kv.key.join('/');
+                    $children.append(
+                        '<div class="folder">' +
+                            '<a class="toggle"/>&nbsp;' +
+                            '<a class="link" title="' + path + '">' + kv.key[depth-1] + '</a>' +
+                            '&nbsp;' +
+                            '<sup style="font-size:smaller">' + kv.value + '</sup>' +
+                            '<div class="children" style="margin-left:20px;display:none"/>' +
+                        '</div>'
+                    ).find('div.folder:last').data('path', path);
+                });
+                
+                $children
+                    .find('a.toggle').attr('href', 'javascript:void(0)')
+                        .html('<img class="icon" style="width:10px" src="/static/image/16x16/Plus.png"/>')
+                        .click(function() {
+                            var folder = $(this).parent('div.folder');
+                            var children = $(this).nextAll('div.children');
+                            if (children.children().length === 0) {
+                                addFolders(folder, depth+1, cb);
+                            } else {
+                                toggle(folder);
+                            }
+                        })
+                    .end()
+                    .find('a.link').attr('href', 'javascript:void(0)')
+                        .click(function() {
+                            cb($(this).parent('div.folder').data('path'));
+                        });
+            }
+        });            
+    };
+    
+    return {
+        manage: function($root, cb) {
+            var $f = $root.data('folders');
+            if (!$f) {
+                $f = $('<div class="folder" style="margin-top: 20px;margin-bottom:20px"><div class="children" style="display:none"/></div>');
+                $f.data('path', '/');
+                $root.data('folders', $f);
+                addFolders($f, 1, cb);
+            }
+            
+            $root.empty().append($f);            
+        }
+    };
+}());
+}(jQuery));

data/lib/pcapr_local/www/static/script/closet/closet.js

@@ -0,0 +1,187 @@
+var closet = closet || {};
+
+(function($) {
+closet.load = (function() {
+    $('ul.tab a').click(function() {
+        var id = $(this).attr('id');
+        $('ul.tab li.active').removeClass('active').end();
+        $(this).parent('li').addClass('active');
+    });
+    
+    var refresh = function(ctx) {
+        closet.api.pcaps.statistics(function(stats) {
+            ctx.render('/templates/statistics.template', { stats: stats }, function(content) {
+                $('div.statistics').html(content);
+            });            
+        });
+    };
+    
+    var browse = function(ctx, data) {
+        ctx.render('/templates/browse.template', data, function(content) {
+            ctx.$element().html(content).find('a.remove').click(function() {
+                var $self = $(this);
+                var id = $self.attr('id');
+                if (confirm('Are you sure you want to delete this pcap and the index?')) {
+                    closet.api.pcap.remove(id, function(result) {
+                        if (result.ok) {
+                            $self.parents('li.l0').css('background', '#DD1122').fadeOut(function() {
+                                $self.remove();
+                            });
+                        }
+                    });
+                }
+            });
+        });
+    };
+    
+    var app = $.sammy(function() {
+        this.element_selector = $('div.browse-tab');
+        this.use(Sammy.Template);
+        
+        // 1. Select the appropriate tab on click
+        // 2. Update the statistics on each click
+        this.before(/^#\/(create|browse|services|folders)/, function(ctx) {
+            var id = RegExp.$1;
+            $('ul.tab a#' + id).click();
+            
+            // Especially for the folders, we need to keep the contents
+            // around since it contains the expanded/collapsed states of 
+            // the subfolders as well as all of the events.
+            if (ctx.$element().data('closet.detach')) {
+                ctx.$element().data('closet.detach', false);
+                ctx.$element().contents().detach();                
+            }
+            ctx.$element().html('<div><p/><span class="throbber">hang on</span><p/></div>');
+            refresh(ctx);
+        });
+        
+        // Create scenarios from HAR files
+        this.get('#/create', function(ctx) {
+            ctx.render('/templates/har.upload.template', {}, function(content) {
+                ctx.$element().html(content);
+                closet.create.har(ctx);
+            });
+        });
+                
+        // Browse the pcaps by date (and handle paging)
+        this.get('#/browse', function(ctx) {
+            var path = ctx.path.replace(/\?.*$/, '');
+            closet.api.pcaps.list_by_date({
+                startkey: ctx.params.nextkey,
+                startkey_docid: ctx.params.nextid,
+            }, function(pcaps) {
+                browse(ctx, { path: path, pcaps: pcaps });
+            });
+        });
+        
+        // Filter the pcaps by service (and handle paging)
+        this.get(/^#\/browse\/service\/(.*)/, function(ctx) {
+            var path = ctx.path.replace(/\?.*$/, '');
+            var service = JSON.stringify(ctx.params.splat[0]);
+            closet.api.pcaps.list_by_service(service, {
+                startkey: ctx.params.nextkey,
+                startkey_docid: ctx.params.nextid
+            }, function(pcaps) {
+                pcaps.filter = true;
+                browse(ctx, { path: path, pcaps: pcaps });
+            });
+        });
+        
+        // Filter the pcaps by status (and handle paging)
+        this.get('#/browse/status/:name', function(ctx) {
+            var path = ctx.path.replace(/\?.*$/, '');
+            var status = JSON.stringify(ctx.params.name);
+            closet.api.pcaps.list_by_status(status, {
+                startkey: ctx.params.nextkey,
+                startkey_docid: ctx.params.nextid
+            }, function(pcaps) {
+                pcaps.filter = true;
+                browse(ctx, { path: path, pcaps: pcaps });
+            });
+        });
+        
+        // Filter the pcaps by directory path (and handle paging)
+        this.get(/^#\/browse\/dir\/(.*)/, function(ctx) {
+            var path = ctx.path.replace(/\?.*$/, '');            
+            var dirs = ctx.params.splat[0].split('/');            
+            closet.api.pcaps.list_by_dir(dirs, {
+                startkey: ctx.params.nextkey,
+                startkey_docid: ctx.params.nextid
+            }, function(pcaps) {
+                pcaps.filter = true;
+                browse(ctx, { path: path, pcaps: pcaps });
+            });
+        });
+        
+        // Filter the pcaps by keyword
+        this.get('#/browse/keyword/:name', function(ctx) {
+            var path = ctx.path.replace(/\?.*$/, '');            
+            closet.api.pcaps.list_by_keyword(ctx.params.name, null, function(pcaps) {
+                pcaps.filter = true;
+                browse(ctx, { path: path, pcaps: pcaps });
+            });
+        });
+        
+        // View a given pcap
+        this.get('#/browse/pcap/:pcap', function(ctx) {
+            closet.api.pcap.about(ctx.params.pcap, function(pcap) {
+                ctx.render('/templates/pcap.template', { pcap: pcap }, function(content) {
+                    var $reports = ctx.swap(content).find('div.reports');
+                    closet.report.load(ctx, $reports, pcap);
+                });
+            });
+        });
+        
+        // Report on a given pcap (with optional filters and other settings)
+        this.get('#/browse/report/:pcap/:category/:report', function(ctx) {
+            closet.api.pcap.about(ctx.params.pcap, function(pcap) {
+                ctx.render('/templates/pcap.template', { pcap: pcap }, function(content) {
+                    var $reports = ctx.swap(content).find('div.reports');
+                    var category = ctx.params.category;
+                    var report = ctx.params.report;
+                    closet.report.load(ctx, $reports, pcap, function() {
+                        closet.report.create(ctx, $reports, pcap, category, report, ctx.params);                        
+                    });
+                });
+            });
+        });
+        
+        // Generate a scenario for a given flow
+        // this.get('#/browse/pcap/:pcap/flow/:id', function(ctx) {
+        //     var pcap = { _id: ctx.params.pcap };
+        //     closet.scenario(ctx.$element(), pcap, ctx.params.id);
+        // });
+        
+        // Expand/collapse folders
+        this.get('#/folders', function(ctx) {
+            ctx.$element().data('closet.detach', true);
+            closet.folders.manage(ctx.$element(), function(path) {
+                app.setLocation('#/browse/dir/' + path);
+            });
+        });
+        
+        // Show services across all pcaps
+        this.get('#/services', function(ctx) {
+            closet.api.pcaps.services(function(kvs) {
+                ctx.partial('/templates/browse.services.template', { kvs: kvs });                
+            });
+        });
+    });
+    
+    (function() {
+        var timerId;
+        var lastVal = '';
+        var timer = function() {
+            app.setLocation(lastVal.length < 2 ? '#/browse' : ('#/browse/keyword/' + lastVal));
+        };
+        
+        $('input#search').keyup(function() {
+            lastVal = $(this).val();
+            if (timerId) { clearTimeout(timerId); }
+            timerId = setTimeout(timer, 250);
+        });        
+    }());
+    
+    app.run('#/browse');
+});
+}(jQuery));