You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@metron.apache.org by si...@apache.org on 2016/01/14 18:03:04 UTC
[09/85] [partial] incubator-metron git commit: Rename all OpenSOC
files to Metron
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/text/lib/showdown.js
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/text/lib/showdown.js b/metron-ui/lib/public/app/panels/text/lib/showdown.js
new file mode 100755
index 0000000..9493071
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/text/lib/showdown.js
@@ -0,0 +1,1454 @@
+//
+// showdown.js -- A javascript port of Markdown.
+//
+// Copyright (c) 2007 John Fraser.
+//
+// Original Markdown Copyright (c) 2004-2005 John Gruber
+// <http://daringfireball.net/projects/markdown/>
+//
+// Redistributable under a BSD-style open source license.
+// See license.txt for more information.
+//
+// The full source distribution is at:
+//
+// A A L
+// T C A
+// T K B
+//
+// <http://www.attacklab.net/>
+//
+
+//
+// Wherever possible, Showdown is a straight, line-by-line port
+// of the Perl version of Markdown.
+//
+// This is not a normal parser design; it's basically just a
+// series of string substitutions. It's hard to read and
+// maintain this way, but keeping Showdown close to the original
+// design makes it easier to port new features.
+//
+// More importantly, Showdown behaves like markdown.pl in most
+// edge cases. So web applications can do client-side preview
+// in Javascript, and then build identical HTML on the server.
+//
+// This port needs the new RegExp functionality of ECMA 262,
+// 3rd Edition (i.e. Javascript 1.5). Most modern web browsers
+// should do fine. Even with the new regular expression features,
+// We do a lot of work to emulate Perl's regex functionality.
+// The tricky changes in this file mostly have the "attacklab:"
+// label. Major or self-explanatory changes don't.
+//
+// Smart diff tools like Araxis Merge will be able to match up
+// this file with markdown.pl in a useful way. A little tweaking
+// helps: in a copy of markdown.pl, replace "#" with "//" and
+// replace "$text" with "text". Be sure to ignore whitespace
+// and line endings.
+//
+
+
+//
+// Showdown usage:
+//
+// var text = "Markdown *rocks*.";
+//
+// var converter = new Showdown.converter();
+// var html = converter.makeHtml(text);
+//
+// alert(html);
+//
+// Note: move the sample code to the bottom of this
+// file before uncommenting it.
+//
+
+
+//
+// Showdown namespace
+//
+var Showdown = { extensions: {} };
+
+//
+// forEach
+//
+var forEach = Showdown.forEach = function(obj, callback) {
+ if (typeof obj.forEach === 'function') {
+ obj.forEach(callback);
+ } else {
+ var i, len = obj.length;
+ for (i = 0; i < len; i++) {
+ callback(obj[i], i, obj);
+ }
+ }
+};
+
+//
+// Standard extension naming
+//
+var stdExtName = function(s) {
+ return s.replace(/[_-]||\s/g, '').toLowerCase();
+};
+
+//
+// converter
+//
+// Wraps all "globals" so that the only thing
+// exposed is makeHtml().
+//
+Showdown.converter = function(converter_options) {
+
+//
+// Globals:
+//
+
+// Global hashes, used by various utility routines
+var g_urls;
+var g_titles;
+var g_html_blocks;
+
+// Used to track when we're inside an ordered or unordered list
+// (see _ProcessListItems() for details):
+var g_list_level = 0;
+
+// Global extensions
+var g_lang_extensions = [];
+var g_output_modifiers = [];
+
+
+//
+// Automatic Extension Loading (node only):
+//
+
+if (typeof module !== 'undefind' && typeof exports !== 'undefined' && typeof require !== 'undefind') {
+ var fs = require('fs');
+
+ if (fs) {
+ // Search extensions folder
+ var extensions = fs.readdirSync((__dirname || '.')+'/extensions').filter(function(file){
+ return ~file.indexOf('.js');
+ }).map(function(file){
+ return file.replace(/\.js$/, '');
+ });
+ // Load extensions into Showdown namespace
+ Showdown.forEach(extensions, function(ext){
+ var name = stdExtName(ext);
+ Showdown.extensions[name] = require('./extensions/' + ext);
+ });
+ }
+}
+
+this.makeHtml = function(text) {
+//
+// Main function. The order in which other subs are called here is
+// essential. Link and image substitutions need to happen before
+// _EscapeSpecialCharsWithinTagAttributes(), so that any *'s or _'s in the <a>
+// and <img> tags get encoded.
+//
+
+ // Clear the global hashes. If we don't clear these, you get conflicts
+ // from other articles when generating a page which contains more than
+ // one article (e.g. an index page that shows the N most recent
+ // articles):
+ g_urls = {};
+ g_titles = {};
+ g_html_blocks = [];
+
+ // attacklab: Replace ~ with ~T
+ // This lets us use tilde as an escape char to avoid md5 hashes
+ // The choice of character is arbitray; anything that isn't
+ // magic in Markdown will work.
+ text = text.replace(/~/g,"~T");
+
+ // attacklab: Replace $ with ~D
+ // RegExp interprets $ as a special character
+ // when it's in a replacement string
+ text = text.replace(/\$/g,"~D");
+
+ // Standardize line endings
+ text = text.replace(/\r\n/g,"\n"); // DOS to Unix
+ text = text.replace(/\r/g,"\n"); // Mac to Unix
+
+ // Make sure text begins and ends with a couple of newlines:
+ text = "\n\n" + text + "\n\n";
+
+ // Convert all tabs to spaces.
+ text = _Detab(text);
+
+ // Strip any lines consisting only of spaces and tabs.
+ // This makes subsequent regexen easier to write, because we can
+ // match consecutive blank lines with /\n+/ instead of something
+ // contorted like /[ \t]*\n+/ .
+ text = text.replace(/^[ \t]+$/mg,"");
+
+ // Run language extensions
+ Showdown.forEach(g_lang_extensions, function(x){
+ text = _ExecuteExtension(x, text);
+ });
+
+ // Handle github codeblocks prior to running HashHTML so that
+ // HTML contained within the codeblock gets escaped propertly
+ text = _DoGithubCodeBlocks(text);
+
+ // Turn block-level HTML blocks into hash entries
+ text = _HashHTMLBlocks(text);
+
+ // Strip link definitions, store in hashes.
+ text = _StripLinkDefinitions(text);
+
+ text = _RunBlockGamut(text);
+
+ text = _UnescapeSpecialChars(text);
+
+ // attacklab: Restore dollar signs
+ text = text.replace(/~D/g,"$$");
+
+ // attacklab: Restore tildes
+ text = text.replace(/~T/g,"~");
+
+ // Run output modifiers
+ Showdown.forEach(g_output_modifiers, function(x){
+ text = _ExecuteExtension(x, text);
+ });
+
+ return text;
+};
+//
+// Options:
+//
+
+// Parse extensions options into separate arrays
+if (converter_options && converter_options.extensions) {
+
+ var self = this;
+
+ // Iterate over each plugin
+ Showdown.forEach(converter_options.extensions, function(plugin){
+
+ // Assume it's a bundled plugin if a string is given
+ if (typeof plugin === 'string') {
+ plugin = Showdown.extensions[stdExtName(plugin)];
+ }
+
+ if (typeof plugin === 'function') {
+ // Iterate over each extension within that plugin
+ Showdown.forEach(plugin(self), function(ext){
+ // Sort extensions by type
+ if (ext.type) {
+ if (ext.type === 'language' || ext.type === 'lang') {
+ g_lang_extensions.push(ext);
+ } else if (ext.type === 'output' || ext.type === 'html') {
+ g_output_modifiers.push(ext);
+ }
+ } else {
+ // Assume language extension
+ g_output_modifiers.push(ext);
+ }
+ });
+ } else {
+ throw "Extension '" + plugin + "' could not be loaded. It was either not found or is not a valid extension.";
+ }
+ });
+}
+
+
+var _ExecuteExtension = function(ext, text) {
+ if (ext.regex) {
+ var re = new RegExp(ext.regex, 'g');
+ return text.replace(re, ext.replace);
+ } else if (ext.filter) {
+ return ext.filter(text);
+ }
+};
+
+var _StripLinkDefinitions = function(text) {
+//
+// Strips link definitions from text, stores the URLs and titles in
+// hash references.
+//
+
+ // Link defs are in the form: ^[id]: url "optional title"
+
+ /*
+ var text = text.replace(/
+ ^[ ]{0,3}\[(.+)\]: // id = $1 attacklab: g_tab_width - 1
+ [ \t]*
+ \n? // maybe *one* newline
+ [ \t]*
+ <?(\S+?)>? // url = $2
+ [ \t]*
+ \n? // maybe one newline
+ [ \t]*
+ (?:
+ (\n*) // any lines skipped = $3 attacklab: lookbehind removed
+ ["(]
+ (.+?) // title = $4
+ [")]
+ [ \t]*
+ )? // title is optional
+ (?:\n+|$)
+ /gm,
+ function(){...});
+ */
+
+ // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
+ text += "~0";
+
+ text = text.replace(/^[ ]{0,3}\[(.+)\]:[ \t]*\n?[ \t]*<?(\S+?)>?[ \t]*\n?[ \t]*(?:(\n*)["(](.+?)[")][ \t]*)?(?:\n+|(?=~0))/gm,
+ function (wholeMatch,m1,m2,m3,m4) {
+ m1 = m1.toLowerCase();
+ g_urls[m1] = _EncodeAmpsAndAngles(m2); // Link IDs are case-insensitive
+ if (m3) {
+ // Oops, found blank lines, so it's not a title.
+ // Put back the parenthetical statement we stole.
+ return m3+m4;
+ } else if (m4) {
+ g_titles[m1] = m4.replace(/"/g,""");
+ }
+
+ // Completely remove the definition from the text
+ return "";
+ }
+ );
+
+ // attacklab: strip sentinel
+ text = text.replace(/~0/,"");
+
+ return text;
+}
+
+
+var _HashHTMLBlocks = function(text) {
+ // attacklab: Double up blank lines to reduce lookaround
+ text = text.replace(/\n/g,"\n\n");
+
+ // Hashify HTML blocks:
+ // We only want to do this for block-level HTML tags, such as headers,
+ // lists, and tables. That's because we still want to wrap <p>s around
+ // "paragraphs" that are wrapped in non-block-level tags, such as anchors,
+ // phrase emphasis, and spans. The list of tags we're looking for is
+ // hard-coded:
+ var block_tags_a = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del|style|section|header|footer|nav|article|aside";
+ var block_tags_b = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|style|section|header|footer|nav|article|aside";
+
+ // First, look for nested blocks, e.g.:
+ // <div>
+ // <div>
+ // tags for inner block must be indented.
+ // </div>
+ // </div>
+ //
+ // The outermost tags must start at the left margin for this to match, and
+ // the inner nested divs must be indented.
+ // We need to do this before the next, more liberal match, because the next
+ // match will start at the first `<div>` and stop at the first `</div>`.
+
+ // attacklab: This regex can be expensive when it fails.
+ /*
+ var text = text.replace(/
+ ( // save in $1
+ ^ // start of line (with /m)
+ <($block_tags_a) // start tag = $2
+ \b // word break
+ // attacklab: hack around khtml/pcre bug...
+ [^\r]*?\n // any number of lines, minimally matching
+ </\2> // the matching end tag
+ [ \t]* // trailing spaces/tabs
+ (?=\n+) // followed by a newline
+ ) // attacklab: there are sentinel newlines at end of document
+ /gm,function(){...}};
+ */
+ text = text.replace(/^(<(p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del)\b[^\r]*?\n<\/\2>[ \t]*(?=\n+))/gm,hashElement);
+
+ //
+ // Now match more liberally, simply from `\n<tag>` to `</tag>\n`
+ //
+
+ /*
+ var text = text.replace(/
+ ( // save in $1
+ ^ // start of line (with /m)
+ <($block_tags_b) // start tag = $2
+ \b // word break
+ // attacklab: hack around khtml/pcre bug...
+ [^\r]*? // any number of lines, minimally matching
+ </\2> // the matching end tag
+ [ \t]* // trailing spaces/tabs
+ (?=\n+) // followed by a newline
+ ) // attacklab: there are sentinel newlines at end of document
+ /gm,function(){...}};
+ */
+ text = text.replace(/^(<(p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|style|section|header|footer|nav|article|aside)\b[^\r]*?<\/\2>[ \t]*(?=\n+)\n)/gm,hashElement);
+
+ // Special case just for <hr />. It was easier to make a special case than
+ // to make the other regex more complicated.
+
+ /*
+ text = text.replace(/
+ ( // save in $1
+ \n\n // Starting after a blank line
+ [ ]{0,3}
+ (<(hr) // start tag = $2
+ \b // word break
+ ([^<>])*? //
+ \/?>) // the matching end tag
+ [ \t]*
+ (?=\n{2,}) // followed by a blank line
+ )
+ /g,hashElement);
+ */
+ text = text.replace(/(\n[ ]{0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,hashElement);
+
+ // Special case for standalone HTML comments:
+
+ /*
+ text = text.replace(/
+ ( // save in $1
+ \n\n // Starting after a blank line
+ [ ]{0,3} // attacklab: g_tab_width - 1
+ <!
+ (--[^\r]*?--\s*)+
+ >
+ [ \t]*
+ (?=\n{2,}) // followed by a blank line
+ )
+ /g,hashElement);
+ */
+ text = text.replace(/(\n\n[ ]{0,3}<!(--[^\r]*?--\s*)+>[ \t]*(?=\n{2,}))/g,hashElement);
+
+ // PHP and ASP-style processor instructions (<?...?> and <%...%>)
+
+ /*
+ text = text.replace(/
+ (?:
+ \n\n // Starting after a blank line
+ )
+ ( // save in $1
+ [ ]{0,3} // attacklab: g_tab_width - 1
+ (?:
+ <([?%]) // $2
+ [^\r]*?
+ \2>
+ )
+ [ \t]*
+ (?=\n{2,}) // followed by a blank line
+ )
+ /g,hashElement);
+ */
+ text = text.replace(/(?:\n\n)([ ]{0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,hashElement);
+
+ // attacklab: Undo double lines (see comment at top of this function)
+ text = text.replace(/\n\n/g,"\n");
+ return text;
+}
+
+var hashElement = function(wholeMatch,m1) {
+ var blockText = m1;
+
+ // Undo double lines
+ blockText = blockText.replace(/\n\n/g,"\n");
+ blockText = blockText.replace(/^\n/,"");
+
+ // strip trailing blank lines
+ blockText = blockText.replace(/\n+$/g,"");
+
+ // Replace the element text with a marker ("~KxK" where x is its key)
+ blockText = "\n\n~K" + (g_html_blocks.push(blockText)-1) + "K\n\n";
+
+ return blockText;
+};
+
+var _RunBlockGamut = function(text) {
+//
+// These are all the transformations that form block-level
+// tags like paragraphs, headers, and list items.
+//
+ text = _DoHeaders(text);
+
+ // Do Horizontal Rules:
+ var key = hashBlock("<hr />");
+ text = text.replace(/^[ ]{0,2}([ ]?\*[ ]?){3,}[ \t]*$/gm,key);
+ text = text.replace(/^[ ]{0,2}([ ]?\-[ ]?){3,}[ \t]*$/gm,key);
+ text = text.replace(/^[ ]{0,2}([ ]?\_[ ]?){3,}[ \t]*$/gm,key);
+
+ text = _DoLists(text);
+ text = _DoCodeBlocks(text);
+ text = _DoBlockQuotes(text);
+
+ // We already ran _HashHTMLBlocks() before, in Markdown(), but that
+ // was to escape raw HTML in the original Markdown source. This time,
+ // we're escaping the markup we've just created, so that we don't wrap
+ // <p> tags around block-level tags.
+ text = _HashHTMLBlocks(text);
+ text = _FormParagraphs(text);
+
+ return text;
+};
+
+
+var _RunSpanGamut = function(text) {
+//
+// These are all the transformations that occur *within* block-level
+// tags like paragraphs, headers, and list items.
+//
+
+ text = _DoCodeSpans(text);
+ text = _EscapeSpecialCharsWithinTagAttributes(text);
+ text = _EncodeBackslashEscapes(text);
+
+ // Process anchor and image tags. Images must come first,
+ // because ![foo][f] looks like an anchor.
+ text = _DoImages(text);
+ text = _DoAnchors(text);
+
+ // Make links out of things like `<http://example.com/>`
+ // Must come after _DoAnchors(), because you can use < and >
+ // delimiters in inline links like [this](<url>).
+ text = _DoAutoLinks(text);
+ text = _EncodeAmpsAndAngles(text);
+ text = _DoItalicsAndBold(text);
+
+ // Do hard breaks:
+ text = text.replace(/ +\n/g," <br />\n");
+
+ return text;
+}
+
+var _EscapeSpecialCharsWithinTagAttributes = function(text) {
+//
+// Within tags -- meaning between < and > -- encode [\ ` * _] so they
+// don't conflict with their use in Markdown for code, italics and strong.
+//
+
+ // Build a regex to find HTML tags and comments. See Friedl's
+ // "Mastering Regular Expressions", 2nd Ed., pp. 200-201.
+ var regex = /(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|<!(--.*?--\s*)+>)/gi;
+
+ text = text.replace(regex, function(wholeMatch) {
+ var tag = wholeMatch.replace(/(.)<\/?code>(?=.)/g,"$1`");
+ tag = escapeCharacters(tag,"\\`*_");
+ return tag;
+ });
+
+ return text;
+}
+
+var _DoAnchors = function(text) {
+//
+// Turn Markdown link shortcuts into XHTML <a> tags.
+//
+ //
+ // First, handle reference-style links: [link text] [id]
+ //
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ \[
+ (
+ (?:
+ \[[^\]]*\] // allow brackets nested one level
+ |
+ [^\[] // or anything else
+ )*
+ )
+ \]
+
+ [ ]? // one optional space
+ (?:\n[ ]*)? // one optional newline followed by spaces
+
+ \[
+ (.*?) // id = $3
+ \]
+ )()()()() // pad remaining backreferences
+ /g,_DoAnchors_callback);
+ */
+ text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g,writeAnchorTag);
+
+ //
+ // Next, inline-style links: [link text](url "optional title")
+ //
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ \[
+ (
+ (?:
+ \[[^\]]*\] // allow brackets nested one level
+ |
+ [^\[\]] // or anything else
+ )
+ )
+ \]
+ \( // literal paren
+ [ \t]*
+ () // no id, so leave $3 empty
+ <?(.*?)>? // href = $4
+ [ \t]*
+ ( // $5
+ (['"]) // quote char = $6
+ (.*?) // Title = $7
+ \6 // matching quote
+ [ \t]* // ignore any spaces/tabs between closing quote and )
+ )? // title is optional
+ \)
+ )
+ /g,writeAnchorTag);
+ */
+ text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\]\([ \t]*()<?(.*?(?:\(.*?\).*?)?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g,writeAnchorTag);
+
+ //
+ // Last, handle reference-style shortcuts: [link text]
+ // These must come last in case you've also got [link test][1]
+ // or [link test](/foo)
+ //
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ \[
+ ([^\[\]]+) // link text = $2; can't contain '[' or ']'
+ \]
+ )()()()()() // pad rest of backreferences
+ /g, writeAnchorTag);
+ */
+ text = text.replace(/(\[([^\[\]]+)\])()()()()()/g, writeAnchorTag);
+
+ return text;
+}
+
+var writeAnchorTag = function(wholeMatch,m1,m2,m3,m4,m5,m6,m7) {
+ if (m7 == undefined) m7 = "";
+ var whole_match = m1;
+ var link_text = m2;
+ var link_id = m3.toLowerCase();
+ var url = m4;
+ var title = m7;
+
+ if (url == "") {
+ if (link_id == "") {
+ // lower-case and turn embedded newlines into spaces
+ link_id = link_text.toLowerCase().replace(/ ?\n/g," ");
+ }
+ url = "#"+link_id;
+
+ if (g_urls[link_id] != undefined) {
+ url = g_urls[link_id];
+ if (g_titles[link_id] != undefined) {
+ title = g_titles[link_id];
+ }
+ }
+ else {
+ if (whole_match.search(/\(\s*\)$/m)>-1) {
+ // Special case for explicit empty url
+ url = "";
+ } else {
+ return whole_match;
+ }
+ }
+ }
+
+ url = escapeCharacters(url,"*_");
+ var result = "<a href=\"" + url + "\"";
+
+ if (title != "") {
+ title = title.replace(/"/g,""");
+ title = escapeCharacters(title,"*_");
+ result += " title=\"" + title + "\"";
+ }
+
+ result += ">" + link_text + "</a>";
+
+ return result;
+}
+
+
+var _DoImages = function(text) {
+//
+// Turn Markdown image shortcuts into <img> tags.
+//
+
+ //
+ // First, handle reference-style labeled images: ![alt text][id]
+ //
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ !\[
+ (.*?) // alt text = $2
+ \]
+
+ [ ]? // one optional space
+ (?:\n[ ]*)? // one optional newline followed by spaces
+
+ \[
+ (.*?) // id = $3
+ \]
+ )()()()() // pad rest of backreferences
+ /g,writeImageTag);
+ */
+ text = text.replace(/(!\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g,writeImageTag);
+
+ //
+ // Next, handle inline images: 
+ // Don't forget: encode * and _
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ !\[
+ (.*?) // alt text = $2
+ \]
+ \s? // One optional whitespace character
+ \( // literal paren
+ [ \t]*
+ () // no id, so leave $3 empty
+ <?(\S+?)>? // src url = $4
+ [ \t]*
+ ( // $5
+ (['"]) // quote char = $6
+ (.*?) // title = $7
+ \6 // matching quote
+ [ \t]*
+ )? // title is optional
+ \)
+ )
+ /g,writeImageTag);
+ */
+ text = text.replace(/(!\[(.*?)\]\s?\([ \t]*()<?(\S+?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g,writeImageTag);
+
+ return text;
+}
+
+var writeImageTag = function(wholeMatch,m1,m2,m3,m4,m5,m6,m7) {
+ var whole_match = m1;
+ var alt_text = m2;
+ var link_id = m3.toLowerCase();
+ var url = m4;
+ var title = m7;
+
+ if (!title) title = "";
+
+ if (url == "") {
+ if (link_id == "") {
+ // lower-case and turn embedded newlines into spaces
+ link_id = alt_text.toLowerCase().replace(/ ?\n/g," ");
+ }
+ url = "#"+link_id;
+
+ if (g_urls[link_id] != undefined) {
+ url = g_urls[link_id];
+ if (g_titles[link_id] != undefined) {
+ title = g_titles[link_id];
+ }
+ }
+ else {
+ return whole_match;
+ }
+ }
+
+ alt_text = alt_text.replace(/"/g,""");
+ url = escapeCharacters(url,"*_");
+ var result = "<img src=\"" + url + "\" alt=\"" + alt_text + "\"";
+
+ // attacklab: Markdown.pl adds empty title attributes to images.
+ // Replicate this bug.
+
+ //if (title != "") {
+ title = title.replace(/"/g,""");
+ title = escapeCharacters(title,"*_");
+ result += " title=\"" + title + "\"";
+ //}
+
+ result += " />";
+
+ return result;
+}
+
+
+var _DoHeaders = function(text) {
+
+ // Setext-style headers:
+ // Header 1
+ // ========
+ //
+ // Header 2
+ // --------
+ //
+ text = text.replace(/^(.+)[ \t]*\n=+[ \t]*\n+/gm,
+ function(wholeMatch,m1){return hashBlock('<h1 id="' + headerId(m1) + '">' + _RunSpanGamut(m1) + "</h1>");});
+
+ text = text.replace(/^(.+)[ \t]*\n-+[ \t]*\n+/gm,
+ function(matchFound,m1){return hashBlock('<h2 id="' + headerId(m1) + '">' + _RunSpanGamut(m1) + "</h2>");});
+
+ // atx-style headers:
+ // # Header 1
+ // ## Header 2
+ // ## Header 2 with closing hashes ##
+ // ...
+ // ###### Header 6
+ //
+
+ /*
+ text = text.replace(/
+ ^(\#{1,6}) // $1 = string of #'s
+ [ \t]*
+ (.+?) // $2 = Header text
+ [ \t]*
+ \#* // optional closing #'s (not counted)
+ \n+
+ /gm, function() {...});
+ */
+
+ text = text.replace(/^(\#{1,6})[ \t]*(.+?)[ \t]*\#*\n+/gm,
+ function(wholeMatch,m1,m2) {
+ var h_level = m1.length;
+ return hashBlock("<h" + h_level + ' id="' + headerId(m2) + '">' + _RunSpanGamut(m2) + "</h" + h_level + ">");
+ });
+
+ function headerId(m) {
+ return m.replace(/[^\w]/g, '').toLowerCase();
+ }
+ return text;
+}
+
+// This declaration keeps Dojo compressor from outputting garbage:
+var _ProcessListItems;
+
+var _DoLists = function(text) {
+//
+// Form HTML ordered (numbered) and unordered (bulleted) lists.
+//
+
+ // attacklab: add sentinel to hack around khtml/safari bug:
+ // http://bugs.webkit.org/show_bug.cgi?id=11231
+ text += "~0";
+
+ // Re-usable pattern to match any entirel ul or ol list:
+
+ /*
+ var whole_list = /
+ ( // $1 = whole list
+ ( // $2
+ [ ]{0,3} // attacklab: g_tab_width - 1
+ ([*+-]|\d+[.]) // $3 = first list item marker
+ [ \t]+
+ )
+ [^\r]+?
+ ( // $4
+ ~0 // sentinel for workaround; should be $
+ |
+ \n{2,}
+ (?=\S)
+ (?! // Negative lookahead for another list item marker
+ [ \t]*
+ (?:[*+-]|\d+[.])[ \t]+
+ )
+ )
+ )/g
+ */
+ var whole_list = /^(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm;
+
+ if (g_list_level) {
+ text = text.replace(whole_list,function(wholeMatch,m1,m2) {
+ var list = m1;
+ var list_type = (m2.search(/[*+-]/g)>-1) ? "ul" : "ol";
+
+ // Turn double returns into triple returns, so that we can make a
+ // paragraph for the last item in a list, if necessary:
+ list = list.replace(/\n{2,}/g,"\n\n\n");;
+ var result = _ProcessListItems(list);
+
+ // Trim any trailing whitespace, to put the closing `</$list_type>`
+ // up on the preceding line, to get it past the current stupid
+ // HTML block parser. This is a hack to work around the terrible
+ // hack that is the HTML block parser.
+ result = result.replace(/\s+$/,"");
+ result = "<"+list_type+">" + result + "</"+list_type+">\n";
+ return result;
+ });
+ } else {
+ whole_list = /(\n\n|^\n?)(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/g;
+ text = text.replace(whole_list,function(wholeMatch,m1,m2,m3) {
+ var runup = m1;
+ var list = m2;
+
+ var list_type = (m3.search(/[*+-]/g)>-1) ? "ul" : "ol";
+ // Turn double returns into triple returns, so that we can make a
+ // paragraph for the last item in a list, if necessary:
+ var list = list.replace(/\n{2,}/g,"\n\n\n");;
+ var result = _ProcessListItems(list);
+ result = runup + "<"+list_type+">\n" + result + "</"+list_type+">\n";
+ return result;
+ });
+ }
+
+ // attacklab: strip sentinel
+ text = text.replace(/~0/,"");
+
+ return text;
+}
+
+_ProcessListItems = function(list_str) {
+//
+// Process the contents of a single ordered or unordered list, splitting it
+// into individual list items.
+//
+ // The $g_list_level global keeps track of when we're inside a list.
+ // Each time we enter a list, we increment it; when we leave a list,
+ // we decrement. If it's zero, we're not in a list anymore.
+ //
+ // We do this because when we're not inside a list, we want to treat
+ // something like this:
+ //
+ // I recommend upgrading to version
+ // 8. Oops, now this line is treated
+ // as a sub-list.
+ //
+ // As a single paragraph, despite the fact that the second line starts
+ // with a digit-period-space sequence.
+ //
+ // Whereas when we're inside a list (or sub-list), that line will be
+ // treated as the start of a sub-list. What a kludge, huh? This is
+ // an aspect of Markdown's syntax that's hard to parse perfectly
+ // without resorting to mind-reading. Perhaps the solution is to
+ // change the syntax rules such that sub-lists must start with a
+ // starting cardinal number; e.g. "1." or "a.".
+
+ g_list_level++;
+
+ // trim trailing blank lines:
+ list_str = list_str.replace(/\n{2,}$/,"\n");
+
+ // attacklab: add sentinel to emulate \z
+ list_str += "~0";
+
+ /*
+ list_str = list_str.replace(/
+ (\n)? // leading line = $1
+ (^[ \t]*) // leading whitespace = $2
+ ([*+-]|\d+[.]) [ \t]+ // list marker = $3
+ ([^\r]+? // list item text = $4
+ (\n{1,2}))
+ (?= \n* (~0 | \2 ([*+-]|\d+[.]) [ \t]+))
+ /gm, function(){...});
+ */
+ list_str = list_str.replace(/(\n)?(^[ \t]*)([*+-]|\d+[.])[ \t]+([^\r]+?(\n{1,2}))(?=\n*(~0|\2([*+-]|\d+[.])[ \t]+))/gm,
+ function(wholeMatch,m1,m2,m3,m4){
+ var item = m4;
+ var leading_line = m1;
+ var leading_space = m2;
+
+ if (leading_line || (item.search(/\n{2,}/)>-1)) {
+ item = _RunBlockGamut(_Outdent(item));
+ }
+ else {
+ // Recursion for sub-lists:
+ item = _DoLists(_Outdent(item));
+ item = item.replace(/\n$/,""); // chomp(item)
+ item = _RunSpanGamut(item);
+ }
+
+ return "<li>" + item + "</li>\n";
+ }
+ );
+
+ // attacklab: strip sentinel
+ list_str = list_str.replace(/~0/g,"");
+
+ g_list_level--;
+ return list_str;
+}
+
+
+var _DoCodeBlocks = function(text) {
+//
+// Process Markdown `<pre><code>` blocks.
+//
+
+ /*
+ text = text.replace(text,
+ /(?:\n\n|^)
+ ( // $1 = the code block -- one or more lines, starting with a space/tab
+ (?:
+ (?:[ ]{4}|\t) // Lines must start with a tab or a tab-width of spaces - attacklab: g_tab_width
+ .*\n+
+ )+
+ )
+ (\n*[ ]{0,3}[^ \t\n]|(?=~0)) // attacklab: g_tab_width
+ /g,function(){...});
+ */
+
+ // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
+ text += "~0";
+
+ text = text.replace(/(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=~0))/g,
+ function(wholeMatch,m1,m2) {
+ var codeblock = m1;
+ var nextChar = m2;
+
+ codeblock = _EncodeCode( _Outdent(codeblock));
+ codeblock = _Detab(codeblock);
+ codeblock = codeblock.replace(/^\n+/g,""); // trim leading newlines
+ codeblock = codeblock.replace(/\n+$/g,""); // trim trailing whitespace
+
+ codeblock = "<pre><code>" + codeblock + "\n</code></pre>";
+
+ return hashBlock(codeblock) + nextChar;
+ }
+ );
+
+ // attacklab: strip sentinel
+ text = text.replace(/~0/,"");
+
+ return text;
+};
+
+var _DoGithubCodeBlocks = function(text) {
+//
+// Process Github-style code blocks
+// Example:
+// ```ruby
+// def hello_world(x)
+// puts "Hello, #{x}"
+// end
+// ```
+//
+
+
+ // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
+ text += "~0";
+
+ text = text.replace(/(?:^|\n)```(.*)\n([\s\S]*?)\n```/g,
+ function(wholeMatch,m1,m2) {
+ var language = m1;
+ var codeblock = m2;
+
+ codeblock = _EncodeCode(codeblock);
+ codeblock = _Detab(codeblock);
+ codeblock = codeblock.replace(/^\n+/g,""); // trim leading newlines
+ codeblock = codeblock.replace(/\n+$/g,""); // trim trailing whitespace
+
+ codeblock = "<pre><code" + (language ? " class=\"" + language + '"' : "") + ">" + codeblock + "\n</code></pre>";
+
+ return hashBlock(codeblock);
+ }
+ );
+
+ // attacklab: strip sentinel
+ text = text.replace(/~0/,"");
+
+ return text;
+}
+
+var hashBlock = function(text) {
+ text = text.replace(/(^\n+|\n+$)/g,"");
+ return "\n\n~K" + (g_html_blocks.push(text)-1) + "K\n\n";
+}
+
+var _DoCodeSpans = function(text) {
+//
+// * Backtick quotes are used for <code></code> spans.
+//
+// * You can use multiple backticks as the delimiters if you want to
+// include literal backticks in the code span. So, this input:
+//
+// Just type ``foo `bar` baz`` at the prompt.
+//
+// Will translate to:
+//
+// <p>Just type <code>foo `bar` baz</code> at the prompt.</p>
+//
+// There's no arbitrary limit to the number of backticks you
+// can use as delimters. If you need three consecutive backticks
+// in your code, use four for delimiters, etc.
+//
+// * You can use spaces to get literal backticks at the edges:
+//
+// ... type `` `bar` `` ...
+//
+// Turns to:
+//
+// ... type <code>`bar`</code> ...
+//
+
+ /*
+ text = text.replace(/
+ (^|[^\\]) // Character before opening ` can't be a backslash
+ (`+) // $2 = Opening run of `
+ ( // $3 = The code block
+ [^\r]*?
+ [^`] // attacklab: work around lack of lookbehind
+ )
+ \2 // Matching closer
+ (?!`)
+ /gm, function(){...});
+ */
+
+ text = text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
+ function(wholeMatch,m1,m2,m3,m4) {
+ var c = m3;
+ c = c.replace(/^([ \t]*)/g,""); // leading whitespace
+ c = c.replace(/[ \t]*$/g,""); // trailing whitespace
+ c = _EncodeCode(c);
+ return m1+"<code>"+c+"</code>";
+ });
+
+ return text;
+}
+
+var _EncodeCode = function(text) {
+//
+// Encode/escape certain characters inside Markdown code runs.
+// The point is that in code, these characters are literals,
+// and lose their special Markdown meanings.
+//
+ // Encode all ampersands; HTML entities are not
+ // entities within a Markdown code span.
+ text = text.replace(/&/g,"&");
+
+ // Do the angle bracket song and dance:
+ text = text.replace(/</g,"<");
+ text = text.replace(/>/g,">");
+
+ // Now, escape characters that are magic in Markdown:
+ text = escapeCharacters(text,"\*_{}[]\\",false);
+
+// jj the line above breaks this:
+//---
+
+//* Item
+
+// 1. Subitem
+
+// special char: *
+//---
+
+ return text;
+}
+
+
+var _DoItalicsAndBold = function(text) {
+
+ // <strong> must go first:
+ text = text.replace(/(\*\*|__)(?=\S)([^\r]*?\S[*_]*)\1/g,
+ "<strong>$2</strong>");
+
+ text = text.replace(/(\*|_)(?=\S)([^\r]*?\S)\1/g,
+ "<em>$2</em>");
+
+ return text;
+}
+
+
+var _DoBlockQuotes = function(text) {
+
+ /*
+ text = text.replace(/
+ ( // Wrap whole match in $1
+ (
+ ^[ \t]*>[ \t]? // '>' at the start of a line
+ .+\n // rest of the first line
+ (.+\n)* // subsequent consecutive lines
+ \n* // blanks
+ )+
+ )
+ /gm, function(){...});
+ */
+
+ text = text.replace(/((^[ \t]*>[ \t]?.+\n(.+\n)*\n*)+)/gm,
+ function(wholeMatch,m1) {
+ var bq = m1;
+
+ // attacklab: hack around Konqueror 3.5.4 bug:
+ // "----------bug".replace(/^-/g,"") == "bug"
+
+ bq = bq.replace(/^[ \t]*>[ \t]?/gm,"~0"); // trim one level of quoting
+
+ // attacklab: clean up hack
+ bq = bq.replace(/~0/g,"");
+
+ bq = bq.replace(/^[ \t]+$/gm,""); // trim whitespace-only lines
+ bq = _RunBlockGamut(bq); // recurse
+
+ bq = bq.replace(/(^|\n)/g,"$1 ");
+ // These leading spaces screw with <pre> content, so we need to fix that:
+ bq = bq.replace(
+ /(\s*<pre>[^\r]+?<\/pre>)/gm,
+ function(wholeMatch,m1) {
+ var pre = m1;
+ // attacklab: hack around Konqueror 3.5.4 bug:
+ pre = pre.replace(/^ /mg,"~0");
+ pre = pre.replace(/~0/g,"");
+ return pre;
+ });
+
+ return hashBlock("<blockquote>\n" + bq + "\n</blockquote>");
+ });
+ return text;
+}
+
+
+var _FormParagraphs = function(text) {
+//
+// Params:
+// $text - string to process with html <p> tags
+//
+
+ // Strip leading and trailing lines:
+ text = text.replace(/^\n+/g,"");
+ text = text.replace(/\n+$/g,"");
+
+ var grafs = text.split(/\n{2,}/g);
+ var grafsOut = [];
+
+ //
+ // Wrap <p> tags.
+ //
+ var end = grafs.length;
+ for (var i=0; i<end; i++) {
+ var str = grafs[i];
+
+ // if this is an HTML marker, copy it
+ if (str.search(/~K(\d+)K/g) >= 0) {
+ grafsOut.push(str);
+ }
+ else if (str.search(/\S/) >= 0) {
+ str = _RunSpanGamut(str);
+ str = str.replace(/^([ \t]*)/g,"<p>");
+ str += "</p>"
+ grafsOut.push(str);
+ }
+
+ }
+
+ //
+ // Unhashify HTML blocks
+ //
+ end = grafsOut.length;
+ for (var i=0; i<end; i++) {
+ // if this is a marker for an html block...
+ while (grafsOut[i].search(/~K(\d+)K/) >= 0) {
+ var blockText = g_html_blocks[RegExp.$1];
+ blockText = blockText.replace(/\$/g,"$$$$"); // Escape any dollar signs
+ grafsOut[i] = grafsOut[i].replace(/~K\d+K/,blockText);
+ }
+ }
+
+ return grafsOut.join("\n\n");
+}
+
+
+var _EncodeAmpsAndAngles = function(text) {
+// Smart processing for ampersands and angle brackets that need to be encoded.
+
+ // Ampersand-encoding based entirely on Nat Irons's Amputator MT plugin:
+ // http://bumppo.net/projects/amputator/
+ text = text.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g,"&");
+
+ // Encode naked <'s
+ text = text.replace(/<(?![a-z\/?\$!])/gi,"<");
+
+ return text;
+}
+
+
+var _EncodeBackslashEscapes = function(text) {
+//
+// Parameter: String.
+// Returns: The string, with after processing the following backslash
+// escape sequences.
+//
+
+ // attacklab: The polite way to do this is with the new
+ // escapeCharacters() function:
+ //
+ // text = escapeCharacters(text,"\\",true);
+ // text = escapeCharacters(text,"`*_{}[]()>#+-.!",true);
+ //
+ // ...but we're sidestepping its use of the (slow) RegExp constructor
+ // as an optimization for Firefox. This function gets called a LOT.
+
+ text = text.replace(/\\(\\)/g,escapeCharacters_callback);
+ text = text.replace(/\\([`*_{}\[\]()>#+-.!])/g,escapeCharacters_callback);
+ return text;
+}
+
+
+var _DoAutoLinks = function(text) {
+
+ text = text.replace(/<((https?|ftp|dict):[^'">\s]+)>/gi,"<a href=\"$1\">$1</a>");
+
+ // Email addresses: <ad...@domain.foo>
+
+ /*
+ text = text.replace(/
+ <
+ (?:mailto:)?
+ (
+ [-.\w]+
+ \@
+ [-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+
+ )
+ >
+ /gi, _DoAutoLinks_callback());
+ */
+ text = text.replace(/<(?:mailto:)?([-.\w]+\@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi,
+ function(wholeMatch,m1) {
+ return _EncodeEmailAddress( _UnescapeSpecialChars(m1) );
+ }
+ );
+
+ return text;
+}
+
+
+var _EncodeEmailAddress = function(addr) {
+//
+// Input: an email address, e.g. "foo@example.com"
+//
+// Output: the email address as a mailto link, with each character
+// of the address encoded as either a decimal or hex entity, in
+// the hopes of foiling most address harvesting spam bots. E.g.:
+//
+// <a href="mailto:foo@e
+// xample.com">foo
+// @example.com</a>
+//
+// Based on a filter by Matthew Wickline, posted to the BBEdit-Talk
+// mailing list: <http://tinyurl.com/yu7ue>
+//
+
+ var encode = [
+ function(ch){return "&#"+ch.charCodeAt(0)+";";},
+ function(ch){return "&#x"+ch.charCodeAt(0).toString(16)+";";},
+ function(ch){return ch;}
+ ];
+
+ addr = "mailto:" + addr;
+
+ addr = addr.replace(/./g, function(ch) {
+ if (ch == "@") {
+ // this *must* be encoded. I insist.
+ ch = encode[Math.floor(Math.random()*2)](ch);
+ } else if (ch !=":") {
+ // leave ':' alone (to spot mailto: later)
+ var r = Math.random();
+ // roughly 10% raw, 45% hex, 45% dec
+ ch = (
+ r > .9 ? encode[2](ch) :
+ r > .45 ? encode[1](ch) :
+ encode[0](ch)
+ );
+ }
+ return ch;
+ });
+
+ addr = "<a href=\"" + addr + "\">" + addr + "</a>";
+ addr = addr.replace(/">.+:/g,"\">"); // strip the mailto: from the visible part
+
+ return addr;
+}
+
+
+var _UnescapeSpecialChars = function(text) {
+//
+// Swap back in all the special characters we've hidden.
+//
+ text = text.replace(/~E(\d+)E/g,
+ function(wholeMatch,m1) {
+ var charCodeToReplace = parseInt(m1);
+ return String.fromCharCode(charCodeToReplace);
+ }
+ );
+ return text;
+}
+
+
+var _Outdent = function(text) {
+//
+// Remove one level of line-leading tabs or spaces
+//
+
+ // attacklab: hack around Konqueror 3.5.4 bug:
+ // "----------bug".replace(/^-/g,"") == "bug"
+
+ text = text.replace(/^(\t|[ ]{1,4})/gm,"~0"); // attacklab: g_tab_width
+
+ // attacklab: clean up hack
+ text = text.replace(/~0/g,"")
+
+ return text;
+}
+
+var _Detab = function(text) {
+// attacklab: Detab's completely rewritten for speed.
+// In perl we could fix it by anchoring the regexp with \G.
+// In javascript we're less fortunate.
+
+ // expand first n-1 tabs
+ text = text.replace(/\t(?=\t)/g," "); // attacklab: g_tab_width
+
+ // replace the nth with two sentinels
+ text = text.replace(/\t/g,"~A~B");
+
+ // use the sentinel to anchor our regex so it doesn't explode
+ text = text.replace(/~B(.+?)~A/g,
+ function(wholeMatch,m1,m2) {
+ var leadingText = m1;
+ var numSpaces = 4 - leadingText.length % 4; // attacklab: g_tab_width
+
+ // there *must* be a better way to do this:
+ for (var i=0; i<numSpaces; i++) leadingText+=" ";
+
+ return leadingText;
+ }
+ );
+
+ // clean up sentinels
+ text = text.replace(/~A/g," "); // attacklab: g_tab_width
+ text = text.replace(/~B/g,"");
+
+ return text;
+}
+
+
+//
+// attacklab: Utility functions
+//
+
+
+var escapeCharacters = function(text, charsToEscape, afterBackslash) {
+ // First we have to escape the escape characters so that
+ // we can build a character class out of them
+ var regexString = "([" + charsToEscape.replace(/([\[\]\\])/g,"\\$1") + "])";
+
+ if (afterBackslash) {
+ regexString = "\\\\" + regexString;
+ }
+
+ var regex = new RegExp(regexString,"g");
+ text = text.replace(regex,escapeCharacters_callback);
+
+ return text;
+}
+
+
+var escapeCharacters_callback = function(wholeMatch,m1) {
+ var charCodeToEscape = m1.charCodeAt(0);
+ return "~E"+charCodeToEscape+"E";
+}
+
+} // end of Showdown.converter
+
+
+// export
+if (typeof module !== 'undefined') module.exports = Showdown;
+
+// stolen from AMD branch of underscore
+// AMD define happens at the end for compatibility with AMD loaders
+// that don't enforce next-turn semantics on modules.
+if (typeof define === 'function' && define.amd) {
+ define(function() {
+ return Showdown;
+ });
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/text/module.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/text/module.html b/metron-ui/lib/public/app/panels/text/module.html
new file mode 100755
index 0000000..3b7269c
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/text/module.html
@@ -0,0 +1,10 @@
+<div ng-controller='text' ng-init="init()">
+ <!--<p ng-style="panel.style" ng-bind-html-unsafe="panel.content | striphtml | newlines"></p>-->
+ <markdown ng-show="ready && panel.mode == 'markdown'">
+ {{panel.content}}
+ </markdown>
+ <p ng-show="panel.mode == 'text'" ng-style='panel.style' ng-bind-html="panel.content | striphtml | newlines">
+ </p>
+ <p ng-show="panel.mode == 'html'" ng-bind-html="panel.content">
+ </p>
+</div>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/text/module.js
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/text/module.js b/metron-ui/lib/public/app/panels/text/module.js
new file mode 100755
index 0000000..5be6382
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/text/module.js
@@ -0,0 +1,99 @@
+/** @scratch /panels/5
+ *
+ * include::panels/text.asciidoc[]
+ */
+
+/** @scratch /panels/text/0
+ * == text
+ * Status: *Stable*
+ *
+ * The text panel is used for displaying static text formated as markdown, sanitized html or as plain
+ * text.
+ *
+ */
+define([
+ 'angular',
+ 'app',
+ 'lodash',
+ 'require'
+],
+function (angular, app, _, require) {
+ 'use strict';
+
+ var module = angular.module('kibana.panels.text', []);
+ app.useModule(module);
+
+ module.controller('text', function($scope) {
+ $scope.panelMeta = {
+ status : "Stable",
+ description : "A static text panel that can use plain text, markdown, or (sanitized) HTML"
+ };
+
+ // Set and populate defaults
+ var _d = {
+ /** @scratch /panels/text/5
+ *
+ * === Parameters
+ *
+ * mode:: `html', `markdown' or `text'
+ */
+ mode : "markdown", // 'html','markdown','text'
+ /** @scratch /panels/text/5
+ * content:: The content of your panel, written in the mark up specified in +mode+
+ */
+ content : "",
+ style: {},
+ };
+ _.defaults($scope.panel,_d);
+
+ $scope.init = function() {
+ $scope.ready = false;
+ };
+
+ });
+
+ module.directive('markdown', function() {
+ return {
+ restrict: 'E',
+ link: function(scope, element) {
+ scope.$on('render', function() {
+ render_panel();
+ });
+
+ function render_panel() {
+ require(['./lib/showdown'], function (Showdown) {
+ scope.ready = true;
+ var converter = new Showdown.converter();
+ var text = scope.panel.content.replace(/&/g, '&')
+ .replace(/>/g, '>')
+ .replace(/</g, '<');
+ var htmlText = converter.makeHtml(text);
+ element.html(htmlText);
+ // For whatever reason, this fixes chrome. I don't like it, I think
+ // it makes things slow?
+ if(!scope.$$phase) {
+ scope.$apply();
+ }
+ });
+ }
+
+ render_panel();
+ }
+ };
+ });
+
+ module.filter('newlines', function(){
+ return function (input) {
+ return input.replace(/\n/g, '<br/>');
+ };
+ });
+
+ module.filter('striphtml', function () {
+ return function(text) {
+ return text
+ .replace(/&/g, '&')
+ .replace(/>/g, '>')
+ .replace(/</g, '<');
+ };
+ });
+});
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/timepicker/custom.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/timepicker/custom.html b/metron-ui/lib/public/app/panels/timepicker/custom.html
new file mode 100755
index 0000000..474d1ce
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/timepicker/custom.html
@@ -0,0 +1,78 @@
+ <div class="modal-body">
+ <style>
+ .timepicker-to-column {
+ margin-top: 10px;
+ }
+
+ .timepicker-input input {
+ outline: 0 !important;
+ border: 0px !important;
+ -webkit-box-shadow: 0;
+ -moz-box-shadow: 0;
+ box-shadow: 0;
+ position: relative;
+ }
+
+ .timepicker-input input::-webkit-outer-spin-button,
+ .timepicker-input input::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+ }
+
+ input.timepicker-date {
+ width: 90px;
+ }
+ input.timepicker-hms {
+ width: 20px;
+ }
+ input.timepicker-ms {
+ width: 25px;
+ }
+ div.timepicker-now {
+ float: right;
+ }
+ </style>
+
+ <div class="timepicker form-horizontal">
+ <form name="input">
+
+ <div class="timepicker-from-column">
+ <label class="small">From</label>
+ <div class="fake-input timepicker-input">
+ <input class="timepicker-date" type="text" ng-change="validate(temptime)" ng-model="temptime.from.date" data-date-format="yyyy-mm-dd" required bs-datepicker />@
+ <input class="timepicker-hms" type="text" maxlength="2" ng-change="validate(temptime)" ng-model="temptime.from.hour" required ng-pattern="patterns.hour" onClick="this.select();"/>:
+ <input class="timepicker-hms" type="text" maxlength="2" ng-change="validate(temptime)" ng-model="temptime.from.minute" required ng-pattern="patterns.minute" onClick="this.select();"/>:
+ <input class="timepicker-hms" type="text" maxlength="2" ng-change="validate(temptime)" ng-model="temptime.from.second" required ng-pattern="patterns.second" onClick="this.select();"/>.
+ <input class="timepicker-ms" type="text" maxlength="3" ng-change="validate(temptime)" ng-model="temptime.from.millisecond" required ng-pattern="patterns.millisecond" onClick="this.select();"/>
+ </div>
+ </div>
+
+ <div class="timepicker-to-column">
+
+ <label class="small">To (<a class="link" ng-class="{'strong':panel.now}" ng-click="setNow();panel.now=true">now</a>)</label>
+
+ <div class="fake-input timepicker-input">
+ <div ng-hide="panel.now">
+ <input class="timepicker-date" type="text" ng-change="validate(temptime)" ng-model="temptime.to.date" data-date-format="yyyy-mm-dd" required bs-datepicker />@
+ <input class="timepicker-hms" type="text" maxlength="2" ng-change="validate(temptime)" ng-model="temptime.to.hour" required ng-pattern="patterns.hour" onClick="this.select();"/>:
+ <input class="timepicker-hms" type="text" maxlength="2" ng-change="validate(temptime)" ng-model="temptime.to.minute" required ng-pattern="patterns.minute" onClick="this.select();"/>:
+ <input class="timepicker-hms" type="text" maxlength="2" ng-change="validate(temptime)" ng-model="temptime.to.second" required ng-pattern="patterns.second" onClick="this.select();"/>.
+ <input class="timepicker-ms" type="text" maxlength="3" ng-change="validate(temptime)" ng-model="temptime.to.millisecond" required ng-pattern="patterns.millisecond" onClick="this.select();"/>
+ </div>
+ <span type="text" ng-show="panel.now" ng-disabled="panel.now">  <i class="pointer icon-remove-sign" ng-click="setNow();panel.now=false"></i> Right Now <input type="text" name="dummy" style="visibility:hidden" /></span>
+ </div>
+ </div>
+
+ </form>
+ <div class="clearfix"></div>
+ </div>
+ </div>
+
+ <div class="modal-footer">
+ <form name="input" style="margin-bottom:0">
+ <span class="" ng-hide="input.$valid">Invalid date or range</span>
+ <button ng-click="setAbsoluteTimeFilter(validate(temptime));dismiss();" ng-disabled="!input.$valid" class="btn btn-success">Apply</button>
+ <button ng-click="dismiss();" class="btn btn-danger">Cancel</button>
+
+ </form>
+ </div>
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/timepicker/editor.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/timepicker/editor.html b/metron-ui/lib/public/app/panels/timepicker/editor.html
new file mode 100755
index 0000000..2fb64e8
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/timepicker/editor.html
@@ -0,0 +1,16 @@
+ <div class="editor-row">
+ <div class="section">
+ <div class="editor-option">
+ <label class="small">Relative time options <small>comma separated</small></label>
+ <input type="text" array-join class="input-large" ng-model="panel.time_options">
+ </div>
+ <div class="editor-option">
+ <label class="small">Auto-refresh options <small>comma separated</small></label>
+ <input type="text" array-join class="input-large" ng-model="panel.refresh_intervals">
+ </div>
+ <div class="editor-option">
+ <label class="small">Time Field</label>
+ <input type="text" class="input-small" ng-model="panel.timefield">
+ </div>
+ </div>
+ </div>
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/timepicker/module.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/timepicker/module.html b/metron-ui/lib/public/app/panels/timepicker/module.html
new file mode 100755
index 0000000..557aa8a
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/timepicker/module.html
@@ -0,0 +1,51 @@
+<div ng-controller='timepicker' ng-init="init()">
+ <style>
+ .timepicker-timestring {
+ font-weight: normal;
+ }
+ </style>
+ <!-- This is a complete hack. The form actually exists in the modal, but due to transclusion
+ $scope.input isn't available on the controller unless the form element is in this file -->
+ <form name="input" style="margin:3px 0 0 0">
+ <ul class="nav nav-pills timepicker-dropdown">
+ <li class="dropdown">
+
+ <a class="dropdown-toggle timepicker-dropdown" data-toggle="dropdown" href="" bs-tooltip="time.from.date ? (time.from.date | date:'yyyy-MM-dd HH:mm:ss.sss') + ' <br>to<br>' +(time.to.date | date:'yyyy-MM-dd HH:mm:ss.sss') : 'Click to set a time filter'" data-placement="bottom" ng-click="dismiss();">
+
+ <span ng-show="filterSrv.idsByType('time').length">
+ <span class="pointer" ng-hide="panel.now">{{time.from.date | date:'MMM d, y HH:mm:ss'}}</span>
+ <span class="pointer" ng-show="panel.now">{{time.from.date | moment:'ago'}}</span>
+ to
+ <span class="pointer" ng-hide="panel.now" >{{time.to.date | date:'MMM d, y HH:mm:ss'}}</span>
+ <span class="pointer" ng-show="panel.now">{{time.to.date | moment:'ago'}}</span>
+ </span>
+ <span ng-hide="filterSrv.idsByType('time').length">Time filter</span>
+ <span ng-show="dashboard.current.refresh" class="text-warning">refreshed every {{dashboard.current.refresh}} </span>
+ <i class="icon-caret-down"></i>
+ </a>
+
+ <ul class="dropdown-menu">
+ <!-- Relative time options -->
+ <li ng-repeat='timespan in panel.time_options track by $index'>
+ <a ng-click="setRelativeFilter(timespan)">Last {{timespan}}</a>
+ </li>
+
+ <!-- Auto refresh submenu -->
+ <li class="dropdown-submenu">
+ <a>Auto-Refresh</a>
+ <ul class="dropdown-menu">
+ <li><a ng-click="dashboard.set_interval(false)">Off</a></li>
+ <li ng-repeat="interval in panel.refresh_intervals track by $index"><a ng-click="dashboard.set_interval(interval)">Every {{interval}}</a></li>
+ </ul>
+ </li>
+ <li><a ng-click="customTime()">Custom</a></li>
+ </ul>
+
+ </li>
+ <li>
+ <a ng-click="dashboard.refresh()"><i class="icon-refresh"></i></a>
+ </li>
+ </ul>
+
+ </form>
+</div>
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/timepicker/module.js
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/timepicker/module.js b/metron-ui/lib/public/app/panels/timepicker/module.js
new file mode 100755
index 0000000..5202511
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/timepicker/module.js
@@ -0,0 +1,222 @@
+/*
+
+ ## Timepicker2
+
+ ### Parameters
+ * mode :: The default mode of the panel. Options: 'relative', 'absolute' 'since' Default: 'relative'
+ * time_options :: An array of possible time options. Default: ['5m','15m','1h','6h','12h','24h','2d','7d','30d']
+ * timespan :: The default options selected for the relative view. Default: '15m'
+ * timefield :: The field in which time is stored in the document.
+ * refresh: Object containing refresh parameters
+ * enable :: true/false, enable auto refresh by default. Default: false
+ * interval :: Seconds between auto refresh. Default: 30
+ * min :: The lowest interval a user may set
+*/
+define([
+ 'angular',
+ 'app',
+ 'lodash',
+ 'moment',
+ 'kbn'
+],
+function (angular, app, _, moment, kbn) {
+ 'use strict';
+
+ var module = angular.module('kibana.panels.timepicker', []);
+ app.useModule(module);
+
+ module.controller('timepicker', function($scope, $modal, $q, filterSrv) {
+ $scope.panelMeta = {
+ status : "Stable",
+ description : "A panel for controlling the time range filters. If you have time based data, "+
+ " or if you're using time stamped indices, you need one of these"
+ };
+
+
+ // Set and populate defaults
+ var _d = {
+ status : "Stable",
+ time_options : ['5m','15m','1h','6h','12h','24h','2d','7d','30d'],
+ refresh_intervals : ['5s','10s','30s','1m','5m','15m','30m','1h','2h','1d'],
+
+ timefield : '@timestamp'
+ };
+ _.defaults($scope.panel,_d);
+
+ var customTimeModal = $modal({
+ template: './app/panels/timepicker/custom.html',
+ persist: true,
+ show: false,
+ scope: $scope,
+ keyboard: false
+ });
+
+ $scope.filterSrv = filterSrv;
+
+ // ng-pattern regexs
+ $scope.patterns = {
+ date: /^[0-9]{2}\/[0-9]{2}\/[0-9]{4}$/,
+ hour: /^([01]?[0-9]|2[0-3])$/,
+ minute: /^[0-5][0-9]$/,
+ second: /^[0-5][0-9]$/,
+ millisecond: /^[0-9]*$/
+ };
+
+ $scope.$on('refresh', function(){$scope.init();});
+
+ $scope.init = function() {
+ var time = filterSrv.timeRange('last');
+ if(time) {
+ $scope.panel.now = filterSrv.timeRange(false).to === "now" ? true : false;
+ $scope.time = getScopeTimeObj(time.from,time.to);
+ }
+ };
+
+ $scope.customTime = function() {
+ // Assume the form is valid since we're setting it to something valid
+ $scope.input.$setValidity("dummy", true);
+ $scope.temptime = cloneTime($scope.time);
+
+ //Date picker needs the date to be at the start of the day
+ $scope.temptime.from.date.setHours(0,0,0,0);
+ $scope.temptime.to.date.setHours(0,0,0,0);
+
+
+ // This is an ugly hack, but works.
+ if(new Date().getTimezoneOffset() < 0) {
+ $scope.temptime.from.date = moment($scope.temptime.from.date).add('days',1).toDate();
+ $scope.temptime.to.date = moment($scope.temptime.to.date).add('days',1).toDate();
+ }
+
+ $q.when(customTimeModal).then(function(modalEl) {
+ modalEl.modal('show');
+ });
+ };
+
+ // Constantly validate the input of the fields. This function does not change any date variables
+ // outside of its own scope
+ $scope.validate = function(time) {
+ // Assume the form is valid. There is a hidden dummy input for invalidating it programatically.
+ $scope.input.$setValidity("dummy", true);
+
+ var _from = datepickerToLocal(time.from.date),
+ _to = datepickerToLocal(time.to.date),
+ _t = time;
+
+ if($scope.input.$valid) {
+
+ _from.setHours(_t.from.hour,_t.from.minute,_t.from.second,_t.from.millisecond);
+ _to.setHours(_t.to.hour,_t.to.minute,_t.to.second,_t.to.millisecond);
+
+ // Check that the objects are valid and to is after from
+ if(isNaN(_from.getTime()) || isNaN(_to.getTime()) || _from.getTime() >= _to.getTime()) {
+ $scope.input.$setValidity("dummy", false);
+ return false;
+ }
+ } else {
+ return false;
+ }
+
+ return {from:_from,to:_to};
+ };
+
+ $scope.setNow = function() {
+ $scope.time.to = getTimeObj(new Date());
+ };
+
+ /*
+ time : {
+ from: Date
+ to: Date
+ }
+ */
+ $scope.setAbsoluteTimeFilter = function (time) {
+
+ // Create filter object
+ var _filter = _.clone(time);
+
+ _filter.type = 'time';
+ _filter.field = $scope.panel.timefield;
+
+ if($scope.panel.now) {
+ _filter.to = "now";
+ }
+
+ // Clear all time filters, set a new one
+ filterSrv.removeByType('time',true);
+
+ // Set the filter
+ $scope.panel.filter_id = filterSrv.set(_filter);
+
+ // Update our representation
+ $scope.time = getScopeTimeObj(time.from,time.to);
+
+ return $scope.panel.filter_id;
+ };
+
+ $scope.setRelativeFilter = function(timespan) {
+
+ $scope.panel.now = true;
+ // Create filter object
+ var _filter = {
+ type : 'time',
+ field : $scope.panel.timefield,
+ from : "now-"+timespan,
+ to: "now"
+ };
+
+ // Clear all time filters, set a new one
+ filterSrv.removeByType('time',true);
+
+ // Set the filter
+ $scope.panel.filter_id = filterSrv.set(_filter);
+
+ // Update our representation
+ $scope.time = getScopeTimeObj(kbn.parseDate(_filter.from),new Date());
+
+ return $scope.panel.filter_id;
+ };
+
+ var pad = function(n, width, z) {
+ z = z || '0';
+ n = n + '';
+ return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
+ };
+
+ var cloneTime = function(time) {
+ var _n = {
+ from: _.clone(time.from),
+ to: _.clone(time.to)
+ };
+ // Create new dates as _.clone is shallow.
+ _n.from.date = new Date(_n.from.date);
+ _n.to.date = new Date(_n.to.date);
+ return _n;
+ };
+
+ var getScopeTimeObj = function(from,to) {
+ return {
+ from: getTimeObj(from),
+ to: getTimeObj(to)
+ };
+ };
+
+ var getTimeObj = function(date) {
+ return {
+ date: new Date(date),
+ hour: pad(date.getHours(),2),
+ minute: pad(date.getMinutes(),2),
+ second: pad(date.getSeconds(),2),
+ millisecond: pad(date.getMilliseconds(),3)
+ };
+ };
+
+ // Do not use the results of this function unless you plan to use setHour/Minutes/etc on the result
+ var datepickerToLocal = function(date) {
+ date = moment(date).clone().toDate();
+ return moment(new Date(date.getTime() + date.getTimezoneOffset() * 60000)).toDate();
+ };
+
+
+ });
+});
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/timepicker/refreshctrl.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/timepicker/refreshctrl.html b/metron-ui/lib/public/app/panels/timepicker/refreshctrl.html
new file mode 100755
index 0000000..289e1bf
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/timepicker/refreshctrl.html
@@ -0,0 +1,5 @@
+<form name="refreshPopover" class='form-inline input-append' style="margin:0px">
+ <label><small>Interval (seconds)</small></label><br>
+ <input type="number" class="input-mini" ng-model="refresh_interval">
+ <button type="button" class="btn" ng-click="set_interval(refresh_interval);dismiss()"><i class="icon-ok"></i></button>
+</form>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/trends/editor.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/trends/editor.html b/metron-ui/lib/public/app/panels/trends/editor.html
new file mode 100755
index 0000000..85f6517
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/trends/editor.html
@@ -0,0 +1,20 @@
+<div>
+ <h4>Settings</h4>
+ <div class="row-fluid">
+ <div class="span3" ng-hide='panel.auto_int'>
+ <label class="small">Use Elasticsearch date math format here (eg 1m, 5m, 1d, 2w, 1y)</label>
+ </div>
+ <div class="span3">
+ <label class="small">Time Ago</label>
+ <input type="text" class="input-small" ng-model="panel.ago" ng-change="set_refresh(true)">
+ </div>
+ <div class="span2">
+ <label class="small">Font Size</label>
+ <select class="input-small" ng-model="panel.style['font-size']" ng-options="f for f in ['7pt','8pt','9pt','10pt','12pt','14pt','16pt','18pt','20pt','24pt','28pt','32pt','36pt','42pt','48pt','52pt','60pt','72pt']"></select></span>
+ </div>
+ <div class="span3">
+ <label class="small" >List Format</label>
+ <select class="input-small" ng-model="panel.arrangement" ng-options="f for f in ['horizontal','vertical']"></select></span>
+ </div>
+ </div>
+</div>
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/trends/module.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/trends/module.html b/metron-ui/lib/public/app/panels/trends/module.html
new file mode 100755
index 0000000..8b2fe38
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/trends/module.html
@@ -0,0 +1,17 @@
+<div ng-controller='trends' ng-init="init()">
+
+ <style>
+ div.trends-horizontal {
+ display:inline-block;
+ padding-right: 5px;
+ }
+ </style>
+
+ <div ng-class="{'trends-horizontal':panel.arrangement == 'horizontal'}" ng-style="panel.style" style="line-height:{{panel.style['font-size']}};" ng-repeat="query in trends">
+ <i class="icon-circle" style="color:{{query.info.color}}"></i>
+ <span bs-tooltip="'Then: '+query.hits.old+', Now: '+query.hits.new" ng-class="{'text-success': query.hits.new >= query.hits.old, 'text-error': query.hits.old > query.hits.new}" class='pointer strong'>
+ <i class='large' ng-class="{'icon-caret-up': query.hits.new >= query.hits.old, 'icon-caret-down': query.hits.old > query.hits.new}"></i> {{query.percent}}%
+ </span>
+ <span class="tiny light" ng-show="query.info.alias != ''">({{query.info.alias}})</span>
+ </div>
+</div>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/panels/trends/module.js
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/panels/trends/module.js b/metron-ui/lib/public/app/panels/trends/module.js
new file mode 100755
index 0000000..9d247bc
--- /dev/null
+++ b/metron-ui/lib/public/app/panels/trends/module.js
@@ -0,0 +1,258 @@
+/** @scratch /panels/5
+ *
+ * include::panels/trends.asciidoc[]
+ */
+
+/** @scratch /panels/trends/0
+ *
+ * == trends
+ * Status: *Beta*
+ *
+ * A stock-ticker style representation of how queries are moving over time. For example, if the
+ * time is 1:10pm, your time picker was set to "Last 10m", and the "Time Ago" parameter was set to
+ * "1h", the panel would show how much the query results have changed since 12:00-12:10pm
+ *
+ */
+define([
+ 'angular',
+ 'app',
+ 'lodash',
+ 'kbn'
+],
+function (angular, app, _, kbn) {
+ 'use strict';
+
+ var module = angular.module('kibana.panels.trends', []);
+ app.useModule(module);
+
+ module.controller('trends', function($scope, kbnIndex, querySrv, dashboard, filterSrv) {
+
+ $scope.panelMeta = {
+ modals : [
+ {
+ description: "Inspect",
+ icon: "icon-info-sign",
+ partial: "app/partials/inspector.html",
+ show: $scope.panel.spyable
+ }
+ ],
+ editorTabs : [
+ {title:'Queries', src:'app/partials/querySelect.html'}
+ ],
+ status : "Beta",
+ description : "A stock-ticker style representation of how queries are moving over time. "+
+ "For example, if the time is 1:10pm, your time picker was set to \"Last 10m\", and the \"Time "+
+ "Ago\" parameter was set to '1h', the panel would show how much the query results have changed"+
+ " since 12:00-12:10pm"
+ };
+
+ // Set and populate defaults
+ var _d = {
+ /** @scratch /panels/trends/5
+ *
+ * === Parameters
+ *
+ * ago:: A date math formatted string describing the relative time period to compare the
+ * queries to.
+ */
+ ago : '1d',
+ /** @scratch /panels/trends/5
+ * arrangement:: `horizontal' or `vertical'
+ */
+ arrangement : 'vertical',
+ /** @scratch /panels/trends/5
+ * spyable:: Set to false to disable the inspect icon
+ */
+ spyable: true,
+ /** @scratch /panels/trends/5
+ *
+ * ==== Queries
+ * queries object:: This object describes the queries to use on this panel.
+ * queries.mode::: Of the queries available, which to use. Options: +all, pinned, unpinned, selected+
+ * queries.ids::: In +selected+ mode, which query ids are selected.
+ */
+ queries : {
+ mode : 'all',
+ ids : []
+ },
+ /*
+ * locked:: whether to lock the query, preventing it from being affected by filters
+ */
+ locked: false,
+ style : { "font-size": '14pt'},
+ };
+ _.defaults($scope.panel,_d);
+
+ $scope.init = function () {
+ $scope.hits = 0;
+
+ $scope.$on('refresh', function(){$scope.get_data();});
+
+ $scope.get_data();
+ };
+
+ $scope.get_data = function(segment,query_id) {
+ delete $scope.panel.error;
+ $scope.panelMeta.loading = true;
+
+ // Make sure we have everything for the request to complete
+ if(dashboard.indices.length === 0) {
+ return;
+ } else {
+ $scope.index = segment > 0 ? $scope.index : dashboard.indices;
+ }
+
+ // Determine a time field
+ var timeField = _.uniq(_.pluck(filterSrv.getByType('time'),'field'));
+ if(timeField.length > 1) {
+ $scope.panel.error = "Time field must be consistent amongst time filters";
+ return;
+ } else if(timeField.length === 0) {
+ $scope.panel.error = "A time filter must exist for this panel to function";
+ return;
+ } else {
+ timeField = timeField[0];
+ }
+
+ // This logic can be simplified greatly with the new kbn.parseDate
+ $scope.time = filterSrv.timeRange('last');
+
+
+ $scope.old_time = {
+ from : new Date($scope.time.from.getTime() - kbn.interval_to_ms($scope.panel.ago)).valueOf(),
+ to : new Date($scope.time.to.getTime() - kbn.interval_to_ms($scope.panel.ago)).valueOf()
+ };
+
+ var _segment = _.isUndefined(segment) ? 0 : segment;
+ var request = $scope.ejs.Request();
+ var _ids_without_time = _.difference(filterSrv.ids,filterSrv.idsByType('time'));
+
+ $scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
+ var queries = querySrv.getQueryObjs($scope.panel.queries.ids);
+
+ // Build the question part of the query
+ _.each(queries, function(query) {
+ var filter = $scope.panel.locked ?
+ null :
+ filterSrv.getBoolFilter(filterSrv.ids());
+ var q = $scope.ejs.FilteredQuery(querySrv.toEjsObj(query), filter);
+
+ request = request
+ .facet($scope.ejs.QueryFacet(query.id)
+ .query(q)
+ ).size(0);
+ });
+
+
+ // And again for the old time period
+ _.each(queries, function(query) {
+ var filter = $scope.panel.locked ?
+ null :
+ filterSrv.getBoolFilter(_ids_without_time).must(
+ $scope.ejs.RangeFilter(timeField)
+ .from($scope.old_time.from)
+ .to($scope.old_time.to));
+ var q = $scope.ejs.FilteredQuery(querySrv.toEjsObj(query), filter);
+ request = request
+ .facet($scope.ejs.QueryFacet("old_"+query.id)
+ .query(q)
+ ).size(0);
+ });
+
+
+ // Populate the inspector panel
+ $scope.inspector = angular.toJson(JSON.parse(request.toString()),true);
+
+ // If we're on the first segment we need to get our indices
+ if (_segment === 0) {
+ kbnIndex.indices(
+ $scope.old_time.from,
+ $scope.old_time.to,
+ dashboard.current.index.pattern,
+ dashboard.current.index.interval
+ ).then(function (p) {
+ $scope.index = _.union(p,$scope.index);
+ request = request.indices($scope.index[_segment]);
+ process_results(request.doSearch(),_segment,query_id);
+ });
+ } else {
+ process_results(request.indices($scope.index[_segment]).doSearch(),_segment,query_id);
+ }
+
+ };
+
+ // Populate scope when we have results
+ var process_results = function(results,_segment,query_id) {
+ results.then(function(results) {
+ $scope.panelMeta.loading = false;
+ if(_segment === 0) {
+ $scope.hits = {};
+ $scope.data = [];
+ query_id = $scope.query_id = new Date().getTime();
+ }
+
+ // Check for error and abort if found
+ if(!(_.isUndefined(results.error))) {
+ $scope.panel.error = $scope.parse_error(results.error);
+ return;
+ }
+
+ // Make sure we're still on the same query/queries
+ if($scope.query_id === query_id) {
+ var i = 0;
+ var queries = querySrv.getQueryObjs($scope.panel.queries.ids);
+
+ _.each(queries, function(query) {
+ var n = results.facets[query.id].count;
+ var o = results.facets['old_'+query.id].count;
+
+ var hits = {
+ new : _.isUndefined($scope.data[i]) || _segment === 0 ? n : $scope.data[i].hits.new+n,
+ old : _.isUndefined($scope.data[i]) || _segment === 0 ? o : $scope.data[i].hits.old+o
+ };
+
+ $scope.hits.new += n;
+ $scope.hits.old += o;
+
+ var percent = percentage(hits.old,hits.new) == null ?
+ '?' : Math.round(percentage(hits.old,hits.new)*100)/100;
+ // Create series
+ $scope.data[i] = {
+ info: query,
+ hits: {
+ new : hits.new,
+ old : hits.old
+ },
+ percent: percent
+ };
+
+ i++;
+ });
+ $scope.$emit('render');
+ if(_segment < $scope.index.length-1) {
+ $scope.get_data(_segment+1,query_id);
+ } else {
+ $scope.trends = $scope.data;
+ }
+ }
+ });
+ };
+
+ function percentage(x,y) {
+ return x === 0 ? null : 100*(y-x)/x;
+ }
+
+ $scope.set_refresh = function (state) {
+ $scope.refresh = state;
+ };
+
+ $scope.close_edit = function() {
+ if($scope.refresh) {
+ $scope.get_data();
+ }
+ $scope.refresh = false;
+ $scope.$emit('render');
+ };
+
+ });
+});
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/partials/dashLoader.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/partials/dashLoader.html b/metron-ui/lib/public/app/partials/dashLoader.html
new file mode 100755
index 0000000..0f8930c
--- /dev/null
+++ b/metron-ui/lib/public/app/partials/dashLoader.html
@@ -0,0 +1,112 @@
+<style>
+ .noarrow>a:after {
+ display: none !important;
+ }
+</style>
+
+<li ng-repeat="pulldown in dashboard.current.nav" ng-controller="PulldownCtrl" ng-show="pulldown.enable"><kibana-simple-panel type="pulldown.type" ng-cloak></kibana-simple-panel></li>
+
+<li ng-if="dashboard.current.loader.show_home !== false"><a bs-tooltip="'Goto saved default'" data-placement="bottom" href='#/dashboard'><i class='icon-home'></i></a></li>
+<li class="dropdown" ng-show="showDropdown('load')" >
+ <a href="#" bs-tooltip="'Load'" data-placement="bottom" class="dropdown-toggle" data-toggle="dropdown" ng-click="elasticsearch_dblist('title:'+elasticsearch.query+'*')">
+ <i class='icon-folder-open'></i>
+ </a>
+
+
+ <ul class="dropdown-menu" style="padding:10px">
+ <li ng-if='dashboard.current.loader.load_elasticsearch != false'>
+ <form class="nomargin">
+ <input type="text" ng-model="elasticsearch.query" ng-change="elasticsearch_dblist('title:'+elasticsearch.query+'*')" placeholder="Type to filter"/>
+ </form>
+ <h6 ng-hide="elasticsearch.dashboards.length">No dashboards matching your query found</h6>
+ <table class="table table-condensed table-striped">
+ <tr bindonce ng-repeat="row in elasticsearch.dashboards | orderBy:['_id']">
+ <td><a confirm-click="elasticsearch_delete(row._id)" confirmation="Are you sure you want to delete the {{row._id}} dashboard"><i class="icon-remove"></i></a></td>
+ <td><a href="#/dashboard/elasticsearch/{{row._id}}" bo-text="row._id"></a></td>
+ <td><a><i class="icon-share" ng-click="share = dashboard.share_link(row._id,'elasticsearch',row._id)" bs-modal="'app/partials/dashLoaderShare.html'"></i></a></td>
+ </tr>
+ </table>
+ </li>
+
+ <li class="dropdown-submenu noarrow" ng-show="dashboard.current.loader.load_gist || dashboard.current.loader.load_local">
+ <a tabindex="-1" class="small" style="padding:0"><i class="icon-caret-left"></i> Advanced</a>
+ <ul class="dropdown-menu" style="padding:10px">
+ <li ng-show='dashboard.current.loader.load_local'>
+ <h5>Local File <tip>Load dashboard JSON layout from file</tip></h5>
+ <form>
+ <input type="file" id="dashupload" dash-upload /><br>
+ </form>
+ </li>
+ <li ng-show='dashboard.current.loader.load_gist'>
+ <h5>Gist <tip>Enter a gist number or url</tip></h5>
+ <form>
+ <input type="text" ng-model="gist.url" placeholder="Gist number or URL"><br>
+ <button class="btn" ng-click="gist_dblist(dashboard.gist_id(gist.url))" ng-show="dashboard.is_gist(gist.url)"><i class="icon-github-alt"></i> Get gist:{{gist.url | gistid}}</button>
+ <h6 ng-show="gist.files.length">Dashboards in gist:{{gist.url | gistid}} <small>click to load</small></h6>
+ <h6 ng-hide="gist.files.length || !gist.url.length">No gist dashboards found</h6>
+ <table class="table table-condensed table-striped">
+ <tr ng-repeat="file in gist.files">
+ <td><a ng-click="dashboard.dash_load(file)">{{file.title}}</a></td>
+ </tr>
+ </table>
+ </form>
+ </li>
+ </ul>
+ </li>
+
+ </ul>
+
+
+</li>
+<li class="dropdown"ng-show="showDropdown('save')">
+ <a href="#" bs-tooltip="'Save'" data-placement="bottom" class="dropdown-toggle" data-toggle="dropdown">
+ <i class='icon-save'></i>
+ </a>
+
+
+ <ul class="dropdown-menu" style="padding:10px">
+
+ <li ng-show="dashboard.current.loader.save_elasticsearch != false">
+ <form class="input-prepend nomargin">
+ <button class="btn" ng-click="elasticsearch_save('dashboard')"><i class="icon-save"></i></button>
+ <input class='input-medium' ng-model="dashboard.current.title" type="text" ng-model="elasticsearch.title"/>
+ </form>
+ </li>
+
+ <li class="dropdown-submenu noarrow" ng-show="dashboard.current.loader.save_local != false || dashboard.current.loader.save_gist != false || dashboard.current.loader.save_default != false">
+ <a tabindex="-1" class="small" style="padding:0"><i class="icon-caret-left"></i> Advanced</a>
+ <ul class="dropdown-menu">
+
+ <li ng-show="dashboard.current.loader.save_default != false">
+ <a class="link" ng-click="set_default()">Save as Home</a>
+ </li>
+ <li ng-show="dashboard.current.loader.save_default != false">
+ <a class="link" ng-click="purge_default()">Reset Home</a>
+ </li>
+ <li ng-show="dashboard.current.loader.save_local != false">
+ <a class="link" ng-click="dashboard.to_file()">Export schema</a>
+ </li>
+
+ <li ng-show="dashboard.current.loader.save_gist" style="margin:10px">
+ <h6>Gist</h6>
+ <form class="input-append">
+ <input class='input-medium' placeholder='Title' type="text" ng-model="gist.title"/>
+ <button class="btn" ng-click="save_gist()"><i class="icon-github-alt"></i></button>
+ </form><br>
+ <small ng-show="gist.last">Last gist: <a target="_blank" href="{{gist.last}}">{{gist.last}}</a></small>
+ </li>
+ </ul>
+ </li>
+ </ul>
+
+
+</li>
+<li ng-show="showDropdown('share')"><a bs-tooltip="'Share'" data-placement="bottom" ng-click="elasticsearch_save('temp',dashboard.current.loader.save_temp_ttl)" bs-modal="'app/partials/dashLoaderShare.html'"><i class='icon-share'></i></a></li>
+
+<li ng-show="dashboard.current.editable" bs-tooltip="'Configure dashboard'" data-placement="bottom"><a class="link" config-modal="app/partials/dasheditor.html" kbn-model="dashboard"><i class='icon-cog'></i></a></li>
+
+<li bs-tooltip="'Logout'" data-placement="bottom">
+ <a class="link" href="/logout"><i class="icon-power-off"></i></a>
+</li>
+
+
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/partials/dashLoaderShare.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/partials/dashLoaderShare.html b/metron-ui/lib/public/app/partials/dashLoaderShare.html
new file mode 100755
index 0000000..7769773
--- /dev/null
+++ b/metron-ui/lib/public/app/partials/dashLoaderShare.html
@@ -0,0 +1,11 @@
+<div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+ <h3>{{share.title}} <small>shareable link</small></h3>
+</div>
+<div class="modal-body">
+ <label>Share this dashboard with this URL</label>
+ <input ng-model='share.link' type="text" style="width:90%" onclick="this.select()" onfocus="this.select()" ng-change="share = dashboard.share_link(share.title,share.type,share.id)">
+</div>
+<div class="modal-footer">
+ <button type="button" class="btn btn-success" ng-click="dismiss();$broadcast('render')">Close</button>
+</div>
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/0648a447/metron-ui/lib/public/app/partials/dashboard.html
----------------------------------------------------------------------
diff --git a/metron-ui/lib/public/app/partials/dashboard.html b/metron-ui/lib/public/app/partials/dashboard.html
new file mode 100755
index 0000000..213d99b
--- /dev/null
+++ b/metron-ui/lib/public/app/partials/dashboard.html
@@ -0,0 +1,86 @@
+<!-- is there a better way to repeat without actually affecting the page? -->
+<nil ng-repeat="pulldown in dashboard.current.pulldowns" ng-controller="PulldownCtrl" ng-show="pulldown.enable">
+ <div class="top-row-close pointer pull-left" ng-class="pulldownTabStyle($index)" ng-click="toggle_pulldown(pulldown);dismiss();" bs-tooltip="'Toggle '+pulldown.type" data-placement="bottom">
+ <span class="small">{{pulldown.type}}</span>
+ <i class="small" ng-class="{'icon-caret-left':pulldown.collapse,'icon-caret-right':!pulldown.collapse}"></i>
+ <i class="small icon-star" ng-show="row.notice && pulldown.collapse"></i>
+ </div>
+ <div class="clearfix bgNav" ng-hide="pulldown.collapse"></div>
+ <div class="top-row-open" ng-hide="pulldown.collapse">
+ <kibana-simple-panel type="pulldown.type" ng-cloak></kibana-simple-panel>
+ </div>
+</nil>
+<div class="clearfix bgNav" ></div>
+<div class="container-fluid main">
+ <div>
+ <div class="kibana-container container">
+ <!-- Rows -->
+ <div class="kibana-row" ng-controller="RowCtrl" ng-repeat="(row_name, row) in dashboard.current.rows" ng-style="row_style(row)">
+ <div class="row-control">
+ <div class="" style="padding:0px;margin:0px;position:relative;">
+
+ <div class="row-close" ng-show="row.collapse" data-placement="bottom" >
+ <span class="row-button bgWarning" config-modal="app/partials/roweditor.html" kbn-model="row" class="pointer">
+ <i bs-tooltip="'Configure row'" data-placement="right" ng-show="row.editable" class="icon-cog pointer"></i>
+ </span>
+ <span class="row-button bgPrimary" ng-click="toggle_row(row)" ng-show="row.collapsable">
+ <i bs-tooltip="'Expand row'" data-placement="right" ng-show="row.collapsable" class="icon-caret-left pointer" ></i>
+ </span>
+ <span class="row-button row-text" ng-click="toggle_row(row)" ng-class="{'pointer':row.collapsable}">{{row.title || 'Row '+$index}}</span>
+ </div>
+
+ <div style="text-align:center" class="row-open" ng-show="!row.collapse">
+ <div ng-show="row.collapsable" class='row-tab bgPrimary' ng-click="toggle_row(row)">
+ <i bs-tooltip="'Collapse row'" data-placement="right" class="icon-caret-right" ></i>
+ <br>
+ </div>
+ <div config-modal="app/partials/roweditor.html" kbn-model="row" class='row-tab bgWarning' ng-show="row.editable">
+ <i bs-tooltip="'Configure row'" data-placement="right" class="icon-cog pointer"></i>
+ <br>
+ </div>
+ <div class="bgSuccess row-tab" ng-click="editor.index = 2" config-modal="app/partials/roweditor.html" kbn-model="row" ng-show="row.editable">
+ <i class="icon-plus-sign" bs-tooltip="'Add Panel'" data-placement="right"></i>
+ <br>
+ </div>
+
+ </div>
+
+ </div>
+ <div style="padding-top:0px" ng-if="!row.collapse">
+
+ <!-- Panels -->
+ <div ng-repeat="(name, panel) in row.panels|filter:isPanel" ng-hide="panel.hide" class="panel nospace" ng-style="{'width':!panel.span?'100%':((panel.span/1.2)*10)+'%'}" data-drop="true" ng-model="row.panels" data-jqyoui-options jqyoui-droppable="{index:$index,mutate:false,onDrop:'panelMoveDrop',onOver:'panelMoveOver(true)',onOut:'panelMoveOut'}" ng-class="{'dragInProgress':dashboard.panelDragging}">
+
+ <!-- Content Panel -->
+ <div style="position:relative">
+ <kibana-panel type="panel.type" ng-cloak></kibana-panel>
+ </div>
+ </div>
+
+
+ <div ng-show="dashboard.panelDragging && row.panels.length == 0" class="panel panel-filler" style="" ng-class="{'dragInProgress':dashboard.panelDragging}" ng-style="{height:row.height}" data-drop="true" ng-model="row.panels" data-jqyoui-options jqyoui-droppable="{index:row.panels.length,mutate:false,onDrop:'panelMoveDrop',onOver:'panelMoveOver',onOut:'panelMoveOut'}">
+ <h1>Drop here to add to this row</h1>
+ Or drop on top of any other panel to insert in that row
+ </div>
+
+ <span config-modal="app/partials/roweditor.html" kbn-model="row" ng-show="row.editable && !dashboard.panelDragging">
+ <span ng-click="editor.index = 2" style="margin-top: 3px; margin-left: 5px" ng-show="row.panels.length==0" class="btn btn-mini">Add panel to empty row</span>
+ </span>
+
+ <div class="clearfix"></div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row-fluid" ng-show='dashboard.current.editable'>
+ <div class="span12" style="text-align:right;">
+ <span class="pointer btn btn-mini row-add-button" config-modal="app/partials/dasheditor.html" kbn-model="dashboard">
+ <span ng-click="editor.index = 2"><i class="icon-plus-sign"></i> ADD A ROW</span>
+ </span>
+ </div>
+ </div>
+
+
+ </div>
+ </div>
+</div>