Improves host details panel UI

* Hooks up the first two context menu buttons
* Makes the rename and details menu show up
    wherever the user's cursor's location
* Adds TopologyInventory and DeviceHost tables
* Adds design for host_id on the Device table
* Adds migrations for TopologyInventory
* Adds host_id to Device table
* Adds inventory_id and host_id tracking
* Auto-closes the right hand panel if focus is directed to the canvas.
* Retrieves the host details on inventory load.
* Adds back support for inventory and host_id tracking
* Adds host icon
* Changes rack icon to new icon
* Site icon replacement
* Fixes host icon "hitbox", and adding debug and construction
* Adds construction and debug lines for switch, router, rack, and site
* Adds some error handling for REST calls, as well as alert on
    host detail panel.

awx/ui/client/src/network-ui/style.less

@@ -31,9 +31,13 @@
 @button-body-pressed: #848992;
 @button-text-pressed: #ffffff;
 @green: #5CB85C;
+@host-green: #449D44;
 @red:  #D9534F;
+@blue: #337AB7;
 @light-toolbox-background: #f6f6f6;
-@icon-background-hover:#337AB7;
+@rack-orange: #F0AD4E;
+@site-orange: #EC971F;
+@icon-background-hover:@blue;
 
 .NetworkUI {
     background-color: @light-toolbox-background;
@@ -114,14 +118,17 @@
 }
 
 .NetworkUI__router {
-    fill: @widget-body;
-    stroke: @dark-widget-detail;
-    stroke-width: 2;
+    fill: @green;
+}
+
+.NetworkUI__router--background{
+    fill: @light-background;
 }
 
 .NetworkUI__router--selected {
     stroke: @selected-blue;
     stroke-width: 4;
+    fill:@light-background;
 }
 
 .NetworkUI__router--remote-selected {
@@ -134,16 +141,6 @@
     stroke-width: 4;
 }
 
-.NetworkUI__router line {
-    stroke: @light-widget-detail;
-    stroke-width: 20;
-}
-
-.NetworkUI__router polygon {
-    fill: @light-widget-detail;
-    stroke: none;
-}
-
 .NetworkUI__router-text {
     fill: @button-text;
     font-family: 'Open Sans';
@@ -156,14 +153,17 @@
 
 
 .NetworkUI__switch {
-    fill: @widget-body;
-    stroke: @dark-widget-detail;
-    stroke-width: 2;
+    fill: @blue;
+}
+
+.NetworkUI__switch--background{
+    fill: @light-background;
 }
 
 .NetworkUI__switch--selected {
     stroke: @selected-blue;
     stroke-width: 10;
+    fill:@light-background;
 }
 
 .NetworkUI__switch--remote-selected {
@@ -197,19 +197,15 @@
 }
 
 .NetworkUI__rack {
-    fill: @widget-body;
-    stroke: @dark-widget-detail;
-    stroke-width: 2;
+    fill: @rack-orange;
 }
 
-.NetworkUI__rack-background {
+.NetworkUI__rack--background {
     fill: @light-background;
-    stroke: @light-background;
-    stroke-width: 2;
 }
 
 .NetworkUI__rack--selected {
-    fill: @selected-blue;
+    fill: @light-background;
     stroke: @selected-blue;
     stroke-width: 10;
 }
@@ -252,20 +248,33 @@
     stroke-width: 2;
 }
 
+.NetworkUI__site--fill0{
+    fill:@site-orange;
+}
+
+.NetworkUI__site--fill1{
+    fill:none;
+    stroke:@light-background;
+    stroke-width:2;
+    stroke-miterlimit:10;
+}
+
+.NetworkUI__site--fill2{
+    fill:@light-background;
+}
+
 .NetworkUI__site--network {
     fill: @dark-widget-detail;
     stroke: @dark-widget-detail;
     stroke-width: 2;
 }
 
-.NetworkUI__site-background {
+.NetworkUI__site--background {
     fill: @light-background;
-    stroke: @light-background;
-    stroke-width: 2;
 }
 
 .NetworkUI__site--selected {
-    fill: @selected-blue;
+    fill: @light-background;
     stroke: @selected-blue;
     stroke-width: 10;
 }
@@ -411,19 +420,15 @@
 }
 
 .NetworkUI__host {
-    fill: @widget-body;
-    stroke: @dark-widget-detail;
-    stroke-width: 2;
+    fill: @host-green;
 }
 
-.NetworkUI__host-background {
+.NetworkUI__host--background {
     fill: @light-background;
-    stroke: @light-background;
-    stroke-width: 2;
 }
 
 .NetworkUI__host--selected {
-    fill: @selected-blue;
+    fill: @light-background;
     stroke: @selected-blue;
     stroke-width: 10;
 }
@@ -746,13 +751,13 @@
 }
 
 .NetworkUI__contextMenuButtonText{
-    fill: @button-text;
+    fill: #333; //@button-text;
     font-family: 'Open Sans';
     font-size: 14px;
 }
 
 .NetworkUI__contextMenuButtonText-hover{
-    fill: @button-text;
+    fill: #333; //@button-text;
     font-family: 'Open Sans';
     font-size: 14px;
 }