ONOS-2850 : Continuing Topology Programmable Dialog box --- WIP.

Change-Id: Id82c74c2acec633b38595975ed605adb81d9ec90

@@ -34,6 +34,10 @@
     border-radius: 6px;
     border-radius: 6px;
 }
 }
 
 
+.floatpanel.dialog {
+    top: 180px;
+}
+
 html[data-platform='iPad'] .floatpanel {
 html[data-platform='iPad'] .floatpanel {
     top: 80px;
     top: 80px;
 }
 }

@@ -171,7 +171,10 @@
     }
     }
 
 
     angular.module('onosLayer')
     angular.module('onosLayer')
-        .factory('PanelService', ['$log', 'FnService', function (_$log_, _fs_) {
+    .factory('PanelService',
+        ['$log', '$window', 'FnService',
+
+        function (_$log_, _$window_, _fs_) {
             $log = _$log_;
             $log = _$log_;
             fs = _fs_;
             fs = _fs_;
 
 
@@ -210,5 +213,4 @@
                 destroyPanel: destroyPanel
                 destroyPanel: destroyPanel
             };
             };
         }]);
         }]);
-
 }());
 }());

@@ -26,10 +26,11 @@
     var $log, $window, $rootScope, fs, ps, bns;
     var $log, $window, $rootScope, fs, ps, bns;
 
 
     // constants
     // constants
-    var pCls = 'topo-p',
+    var pCls = 'topo-p dialog',
         idDialog = 'topo-p-dialog',
         idDialog = 'topo-p-dialog',
         panelOpts = {
         panelOpts = {
-            width: 300
+            width: 300,
+            edge: 'left'
         };
         };
 
 
     // internal state
     // internal state