commit 60ab5e99e639fcd28b8869e8347be93c315d0407 Author: David Fifield david@bamsoftware.com Date: Mon Jul 9 15:59:56 2012 -0700
Put all the badge colors in CSS and control them through class names. --- embed.html | 11 +++++++++++ flashproxy.js | 12 +++++------- 2 files changed, 16 insertions(+), 7 deletions(-)
diff --git a/embed.html b/embed.html index 2acc381..184869f 100644 --- a/embed.html +++ b/embed.html @@ -22,8 +22,19 @@ body { border: 0; border-collapse: collapse; line-height: 0; +} +#flashproxy-badge.idle { background-color: #227; } +#flashproxy-badge.active { + background-color: #28f; +} +#flashproxy-badge.disabled { + background-color: #777; +} +#flashproxy-badge.dead { + background-color: #111; +} #flashproxy-badge td { margin: 0; padding: 0; diff --git a/flashproxy.js b/flashproxy.js index eea3541..422be89 100644 --- a/flashproxy.js +++ b/flashproxy.js @@ -694,28 +694,26 @@ function Badge() { a.appendChild(img);
this.elem = table; + this.elem.className = "idle";
this.proxy_begin = function() { - if (this.num_proxy_pairs <= 0) { - this.idle_color = this.elem.getAttribute("background-color"); - } this.num_proxy_pairs++; - this.set_color("#28f"); + this.elem.className = "active"; };
this.proxy_end = function() { this.num_proxy_pairs--; if (this.num_proxy_pairs <= 0) { - this.set_color(this.idle_color); + this.elem.className = "idle"; } }
this.disable = function() { - this.set_color("#777"); + this.elem.className = "disabled"; }
this.die = function() { - this.set_color("#111"); + this.elem.className = "dead"; }
this.set_color = function(color) {