scout_realtime 0.5.3 → 0.5.4
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.md +4 -0
- data/lib/scout_realtime/models/processes.rb +1 -1
- data/lib/scout_realtime/version.rb +1 -1
- data/lib/scout_realtime/web/images/github.png +0 -0
- data/lib/scout_realtime/web/images/linux.png +0 -0
- data/lib/scout_realtime/web/images/logo.png +0 -0
- data/lib/scout_realtime/web/images/scout.png +0 -0
- data/lib/scout_realtime/web/javascripts/application.js +70 -28
- data/lib/scout_realtime/web/javascripts/d3.linechart.js +65 -17
- data/lib/scout_realtime/web/javascripts/jquery.debouncedresize.js +47 -0
- data/lib/scout_realtime/web/stylesheets/styles.css +245 -99
- data/lib/scout_realtime/web/views/graph.erb +0 -2
- data/lib/scout_realtime/web/views/header.erb +7 -7
- data/lib/scout_realtime/web/views/index.erb +22 -16
- data/lib/scout_realtime/web/views/layout.erb +5 -7
- data/lib/scout_realtime/web/views/overview_charts.erb +8 -12
- data/lib/scout_realtime/web/views/processes.erb +6 -6
- data/lib/scout_realtime/web/views/sidebar.erb +7 -7
- data/lib/scout_realtime/web/views/sidebar_bottom.erb +3 -0
- data/scout_realtime.gemspec +1 -1
- metadata +10 -9
- data/lib/scout_realtime/web/javascripts/bootstrap.min.js +0 -7
- data/lib/scout_realtime/web/javascripts/charts.js +0 -189
- data/lib/scout_realtime/web/javascripts/d3.barchart.js +0 -210
- data/lib/scout_realtime/web/stylesheets/bootstrap-theme.min.css +0 -7
- data/lib/scout_realtime/web/stylesheets/bootstrap.min.css +0 -7
@@ -1,19 +1,19 @@
|
|
1
|
-
<div class="info">
|
1
|
+
<div class="info" id="hostname_info">
|
2
2
|
<div class="value" id="hostname"><%= ServerMetrics::SystemInfo.hostname %></div>
|
3
|
-
<div class="value">
|
4
|
-
|
5
|
-
<%= ServerMetrics::SystemInfo.architecture %>
|
3
|
+
<div class="value" id="os_info">
|
4
|
+
<img src="/images/linux.png" alt="Linux" height=40 valign=middle>
|
5
|
+
<%= a=ServerMetrics::SystemInfo.architecture =~ /64/ ? '64-bit' : a %>
|
6
6
|
<%= ServerMetrics::SystemInfo.os_version %>
|
7
7
|
</div>
|
8
8
|
</div>
|
9
9
|
<div class="info">
|
10
|
-
<div class="value"><span><%= ServerMetrics::SystemInfo.num_processors %></span> processors
|
10
|
+
<div class="value"><span><%= count=ServerMetrics::SystemInfo.num_processors %></span> <%= count > 1 ? 'processors' : 'processor'%></div>
|
11
11
|
</div>
|
12
12
|
<div class="info">
|
13
13
|
<div class="desc">memory used</div>
|
14
|
-
<div class="value"><span id='memory-used'></span> MB of <span id='memory-
|
14
|
+
<div class="value"><span id='memory-used'></span> MB of <span id='memory-size'></span> MB</div>
|
15
15
|
</div>
|
16
16
|
<div class="info">
|
17
17
|
<div class="desc">disk space used</div>
|
18
|
-
<div class="value"><span id='disk-used'></span> MB of <span id='disk-
|
18
|
+
<div class="value"><span id='disk-used'></span> MB of <span id='disk-size'></span> MB</div>
|
19
19
|
</div>
|
@@ -0,0 +1,3 @@
|
|
1
|
+
<div>An open-source tool created by <a href="https://scoutapp.com">Scout</a>.</div>
|
2
|
+
<a href="http://github.com/scoutapp/scout_realtime" class="icon" target="_blank"><img src="/images/github.png" height=28/></a>
|
3
|
+
<a href="https://scoutapp.com" class="icon" target="_blank"><img src="/images/scout.png" height=26/></a>
|
data/scout_realtime.gemspec
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: scout_realtime
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.5.
|
4
|
+
version: 0.5.4
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -11,7 +11,7 @@ authors:
|
|
11
11
|
autorequire:
|
12
12
|
bindir: bin
|
13
13
|
cert_chain: []
|
14
|
-
date: 2014-
|
14
|
+
date: 2014-02-18 00:00:00.000000000 Z
|
15
15
|
dependencies:
|
16
16
|
- !ruby/object:Gem::Dependency
|
17
17
|
name: bundler
|
@@ -116,7 +116,7 @@ dependencies:
|
|
116
116
|
requirements:
|
117
117
|
- - ~>
|
118
118
|
- !ruby/object:Gem::Version
|
119
|
-
version: 1.1.
|
119
|
+
version: 1.1.1
|
120
120
|
type: :runtime
|
121
121
|
prerelease: false
|
122
122
|
version_requirements: !ruby/object:Gem::Requirement
|
@@ -124,7 +124,7 @@ dependencies:
|
|
124
124
|
requirements:
|
125
125
|
- - ~>
|
126
126
|
- !ruby/object:Gem::Version
|
127
|
-
version: 1.1.
|
127
|
+
version: 1.1.1
|
128
128
|
description: Realtime server metrics in your browser.
|
129
129
|
email:
|
130
130
|
- support@scoutapp.com
|
@@ -156,20 +156,19 @@ files:
|
|
156
156
|
- lib/scout_realtime/runner.rb
|
157
157
|
- lib/scout_realtime/version.rb
|
158
158
|
- lib/scout_realtime/web/favicon.ico
|
159
|
+
- lib/scout_realtime/web/images/github.png
|
160
|
+
- lib/scout_realtime/web/images/linux.png
|
159
161
|
- lib/scout_realtime/web/images/logo.png
|
160
162
|
- lib/scout_realtime/web/images/pause.png
|
161
163
|
- lib/scout_realtime/web/images/play.png
|
164
|
+
- lib/scout_realtime/web/images/scout.png
|
162
165
|
- lib/scout_realtime/web/javascripts/application.js
|
163
|
-
- lib/scout_realtime/web/javascripts/bootstrap.min.js
|
164
|
-
- lib/scout_realtime/web/javascripts/charts.js
|
165
|
-
- lib/scout_realtime/web/javascripts/d3.barchart.js
|
166
166
|
- lib/scout_realtime/web/javascripts/d3.linechart.js
|
167
167
|
- lib/scout_realtime/web/javascripts/d3.v3.min.js
|
168
168
|
- lib/scout_realtime/web/javascripts/handlebars-v1.1.0.js
|
169
|
+
- lib/scout_realtime/web/javascripts/jquery.debouncedresize.js
|
169
170
|
- lib/scout_realtime/web/javascripts/jquery.js
|
170
171
|
- lib/scout_realtime/web/javascripts/metrics_for_development.js
|
171
|
-
- lib/scout_realtime/web/stylesheets/bootstrap-theme.min.css
|
172
|
-
- lib/scout_realtime/web/stylesheets/bootstrap.min.css
|
173
172
|
- lib/scout_realtime/web/stylesheets/styles.css
|
174
173
|
- lib/scout_realtime/web/views/graph.erb
|
175
174
|
- lib/scout_realtime/web/views/header.erb
|
@@ -178,6 +177,7 @@ files:
|
|
178
177
|
- lib/scout_realtime/web/views/overview_charts.erb
|
179
178
|
- lib/scout_realtime/web/views/processes.erb
|
180
179
|
- lib/scout_realtime/web/views/sidebar.erb
|
180
|
+
- lib/scout_realtime/web/views/sidebar_bottom.erb
|
181
181
|
- lib/scout_realtime/web_app.rb
|
182
182
|
- lib/vendor/backports-3.3.5/lib/backports.rb
|
183
183
|
- lib/vendor/backports-3.3.5/lib/backports/1.8.7.rb
|
@@ -730,3 +730,4 @@ test_files:
|
|
730
730
|
- test/models/processes_test.rb
|
731
731
|
- test/runner_test.rb
|
732
732
|
- test/test_helper.rb
|
733
|
+
has_rdoc:
|
@@ -1,7 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Bootstrap v3.0.3 (http://getbootstrap.com)
|
3
|
-
* Copyright 2013 Twitter, Inc.
|
4
|
-
* Licensed under http://www.apache.org/licenses/LICENSE-2.0
|
5
|
-
*/
|
6
|
-
|
7
|
-
if("undefined"==typeof jQuery)throw new Error("Bootstrap requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]}}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d)};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.is("input")?"val":"html",e=c.data();a+="Text",e.resetText||c.data("resetText",c[d]()),c[d](e[a]||this.options[a]),setTimeout(function(){"loadingText"==a?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.closest('[data-toggle="buttons"]'),b=!0;if(a.length){var c=this.$element.find("input");"radio"===c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?b=!1:a.find(".active").removeClass("active")),b&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}b&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition.end&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}this.sliding=!0,f&&this.pause();var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});if(!e.hasClass("active")){if(this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(j),j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(600)}else{if(this.$element.trigger(j),j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")}return f&&this.cycle(),this}};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?(this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350),void 0):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(){a(d).remove(),a(e).each(function(b){var d=c(a(this));d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown")),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown"))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){if("ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b),f.trigger(d=a.Event("show.bs.dropdown")),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown"),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=a("[role=menu] li:not(.divider):visible a",f);if(h.length){var i=h.index(h.filter(":focus"));38==b.keyCode&&i>0&&i--,40==b.keyCode&&i<h.length-1&&i++,~i||(i=0),h.eq(i).focus()}}}};var g=a.fn.dropdown;a.fn.dropdown=function(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new f(this)),"string"==typeof b&&d[b].call(c)})},a.fn.dropdown.Constructor=f,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=g,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",e,f.prototype.toggle).on("keydown.bs.dropdown.data-api",e+", [role=menu]",f.prototype.keydown)}(jQuery),+function(a){"use strict";var b=function(b,c){this.options=c,this.$element=a(b),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.load(this.options.remote)};b.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},b.prototype.toggle=function(a){return this[this.isShown?"hide":"show"](a)},b.prototype.show=function(b){var c=this,d=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(d),this.isShown||d.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.$element.on("click.dismiss.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.backdrop(function(){var d=a.support.transition&&c.$element.hasClass("fade");c.$element.parent().length||c.$element.appendTo(document.body),c.$element.show(),d&&c.$element[0].offsetWidth,c.$element.addClass("in").attr("aria-hidden",!1),c.enforceFocus();var e=a.Event("shown.bs.modal",{relatedTarget:b});d?c.$element.find(".modal-dialog").one(a.support.transition.end,function(){c.$element.focus().trigger(e)}).emulateTransitionEnd(300):c.$element.focus().trigger(e)}))},b.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one(a.support.transition.end,a.proxy(this.hideModal,this)).emulateTransitionEnd(300):this.hideModal())},b.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.focus()},this))},b.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},b.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.removeBackdrop(),a.$element.trigger("hidden.bs.modal")})},b.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},b.prototype.backdrop=function(b){var c=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var d=a.support.transition&&c;if(this.$backdrop=a('<div class="modal-backdrop '+c+'" />').appendTo(document.body),this.$element.on("click.dismiss.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focus",i="hover"==g?"mouseleave":"blur";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show),void 0):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide),void 0):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this.tip();this.setContent(),this.options.animation&&c.addClass("fade");var d="function"==typeof this.options.placement?this.options.placement.call(this,c[0],this.$element[0]):this.options.placement,e=/\s?auto?\s?/i,f=e.test(d);f&&(d=d.replace(e,"")||"top"),c.detach().css({top:0,left:0,display:"block"}).addClass(d),this.options.container?c.appendTo(this.options.container):c.insertAfter(this.$element);var g=this.getPosition(),h=c[0].offsetWidth,i=c[0].offsetHeight;if(f){var j=this.$element.parent(),k=d,l=document.documentElement.scrollTop||document.body.scrollTop,m="body"==this.options.container?window.innerWidth:j.outerWidth(),n="body"==this.options.container?window.innerHeight:j.outerHeight(),o="body"==this.options.container?0:j.offset().left;d="bottom"==d&&g.top+g.height+i-l>n?"top":"top"==d&&g.top-l-i<0?"bottom":"right"==d&&g.right+h>m?"left":"left"==d&&g.left-h<o?"right":d,c.removeClass(k).addClass(d)}var p=this.getCalculatedOffset(d,g,h,i);this.applyPlacement(p,d),this.$element.trigger("shown.bs."+this.type)}},b.prototype.applyPlacement=function(a,b){var c,d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),a.top=a.top+g,a.left=a.left+h,d.offset(a).addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;if("top"==b&&j!=f&&(c=!0,a.top=a.top+f-j),/bottom|top/.test(b)){var k=0;a.left<0&&(k=-2*a.left,a.left=0,d.offset(a),i=d[0].offsetWidth,j=d[0].offsetHeight),this.replaceArrow(k-e+i,i,"left")}else this.replaceArrow(j-f,j,"top");c&&d.offset(a)},b.prototype.replaceArrow=function(a,b,c){this.arrow().css(c,a?50*(1-a/b)+"%":"")},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},b.prototype.hide=function(){function b(){"in"!=c.hoverState&&d.detach()}var c=this,d=this.tip(),e=a.Event("hide.bs."+this.type);return this.$element.trigger(e),e.isDefaultPrevented()?void 0:(d.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?d.one(a.support.transition.end,b).emulateTransitionEnd(150):b(),this.$element.trigger("hidden.bs."+this.type),this)},b.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},b.prototype.hasContent=function(){return this.getTitle()},b.prototype.getPosition=function(){var b=this.$element[0];return a.extend({},"function"==typeof b.getBoundingClientRect?b.getBoundingClientRect():{width:b.offsetWidth,height:b.offsetHeight},this.$element.offset())},b.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},b.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},b.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},b.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},b.prototype.enable=function(){this.enabled=!0},b.prototype.disable=function(){this.enabled=!1},b.prototype.toggleEnabled=function(){this.enabled=!this.enabled},b.prototype.toggle=function(b){var c=b?a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type):this;c.tip().hasClass("in")?c.leave(c):c.enter(c)},b.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var c=a.fn.tooltip;a.fn.tooltip=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof c&&c;e||d.data("bs.tooltip",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.tooltip.Constructor=b,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=c,this}}(jQuery),+function(a){"use strict";var b=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");b.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"html":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(c).is("body")?a(window):a(c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#\w/.test(e)&&a(e);return f&&f.length&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parents(".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top()),"function"==typeof h&&(h=f.bottom());var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;this.affixed!==i&&(this.unpin&&this.$element.css("top",""),this.affixed=i,this.unpin="bottom"==i?e.top-d:null,this.$element.removeClass(b.RESET).addClass("affix"+(i?"-"+i:"")),"bottom"==i&&this.$element.offset({top:document.body.offsetHeight-h-this.$element.height()}))}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery);
|
@@ -1,189 +0,0 @@
|
|
1
|
-
var ChartsView = {
|
2
|
-
init: function(params) {
|
3
|
-
var _this = this;
|
4
|
-
this.active = false;
|
5
|
-
this.charts = [];
|
6
|
-
$.each(params, function(name, value) {
|
7
|
-
_this[name] = value;
|
8
|
-
});
|
9
|
-
},
|
10
|
-
|
11
|
-
pollForUpdates: function() {
|
12
|
-
var _this = this;
|
13
|
-
var timeOffset = 0;
|
14
|
-
this.poller = setInterval(function() {
|
15
|
-
_this.update(timeOffset++);
|
16
|
-
}, _this.pollInterval);
|
17
|
-
},
|
18
|
-
|
19
|
-
update: function (timeOffset) {
|
20
|
-
var _this = this;
|
21
|
-
$.getJSON(_this.url + '?time_offset=' + timeOffset,function (data) {
|
22
|
-
_this.updateData(data);
|
23
|
-
if (_this.active) {
|
24
|
-
_this.updateCharts();
|
25
|
-
}
|
26
|
-
}).fail(function () {
|
27
|
-
console.log("error fetching data");
|
28
|
-
});
|
29
|
-
},
|
30
|
-
|
31
|
-
setActive: function() {
|
32
|
-
this.active = true;
|
33
|
-
this.updateCharts();
|
34
|
-
},
|
35
|
-
};
|
36
|
-
|
37
|
-
var Chart = {
|
38
|
-
init: function(params) {
|
39
|
-
var _this = this;
|
40
|
-
$.each(params, function(name, value) {
|
41
|
-
_this[name] = value;
|
42
|
-
});
|
43
|
-
},
|
44
|
-
|
45
|
-
renderData: function() {
|
46
|
-
this.barChart.data = this.data;
|
47
|
-
if (this.data.length) { this.barChart.draw() };
|
48
|
-
},
|
49
|
-
|
50
|
-
updatedLatestValue: function() {
|
51
|
-
this.$latestValue.html(this.formattedValue(this.latestValue));
|
52
|
-
},
|
53
|
-
|
54
|
-
/*
|
55
|
-
* For the displays where the latest value is positioned above the chart, the latest value need to be aligned
|
56
|
-
* with the last rectangle in the chart svg element. This is because the rectangles may not use the full width of the svg
|
57
|
-
* to avoid aliased lines.
|
58
|
-
*/
|
59
|
-
positionLatestValue: function() {
|
60
|
-
if (this.latestValuePositioned) {return true} // only need to position once
|
61
|
-
$lastRect = $(this.chartSVG).children('g').last();
|
62
|
-
// Workaround - FF doesn't return SVG position() relative to the parent but to the entire viewport.
|
63
|
-
left = $lastRect.get(0).getBoundingClientRect().right - $(this.chartSVG).get(0).getBoundingClientRect().left;
|
64
|
-
margin = this.$container.width()-left;
|
65
|
-
this.$latestValue.css("margin-right",margin);
|
66
|
-
if ($chartSub = this.$container.children(".chart_sub")) {
|
67
|
-
$chartSub.css("margin-right",margin);
|
68
|
-
}
|
69
|
-
this.latestValuePositioned = true;
|
70
|
-
},
|
71
|
-
|
72
|
-
formattedValue: function(value, meta_index) {
|
73
|
-
meta_index = typeof meta_index !== 'undefined' ? meta_index : 0; // default to first set of meta values
|
74
|
-
// numberToHumanSize?
|
75
|
-
/*
|
76
|
-
if(this.units && (this.units.indexOf("KB") !== -1 || this.units.indexOf("MB") !== -1)) {
|
77
|
-
var numString;
|
78
|
-
if(this.units.indexOf("KB") !== -1) {
|
79
|
-
numString = numberToHumanSize(this.latestValue * 1024);
|
80
|
-
} else if(this.units.indexOf("MB") !== -1) {
|
81
|
-
numString = numberToHumanSize(this.latestValue * 1024 * 1024);
|
82
|
-
}
|
83
|
-
this.latestValue = numString.split(" ")[0];
|
84
|
-
this.units = this.units.replace("KB", numString.split(" ")[1]);
|
85
|
-
}
|
86
|
-
*/
|
87
|
-
var formattedUnits;
|
88
|
-
var currentMeta;
|
89
|
-
if(this.meta[meta_index] == null) {
|
90
|
-
currentMeta = {};
|
91
|
-
} else {
|
92
|
-
currentMeta = this.meta[meta_index];
|
93
|
-
}
|
94
|
-
if(typeof currentMeta.units == 'undefined') {
|
95
|
-
formattedUnits = '';
|
96
|
-
} else if(currentMeta.units == '%') {
|
97
|
-
formattedUnits = currentMeta.units;
|
98
|
-
} else {
|
99
|
-
formattedUnits = ' ' + currentMeta.units;
|
100
|
-
}
|
101
|
-
return numberFormatter(value, currentMeta.precision, currentMeta.delimiter) + formattedUnits;
|
102
|
-
},
|
103
|
-
|
104
|
-
labelOrBlank: function(meta_index) {
|
105
|
-
if(this.meta[meta_index] == null) {
|
106
|
-
return '';
|
107
|
-
} else {
|
108
|
-
return this.meta[meta_index].label + ': ';
|
109
|
-
}
|
110
|
-
}
|
111
|
-
};
|
112
|
-
|
113
|
-
// based on https://github.com/jblz/Javascript-Number-Formatter/blob/master/numberFormatter.js
|
114
|
-
|
115
|
-
function numberFormatter ( num, places, ksep, dsep ) {
|
116
|
-
var sign = '';
|
117
|
-
if(num < 0) { sign = '-'; }
|
118
|
-
num = Math.abs(num);
|
119
|
-
var rounder = function( n, places ) {
|
120
|
-
n2 = parseFloat(n);
|
121
|
-
if( isNaN(n2) ) return n;
|
122
|
-
places = parseInt(places);
|
123
|
-
if( isNaN(places) ) places = 0;
|
124
|
-
var factor= Math.pow(10,places);
|
125
|
-
return Math.floor(n*factor+((n*factor*10)%10>=5?1:0))/factor;
|
126
|
-
};
|
127
|
-
var num = rounder( num, places );
|
128
|
-
if ( isNaN( num ) ) return num;
|
129
|
-
if ( 'undefined' == typeof places ) places = 0;
|
130
|
-
if ( 'undefined' == typeof ksep ) ksep = ',';
|
131
|
-
if ( 'undefined' == typeof dsep ) dsep = '.';
|
132
|
-
num = num.toString();
|
133
|
-
if ( places > 0 ) {
|
134
|
-
var dot = num.indexOf( '.' );
|
135
|
-
var rlength = num.substr( dot ).length - 1;
|
136
|
-
if ( -1 == dot ) {
|
137
|
-
num = num + '.';
|
138
|
-
for ( var i = 0; i < places; i++ ) {
|
139
|
-
num = num + '0';
|
140
|
-
}
|
141
|
-
}
|
142
|
-
else if ( places > rlength ) {
|
143
|
-
var diff = places - rlength;
|
144
|
-
for ( var i = 0; i < diff; i++ ) {
|
145
|
-
num = num + '0';
|
146
|
-
}
|
147
|
-
}
|
148
|
-
}
|
149
|
-
|
150
|
-
var l = '', m = '', r = '';
|
151
|
-
num.replace( /^([0-9]*)?(\.)?([0-9]*)?$/, function( $0, $1, $2, $3 ) {
|
152
|
-
var llen = $1.length;
|
153
|
-
if ( llen > 3 ) {
|
154
|
-
for ( var i = llen - 1; i >= 0; i-- ) {
|
155
|
-
var x = i - llen + 1;
|
156
|
-
if ( x != 0 && x % 3 == 0 ) l = ksep + l;
|
157
|
-
l = $1[i] + l;
|
158
|
-
}
|
159
|
-
}
|
160
|
-
else {
|
161
|
-
l = $1;
|
162
|
-
}
|
163
|
-
if ( $2 == '.' && ! isNaN( $3 ) ) {
|
164
|
-
m = dsep;
|
165
|
-
r = $3;
|
166
|
-
}
|
167
|
-
});
|
168
|
-
return sign + l + m + r;
|
169
|
-
}
|
170
|
-
|
171
|
-
function formatTime(timestamp) {
|
172
|
-
var date = new Date(timestamp);
|
173
|
-
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
|
174
|
-
var month = monthNames[date.getMonth()];
|
175
|
-
var hour = date.getHours();
|
176
|
-
var ampm;
|
177
|
-
if(hour > 12) {
|
178
|
-
hour = hour - 12;
|
179
|
-
ampm = 'pm';
|
180
|
-
} else {
|
181
|
-
ampm = 'am';
|
182
|
-
}
|
183
|
-
// only print date if not today
|
184
|
-
dateString = ''
|
185
|
-
if (date.toDateString() != new Date().toDateString()) {
|
186
|
-
dateString += month + ' ' + date.getDate() + ', ';
|
187
|
-
}
|
188
|
-
return dateString + hour + ':' + (date.getMinutes()<10?'0':'') + date.getMinutes() + ampm;
|
189
|
-
}
|
@@ -1,210 +0,0 @@
|
|
1
|
-
/* new BarChart({ element: this.chartSVG, data: this.data, yMax: this.yMax, addColors: this.colors, parent: this })
|
2
|
-
*/
|
3
|
-
function BarChart(params) {
|
4
|
-
this.data = params.data;
|
5
|
-
this.parent = params.parent;
|
6
|
-
var element = params.element;
|
7
|
-
var colors = ["#65A7DE"]; // default color is light blue
|
8
|
-
var currentYMax = params.yMax;
|
9
|
-
var numberOfBars = this.data.length;
|
10
|
-
if(params.addColors) {
|
11
|
-
colors = colors.concat(params.addColors);
|
12
|
-
}
|
13
|
-
var color = d3.scale.ordinal()
|
14
|
-
.range(colors)
|
15
|
-
.domain([0, (this.data.length ? this.data[0].value.length-1 : 0)])
|
16
|
-
|
17
|
-
var selection, width, height, rangeWidth, barWidth, y, x, yWithMinimum, heightWithMinimum, tooltip;
|
18
|
-
|
19
|
-
this.setYMax = function(yMax) {
|
20
|
-
currentYMax = yMax;
|
21
|
-
}
|
22
|
-
|
23
|
-
function setViewDependentVariables() {
|
24
|
-
selection = d3.select(element);
|
25
|
-
// get the width and height form the selection
|
26
|
-
width = selection.node().clientWidth || parseInt($(selection.node()).css('width'));
|
27
|
-
height = selection.node().clientHeight || parseInt($(selection.node()).css('height'));
|
28
|
-
|
29
|
-
// want the same width for each bar. with anti-aliasing enabled, the widths will be integers but aren't
|
30
|
-
// guarenteed to be the same width. this uses the greatest possible width of the svg element where the bars
|
31
|
-
// will all be the same width.
|
32
|
-
rangeWidth = Math.floor(width / numberOfBars)*numberOfBars;
|
33
|
-
barWidth = (rangeWidth / numberOfBars) - 1;
|
34
|
-
|
35
|
-
y = d3.scale.linear().range([height, 0]);
|
36
|
-
x = d3.time.scale().rangeRound([0, rangeWidth]);
|
37
|
-
|
38
|
-
// y and height are modified to always show the first series even if it isn't large enough
|
39
|
-
// to be displayed. this ensures a dashed line is always displayed vs. missing blocks.
|
40
|
-
yWithMinimum = function(d, i) {
|
41
|
-
var yValue = y(d.y1);
|
42
|
-
if (i==0 && (y(d.y0) - y(d.y1)) < 1 && y(0) == height) {
|
43
|
-
yValue = height - 1.5; // height of the container - 1px (height we're using as minimum) - 0.5 (anti-aliasing)
|
44
|
-
}
|
45
|
-
return yValue;
|
46
|
-
}
|
47
|
-
|
48
|
-
heightWithMinimum = function(d, i) {
|
49
|
-
var height = Math.abs(y(d.y0) - y(d.y1));
|
50
|
-
if (i==0) {
|
51
|
-
height = d3.max( [height,1] );
|
52
|
-
}
|
53
|
-
return height;
|
54
|
-
}
|
55
|
-
|
56
|
-
if($('#charts-tooltip').length > 0) {
|
57
|
-
tooltip = d3.select('#charts-tooltip');
|
58
|
-
} else {
|
59
|
-
tooltip = d3.select('body').append('div')
|
60
|
-
.attr('id', 'charts-tooltip')
|
61
|
-
.attr('class', 'modal-tooltip')
|
62
|
-
.style('opacity', 0);
|
63
|
-
}
|
64
|
-
}
|
65
|
-
|
66
|
-
/* passing in anything other than false will make the charts update without a sliding effect.
|
67
|
-
Pass in false (or nothing at all), and the bars will slide left for the new data. */
|
68
|
-
this.draw = function(suppressAnimation) {
|
69
|
-
if(!selection) { setViewDependentVariables(); } // only call the first time we draw
|
70
|
-
var animationDuration = suppressAnimation ? 0 : 1000;
|
71
|
-
var data = this.data;
|
72
|
-
var _this = this;
|
73
|
-
var stackedData = data.map(function(d){
|
74
|
-
y0 = 0;
|
75
|
-
formattedTime = formatTime(d.time);
|
76
|
-
return { value: d.value.map(
|
77
|
-
function(d) {
|
78
|
-
if(d >= 0) {
|
79
|
-
thisY0 = y0;
|
80
|
-
thisY1 = y0 += d;
|
81
|
-
//return { d: d, time: formattedTime, y0: y0, y1: y0 += d }
|
82
|
-
} else {
|
83
|
-
thisY1 = y0;
|
84
|
-
thisY0 = y0 += d;
|
85
|
-
//return { d: d, time: formattedTime, y0: y0 += d, y1: y0 - d }
|
86
|
-
}
|
87
|
-
return { d: d, time: formattedTime, y0: thisY0, y1: thisY1 }
|
88
|
-
}
|
89
|
-
), time: d.time };
|
90
|
-
})
|
91
|
-
|
92
|
-
// time update
|
93
|
-
var timeMin = d3.min(data.map(function(d) {return d.time}));
|
94
|
-
// adds the step to the timeMax. otherwise, the last data element is drawn on 100% of the x scale.
|
95
|
-
// want the last data element to fully fit in the svg element.
|
96
|
-
var timeMax = d3.max(data.map(function(d) {return d.time})) + step(data); // add a minute to the max
|
97
|
-
x.domain([timeMin, timeMax]);
|
98
|
-
y.domain([yMin(data), yMax(data)]);
|
99
|
-
var state = selection.selectAll(".g")
|
100
|
-
.data(stackedData, function(d) { return d.time; });
|
101
|
-
// initialise entering bars and then do the transition
|
102
|
-
var stateEnter = state
|
103
|
-
.enter().append("g")
|
104
|
-
.attr("class", "g")
|
105
|
-
.attr("transform", function(d) { return "translate(" + x(d.time + enterStep(state)) + ",0)"; })
|
106
|
-
|
107
|
-
stateEnter.selectAll("rect")
|
108
|
-
.data(function(d) { return d.value; })
|
109
|
-
.enter().append("rect")
|
110
|
-
.attr("width", barWidth)
|
111
|
-
.attr("y", function(d,i) { return yWithMinimum(d, i); })
|
112
|
-
.attr("height", function(d,i) { return heightWithMinimum(d, i); })
|
113
|
-
.attr("class", "bar")
|
114
|
-
.style("fill", function(d,i) { return color(i); })
|
115
|
-
.on("mouseover", function(d, i) {
|
116
|
-
tooltip.transition()
|
117
|
-
.duration(200)
|
118
|
-
.style('opacity', 1)
|
119
|
-
tooltip.html(tooltipHTML(_this,d,i))
|
120
|
-
.style("left", (d3.event.pageX) + 20 + "px")
|
121
|
-
.style("top", (d3.event.pageY) + "px");
|
122
|
-
})
|
123
|
-
.on("mouseout", function(d) {
|
124
|
-
tooltip.transition()
|
125
|
-
.duration(200)
|
126
|
-
.style('opacity', 0);
|
127
|
-
});
|
128
|
-
|
129
|
-
|
130
|
-
// transition entering and updating bars
|
131
|
-
state.transition()
|
132
|
-
.duration(animationDuration)
|
133
|
-
.attr("transform", function(d) { return "translate(" + x(d.time) + ",0)"; })
|
134
|
-
.attr('width', barWidth);
|
135
|
-
|
136
|
-
// rescale height to new data
|
137
|
-
state.selectAll('rect').transition()
|
138
|
-
.duration(animationDuration)
|
139
|
-
.attr("y", function(d,i) { return yWithMinimum(d, i); })
|
140
|
-
.attr("height", function(d,i) { return heightWithMinimum(d, i); });
|
141
|
-
|
142
|
-
// remove shifted bar that is not displayed anymore
|
143
|
-
state.exit()
|
144
|
-
.transition()
|
145
|
-
.duration(animationDuration)
|
146
|
-
.attr("transform", function(d) { return "translate(" + x(d.time) + ",0)"; })
|
147
|
-
.remove();
|
148
|
-
}
|
149
|
-
|
150
|
-
function yMax(data) {
|
151
|
-
dataMax = d3.max(data, function(d) {
|
152
|
-
var total = 0;
|
153
|
-
$.each(d.value, function(i, value) {
|
154
|
-
total += value;
|
155
|
-
});
|
156
|
-
return total;
|
157
|
-
});
|
158
|
-
return d3.max([(currentYMax||0), dataMax]);
|
159
|
-
}
|
160
|
-
|
161
|
-
function yMin(data) {
|
162
|
-
dataMin = d3.min(data, function(d) {
|
163
|
-
var total = 0;
|
164
|
-
$.each(d.value, function(i, value) {
|
165
|
-
total += value;
|
166
|
-
});
|
167
|
-
return total;
|
168
|
-
});
|
169
|
-
return d3.min([0, dataMin]);
|
170
|
-
}
|
171
|
-
|
172
|
-
/* When new data are added via enter(), they are transitioned from the right to the left unless
|
173
|
-
* >= 6 new elements will be added. This is a bit of a hack to not apply a transition when the page is
|
174
|
-
* initially loaded, but may actually look better when a refresh results in a lot more data
|
175
|
-
* (shifting a lot of elements looks wrong).
|
176
|
-
*/
|
177
|
-
function enterStep(state) {
|
178
|
-
var val;
|
179
|
-
// why 6? our highest interval is 5 minutes, so on initial, clients on this interval will show 30/5=6 bars.
|
180
|
-
if (state.enter()[0].length >= 6) {
|
181
|
-
val=0;
|
182
|
-
} else {
|
183
|
-
val=step(state.data());
|
184
|
-
}
|
185
|
-
return val;
|
186
|
-
}
|
187
|
-
|
188
|
-
// Returns the time interval interval btw data values in ms
|
189
|
-
function step(data) {
|
190
|
-
return data[1].time-data[0].time
|
191
|
-
}
|
192
|
-
|
193
|
-
/* Formats the text for the tooltips. Logic:
|
194
|
-
* If there is only one layer, don't print the label. Put time+value on same line.
|
195
|
-
* If there is more than one layer, put time on first line, then label+value on the next line.
|
196
|
-
*/
|
197
|
-
function tooltipHTML(chart,d,i) {
|
198
|
-
var tooltipHTML = ''
|
199
|
-
if (chart.parent.meta.length > 1) {
|
200
|
-
tooltipHTML = d.time + "<br/>";
|
201
|
-
tooltipHTML += "<span class='label'>" + chart.parent.meta[i].label + "</span>";
|
202
|
-
} else {
|
203
|
-
tooltipHTML += "<span class='label'>" + d.time+ "</span>";
|
204
|
-
}
|
205
|
-
tooltipHTML += "<strong>"+chart.parent.formattedValue(d.d)+"</strong>";
|
206
|
-
return tooltipHTML;
|
207
|
-
}
|
208
|
-
|
209
|
-
return this;
|
210
|
-
}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Bootstrap v3.0.3 (http://getbootstrap.com)
|
3
|
-
* Copyright 2013 Twitter, Inc.
|
4
|
-
* Licensed under http://www.apache.org/licenses/LICENSE-2.0
|
5
|
-
*/
|
6
|
-
|
7
|
-
.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-primary{background-image:-webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);background-repeat:repeat-x;border-color:#2b669a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-primary:hover,.btn-primary:focus{background-color:#2d6ca2;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#2d6ca2;border-color:#2b669a}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);background-repeat:repeat-x;border-color:#3e8f3e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff419641',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);background-repeat:repeat-x;border-color:#e38d13;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffeb9316',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);background-repeat:repeat-x;border-color:#b92c28;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc12e2a',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);background-repeat:repeat-x;border-color:#28a4c9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2aabd2',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#357ebd;background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);background-repeat:repeat-x;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)}.navbar-default .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f3f3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff3f3f3',GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.075);box-shadow:inset 0 3px 9px rgba(0,0,0,0.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,0.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',endColorstr='#ff222222',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#222 0,#282828 100%);background-image:linear-gradient(to bottom,#222 0,#282828 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff282828',GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.25);box-shadow:inset 0 3px 9px rgba(0,0,0,0.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);background-repeat:repeat-x;border-color:#b2dba1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0)}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);background-repeat:repeat-x;border-color:#f5e79e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0)}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);background-repeat:repeat-x;border-color:#dca7a7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0)}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0)}.progress-bar{background-image:-webkit-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #3071a9;background-image:-webkit-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:linear-gradient(to bottom,#428bca 0,#3278b3 100%);background-repeat:repeat-x;border-color:#3278b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3278b3',GradientType=0)}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffd0e9c6',GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fffaf2cc',GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffebcccc',GradientType=0)}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);background-repeat:repeat-x;border-color:#dcdcdc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)}
|