Adds context menus for group, racks, and sites

* Adds context menu for a rack, and adding more error handling for
    items that don't exist in Tower
* Adds context menu for sites
* Adds handler for showing details for links and interfaces
* Fixes the removed "watchCollection" in order to update details panel
* Removes the context menu when changing the scale of the canvas
* Adds delete context menu button, as well as refactoring the delete
    functionality to the network.ui.controller.js
* Updates delete functionality to delete nested groups/devices
    if the current_scale is set to site or rack icons
* Adds context menu to a group
* Hides rack/site title in top left of group, as well as centering
    labels on all icons
* Moves the context menu off screen when disabling it
* Adds unique name to hosts, routers, switches, and groups
* Makes the names of host/switch/router/group SVG elements so they update when
    the user updates the name of the SVG element
* Removing svg buttons and adding new html toolbar
* Adds panel for Jump To feature, along with basic functionality
* Adds Key dropdown for hotkeys and adding browser refresh hotkey
* Adds breadcrumb bar and making adjustments after feedback with UX
* Rearrages panels and adding some resize logic
* Fixes z-index of key-panel  and jump-to panel
* Adds white background to text underneath icons
* Makes all icons blue
* Changes sizes and colors of icons. Also made icon text background white
* Adjusts sizes of rack and site icons within group boundary

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

@@ -31,12 +31,9 @@
 @button-body-pressed: #848992;
 @button-text-pressed: #ffffff;
 @green: #5CB85C;
-@host-green: #449D44;
 @red:  #D9534F;
 @blue: #337AB7;
 @light-toolbox-background: #f6f6f6;
-@rack-orange: #F0AD4E;
-@site-orange: #EC971F;
 @icon-background-hover:@blue;
 
 .NetworkUI {
@@ -118,7 +115,7 @@
 }
 
 .NetworkUI__router {
-    fill: @green;
+    fill: @blue;
 }
 
 .NetworkUI__router--background{
@@ -197,7 +194,7 @@
 }
 
 .NetworkUI__rack {
-    fill: @rack-orange;
+    fill: @blue;
 }
 
 .NetworkUI__rack--background {
@@ -243,13 +240,13 @@
 }
 
 .NetworkUI__site {
-    fill: @widget-body;
+    fill: @blue;
     stroke: @dark-widget-detail;
     stroke-width: 2;
 }
 
 .NetworkUI__site--fill0{
-    fill:@site-orange;
+    fill:@blue;
 }
 
 .NetworkUI__site--fill1{
@@ -348,7 +345,7 @@
 }
 
 .NetworkUI__host {
-    fill: @host-green;
+    fill: @blue;
 }
 
 .NetworkUI__host--background {
@@ -470,7 +467,7 @@
 
 
 .NetworkUI__interface {
-    fill: @dark-widget-detail;
+    fill: @button-outline;
 }
 
 .NetworkUI__interface--selected {
@@ -551,7 +548,7 @@
     stroke: @button-outline;
     stroke-width: 1;
     rx: 0;
-    stroke-dasharray: calc(~"100vh - 40px");
+    stroke-dasharray: calc(~"100vh - 115px");
     stroke-dashoffset: -45;
 }
 
@@ -560,7 +557,7 @@
     stroke-width: 1;
     fill: none;
     rx: 0;
-    stroke-dasharray: calc(~"100vh - 40px");
+    stroke-dasharray: calc(~"100vh - 115px");
     stroke-dashoffset: -200;
 }
 
@@ -636,23 +633,27 @@
     font-family: 'Open Sans';
 }
 
-.NetworkUI_chevron{
+.NetworkUI__chevron{
     fill: @button-body-pressed;
 }
 
-.NetworkUI_chevron--hover{
+.NetworkUI__chevron--hover,
+.NetworkUI__chevron--pressed{
     cursor: pointer;
     fill: white;
 }
 
-.NetworkUI_iconBackground{
+.NetworkUI__iconBackground{
     fill:@button-body;
+    cursor: pointer;
 }
 
-.NetworkUI_iconBackground--hover{
-    fill:@icon-background-hover;
+.NetworkUI__iconBackground--hover,
+.NetworkUI__iconBackground--pressed{
+    fill: @icon-background-hover;
 }
 
+
 .NetworkUI__toolbox--title{
     fill: @dark-widget-detail;
     text-transform: uppercase;