Fixed Default Background option to support Flip panels

PeteBa · Apr 28, 2017 · a8a6def · a8a6def
1 parent ad59951
commit a8a6def
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 12 deletions.
diff --git a/dist/css/status_panel.css b/dist/css/status_panel.css
diff --git a/dist/css/status_panel.css.map b/dist/css/status_panel.css.map
diff --git a/dist/status_ctrl.js b/dist/status_ctrl.js
diff --git a/dist/status_ctrl.js.map b/dist/status_ctrl.js.map
diff --git a/src/css/status_panel.scss b/src/css/status_panel.scss
@@ -65,13 +65,15 @@
 }
 
 .ok-state {
-	background-color: green;
-
 	.ok-text {
 		display: block;
 	}
 }
 
+.ok-state:not(.default-background) {
+	background-color: green;
+}
+
 .warn-state {
 	background-color: orange;
 	.warning-text {

diff --git a/src/status_ctrl.js b/src/status_ctrl.js
@@ -293,7 +293,7 @@ export class StatusPluginCtrl extends MetricsPanelCtrl {
 	}
 
 	handleCssDisplay() {
-		this.$panelContainer.removeClass('error-state warn-state disabled-state ok-state no-data-state');
+		this.$panelContainer.removeClass('error-state warn-state disabled-state ok-state no-data-state default-background');
 
 		if(this.duplicates) {
 			this.$panelContainer.addClass('error-state');
@@ -306,8 +306,9 @@ export class StatusPluginCtrl extends MetricsPanelCtrl {
 		} else if((this.series == undefined || this.series.length == 0) && this.panel.isGrayOnNoData) {
 			this.$panelContainer.addClass('no-data-state');
 		} else {
-		    if (!this.panel.useDefaultBackground)
-		        this.$panelContainer.addClass('ok-state');
+			this.$panelContainer.addClass('ok-state');
+			if (this.panel.useDefaultBackground)
+				this.$panelContainer.addClass('default-background');
 		}
 	}