Adds search field and jump-to a device UI.

Adds a search field in the network UI and a jump-to level menu. This
allows users to quickly find a device on the canvas or jump to a
certain mode/zoom-level.

Adds animation to smooth out the transition from the current viewport
to a viewport centered on the searched for device or zoom-level.

* Adds animation FSM and changes the 0 hot key to use it
* Adds jump to animation
* Adds search bar type ahead
* Adds jump animation to search and jump-to menus
* Adds keybinding FSM
* Updates the dropdown when devices are added/edit/removed
* Highlights the searched for host
This commit is contained in:
Ben Thomasson
2018-02-06 11:43:04 -05:00
parent 00a9283e32
commit 6f3bf4fd1b
27 changed files with 661 additions and 170 deletions

View File

@@ -1,5 +1,7 @@
/* Copyright (c) 2017 Red Hat, Inc. */
import atFeaturesNetworking from './network-nav/index';
//console.log = function () { };
var angular = require('angular');
var NetworkUIController = require('./network.ui.controller.js');
@@ -31,6 +33,7 @@ var awxNetworkUI = require('./network.ui.directive.js');
var networkUI = angular.module('networkUI', [
'monospaced.mousewheel',
atFeaturesNetworking
])
.controller('NetworkUIController', NetworkUIController.NetworkUIController)
.directive('awxNetCursor', cursor.cursor)