Steven Burrows | 57e24e9 | 2016-08-04 18:38:24 +0100 | [diff] [blame] | 1 | /* |
| 2 | * Copyright 2016-present Open Networking Laboratory |
| 3 | * |
| 4 | * Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | * you may not use this file except in compliance with the License. |
| 6 | * You may obtain a copy of the License at |
| 7 | * |
| 8 | * http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | * |
| 10 | * Unless required by applicable law or agreed to in writing, software |
| 11 | * distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. |
| 15 | */ |
| 16 | |
| 17 | /* |
| 18 | ONOS GUI -- Topology Devices Module. |
| 19 | Module that holds the devices for a region |
| 20 | */ |
| 21 | |
| 22 | (function () { |
| 23 | 'use strict'; |
| 24 | |
Steven Burrows | bbe3dda | 2016-09-26 14:41:59 -0700 | [diff] [blame] | 25 | var Collection, Model; |
Steven Burrows | ec1f45c | 2016-08-08 16:14:41 +0100 | [diff] [blame] | 26 | |
| 27 | var remappedDeviceTypes = { |
Steven Burrows | bbe3dda | 2016-09-26 14:41:59 -0700 | [diff] [blame] | 28 | switch: 'm_switch', |
Steven Burrows | ec1f45c | 2016-08-08 16:14:41 +0100 | [diff] [blame] | 29 | virtual: 'cord' |
| 30 | }; |
| 31 | |
Steven Burrows | 57e24e9 | 2016-08-04 18:38:24 +0100 | [diff] [blame] | 32 | function createDeviceCollection(data, region) { |
| 33 | |
| 34 | var DeviceCollection = Collection.extend({ |
Steven Burrows | aa57d93 | 2016-10-21 10:01:48 -0500 | [diff] [blame] | 35 | model: Model |
Steven Burrows | 57e24e9 | 2016-08-04 18:38:24 +0100 | [diff] [blame] | 36 | }); |
| 37 | |
| 38 | var devices = []; |
| 39 | data.forEach(function (deviceLayer) { |
| 40 | deviceLayer.forEach(function (device) { |
| 41 | devices.push(device); |
| 42 | }); |
| 43 | }); |
| 44 | |
Steven Burrows | aa57d93 | 2016-10-21 10:01:48 -0500 | [diff] [blame] | 45 | return new DeviceCollection(devices); |
Steven Burrows | 57e24e9 | 2016-08-04 18:38:24 +0100 | [diff] [blame] | 46 | } |
| 47 | |
| 48 | angular.module('ovTopo2') |
| 49 | .factory('Topo2DeviceService', |
Steven Burrows | 1c5c861 | 2016-10-05 13:45:13 -0500 | [diff] [blame] | 50 | ['Topo2Collection', 'Topo2NodeModel', 'Topo2DeviceDetailsPanel', |
| 51 | function (_c_, _nm_, detailsPanel) { |
Steven Burrows | 57e24e9 | 2016-08-04 18:38:24 +0100 | [diff] [blame] | 52 | |
Steven Burrows | dfa52b0 | 2016-09-02 13:50:43 +0100 | [diff] [blame] | 53 | Collection = _c_; |
Steven Burrows | ec1f45c | 2016-08-08 16:14:41 +0100 | [diff] [blame] | 54 | |
Steven Burrows | dfa52b0 | 2016-09-02 13:50:43 +0100 | [diff] [blame] | 55 | Model = _nm_.extend({ |
Steven Burrows | ec1f45c | 2016-08-08 16:14:41 +0100 | [diff] [blame] | 56 | initialize: function () { |
Steven Burrows | bbe3dda | 2016-09-26 14:41:59 -0700 | [diff] [blame] | 57 | this.super = this.constructor.__super__; |
| 58 | this.super.initialize.apply(this, arguments); |
Steven Burrows | ec1f45c | 2016-08-08 16:14:41 +0100 | [diff] [blame] | 59 | }, |
Steven Burrows | 1c5c861 | 2016-10-05 13:45:13 -0500 | [diff] [blame] | 60 | events: { |
| 61 | 'click': 'onClick' |
| 62 | }, |
Steven Burrows | 42eb9e2 | 2017-02-06 14:20:24 +0000 | [diff] [blame] | 63 | onChange: function (change) { |
Steven Burrows | e2d77d6 | 2016-10-21 12:35:58 -0500 | [diff] [blame] | 64 | if (this.el) { |
| 65 | this.el.attr('class', this.svgClassName()); |
Steven Burrows | 42eb9e2 | 2017-02-06 14:20:24 +0000 | [diff] [blame] | 66 | var rect = this.el.select('.icon-rect'); |
| 67 | rect.style('fill', this.devGlyphColor()); |
Steven Burrows | e2d77d6 | 2016-10-21 12:35:58 -0500 | [diff] [blame] | 68 | } |
| 69 | }, |
Steven Burrows | ec1f45c | 2016-08-08 16:14:41 +0100 | [diff] [blame] | 70 | nodeType: 'device', |
Steven Burrows | bbe3dda | 2016-09-26 14:41:59 -0700 | [diff] [blame] | 71 | icon: function () { |
| 72 | var type = this.get('type'); |
| 73 | return remappedDeviceTypes[type] || type || 'unknown'; |
Steven Burrows | ec1f45c | 2016-08-08 16:14:41 +0100 | [diff] [blame] | 74 | }, |
Steven Burrows | 1c5c861 | 2016-10-05 13:45:13 -0500 | [diff] [blame] | 75 | onClick: function () { |
| 76 | |
Steven Burrows | 86af435 | 2016-11-16 18:19:12 -0600 | [diff] [blame] | 77 | var selected = this.select(d3.event); |
Steven Burrows | e2d77d6 | 2016-10-21 12:35:58 -0500 | [diff] [blame] | 78 | |
| 79 | if (_.isArray(selected) && selected.length > 0) { |
| 80 | if (selected.length === 1) { |
| 81 | var model = selected[0], |
| 82 | id = model.get('id'), |
| 83 | nodeType = model.get('nodeType'); |
Steven Burrows | aa57d93 | 2016-10-21 10:01:48 -0500 | [diff] [blame] | 84 | detailsPanel.updateDetails(id, nodeType); |
| 85 | detailsPanel.show(); |
Steven Burrows | e2d77d6 | 2016-10-21 12:35:58 -0500 | [diff] [blame] | 86 | } else { |
| 87 | // Multi Panel |
| 88 | detailsPanel.showMulti(selected); |
Steven Burrows | aa57d93 | 2016-10-21 10:01:48 -0500 | [diff] [blame] | 89 | } |
Steven Burrows | e2d77d6 | 2016-10-21 12:35:58 -0500 | [diff] [blame] | 90 | } else { |
| 91 | detailsPanel.hide(); |
Steven Burrows | aa57d93 | 2016-10-21 10:01:48 -0500 | [diff] [blame] | 92 | } |
Steven Burrows | 1c5c861 | 2016-10-05 13:45:13 -0500 | [diff] [blame] | 93 | }, |
Steven Burrows | dfa52b0 | 2016-09-02 13:50:43 +0100 | [diff] [blame] | 94 | onExit: function () { |
| 95 | var node = this.el; |
| 96 | node.select('use') |
| 97 | .style('opacity', 0.5) |
| 98 | .transition() |
| 99 | .duration(800) |
| 100 | .style('opacity', 0); |
| 101 | |
| 102 | node.selectAll('rect') |
| 103 | .style('stroke-fill', '#555') |
| 104 | .style('fill', '#888') |
| 105 | .style('opacity', 0.5); |
Steven Burrows | ec1f45c | 2016-08-08 16:14:41 +0100 | [diff] [blame] | 106 | } |
| 107 | }); |
Steven Burrows | 57e24e9 | 2016-08-04 18:38:24 +0100 | [diff] [blame] | 108 | |
| 109 | return { |
| 110 | createDeviceCollection: createDeviceCollection |
| 111 | }; |
| 112 | } |
| 113 | ]); |
| 114 | |
| 115 | })(); |