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