From f27349ff9572ff57f3f5bd3f6f9b170f187f26b0 Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Tue, 14 Feb 2017 17:07:10 +0200
Subject: [PATCH] UI: widget fullscreen mode improvement

---
 ui/src/app/components/dashboard.tpl.html             | 1 +
 ui/src/app/components/expand-fullscreen.directive.js | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/components/dashboard.tpl.html b/ui/src/app/components/dashboard.tpl.html
index 08af38fded..44f136cdbf 100644
--- a/ui/src/app/components/dashboard.tpl.html
+++ b/ui/src/app/components/dashboard.tpl.html
@@ -28,6 +28,7 @@
 					<li gridster-item="vm.currentWidgetItemMap" ng-repeat="widget in vm.widgets">
 						<md-menu md-position-mode="target target" tb-mousepoint-menu>
 							<div tb-expand-fullscreen
+								 		fullscreen-background-style="vm.dashboardStyle"
 								        expand-button-id="expand-button"
 								 		on-fullscreen-changed="vm.onWidgetFullscreenChanged(expanded, widget)"
 								 		layout="column"
diff --git a/ui/src/app/components/expand-fullscreen.directive.js b/ui/src/app/components/expand-fullscreen.directive.js
index 6018c8ee34..16bd71392a 100644
--- a/ui/src/app/components/expand-fullscreen.directive.js
+++ b/ui/src/app/components/expand-fullscreen.directive.js
@@ -50,6 +50,7 @@ function ExpandFullscreen($compile, $document) {
         scope.elementParent = null;
         scope.expanded = false;
         scope.fullscreenZindex = scope.fullscreenZindex();
+
         if (!scope.fullscreenZindex) {
             scope.fullscreenZindex = '70';
         }
@@ -59,6 +60,10 @@ function ExpandFullscreen($compile, $document) {
                 if (scope.expanded) {
                     scope.elementParent = element.parent();
                     element.detach();
+                    if (scope.backgroundStyle) {
+                        scope.fullscreenParent.attr("ng-style","backgroundStyle");
+                        $compile(scope.fullscreenParent)(scope);
+                    }
                     scope.fullscreenParent.append(element);
                     scope.fullscreenParent.css('display', '');
                     scope.fullscreenParent.css('z-index', scope.fullscreenZindex);
@@ -132,7 +137,8 @@ function ExpandFullscreen($compile, $document) {
             expand: "&tbExpandFullscreen",
             hideExpandButton: "&hideExpandButton",
             onFullscreenChanged: "&onFullscreenChanged",
-            fullscreenZindex: "&fullscreenZindex"
+            fullscreenZindex: "&fullscreenZindex",
+            backgroundStyle: "=?fullscreenBackgroundStyle"
         }
     };
 }