홍길동 / onos

Go to a project
Toggle navigation Toggle navigation pinning
Andrea Campanella
Committed by Gerrit Code Review
8583e6b7 1 parent d6d581a4

ONOS-3182 Modify mode and Icons 

Change-Id: Ibcfc1ffb5e91856899b10e7d156b8108653b047a
Inline Side-by-side
Showing 3 changed files with 130 additions and 27 deletions
......@@ -18,6 +18,7 @@ package org.onosproject.pathpainter;
import com.fasterxml.jackson.databind.node.ObjectNode;
import com.google.common.collect.ImmutableList;
import com.google.common.collect.ImmutableSet;
import com.google.common.collect.Sets;
import org.onlab.osgi.ServiceDirectory;
import org.onosproject.net.DeviceId;
import org.onosproject.net.ElementId;
......@@ -33,6 +34,7 @@ import org.onosproject.ui.topo.TopoJson;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import java.util.ArrayList;
import java.util.Collection;
import java.util.List;
import java.util.Set;
......@@ -54,6 +56,7 @@ public class PathPainterTopovMessageHandler extends UiMessageHandler {
private static final String MODE = "mode";
private Set<Link> allPathLinks;
private Set<Link> selectedPathLinks;
private enum Mode {
SHORTEST, DISJOINT, SRLG
......@@ -63,9 +66,8 @@ public class PathPainterTopovMessageHandler extends UiMessageHandler {
private PathService pathService;
private Mode currentMode = Mode.SHORTEST;
private ElementId src, dst;
private Mode mode = Mode.SHORTEST;
private Mode currentMode = Mode.SHORTEST;
private List<Path> paths;
private int pathIndex;
......@@ -86,7 +88,8 @@ public class PathPainterTopovMessageHandler extends UiMessageHandler {
new SetDstHandler(),
new SwapSrcDstHandler(),
new NextPathHandler(),
new PrevPathHandler()
new PrevPathHandler(),
new SetModeHandler()
);
}
......@@ -163,6 +166,26 @@ public class PathPainterTopovMessageHandler extends UiMessageHandler {
}
}
private final class SetModeHandler extends RequestHandler {
public SetModeHandler() {
super(PAINTER_SET_MODE);
}
@Override
public void process(long sid, ObjectNode payload) {
String mode = string(payload, MODE);
currentMode = (mode.equals("shortest") ?
Mode.SHORTEST : (mode.equals("disjoint") ?
Mode.DISJOINT : Mode.SRLG));
//TODO: add support for SRLG
if (currentMode.equals(Mode.SHORTEST)) {
findAndSendPaths();
} else {
findAndSendDisjointPaths();
}
}
}
// === ------------
private ElementId elementId(String id) {
......@@ -174,7 +197,6 @@ public class PathPainterTopovMessageHandler extends UiMessageHandler {
}
private void findAndSendPaths() {
log.info("src={}; dst={}; mode={}", src, dst, mode);
if (src != null && dst != null) {
paths = ImmutableList.copyOf(pathService.getPaths(src, dst));
pathIndex = 0;
......@@ -189,15 +211,43 @@ public class PathPainterTopovMessageHandler extends UiMessageHandler {
hilightAndSendPaths();
}
private void findAndSendDisjointPaths() {
log.info("src={}; dst={}; mode={}", src, dst, currentMode);
if (src != null && dst != null) {
log.info("test" + src + dst);
paths = null;
paths = new ArrayList<>();
pathService.getDisjointPaths(src, dst).forEach(djp -> {
paths.add(djp.primary());
paths.add(djp.backup());
});
pathIndex = 0;
ImmutableSet.Builder<Link> builder = ImmutableSet.builder();
paths.forEach(path -> path.links().forEach(builder::add));
allPathLinks = builder.build();
} else {
paths = ImmutableList.of();
allPathLinks = ImmutableSet.of();
}
hilightAndSendPaths();
}
private void hilightAndSendPaths() {
PathLinkMap linkMap = new PathLinkMap();
allPathLinks.forEach(linkMap::add);
// Prepare two working sets; one containing selected path links and
// the other containing all paths links.
Set<Link> selectedPathLinks = paths.isEmpty() ?
ImmutableSet.of() : ImmutableSet.copyOf(paths.get(pathIndex).links());
if (currentMode.equals(Mode.DISJOINT)) {
//FIXME: find a way to skip 2 paths for disjoint
selectedPathLinks = paths.isEmpty() ?
ImmutableSet.of() : Sets.newHashSet(paths.get(pathIndex * 2).links());
selectedPathLinks.addAll(Sets.newHashSet(paths.get(pathIndex * 2 + 1).links()));
} else {
selectedPathLinks = paths.isEmpty() ?
ImmutableSet.of() : Sets.newHashSet(paths.get(pathIndex).links());
}
Highlights highlights = new Highlights();
for (PathLink plink : linkMap.biLinks()) {
plink.computeHilight(selectedPathLinks, allPathLinks);
......
......@@ -76,6 +76,7 @@
function setMode(mode) {
if (currentMode === mode) {
$log.debug('(in mode', mode, 'already)');
flash.flash('Already in ' + mode + ' mode');
} else {
currentMode = mode;
wss.sendEvent(modeMessage, {
......
......@@ -20,18 +20,46 @@
tooltip: 'Path Painter Topo Overlay',
// These glyphs get installed using the overlayId as a prefix.
// e.g. 'star4' is installed as 'meowster-overlay-star4'
// They can be referenced (from this overlay) as '*star4'
// That is, the '*' prefix stands in for 'meowster-overlay-'
// e.g. 'src' is installed as 'pp-overlay-src'
// They can be referenced (from this overlay) as '*src'
// That is, the '*' prefix stands in for 'pp-overlay-'
glyphs: {
star4: {
vb: '0 0 8 8',
d: 'M1,4l2,-1l1,-2l1,2l2,1l-2,1l-1,2l-1,-2z'
src: {
vb: '0 0 110 110',
d: 'M26.9,57 M27,86c0.5-9.6,5.8-25.3,13.6-35.2c4.2-5.4,6.2-10.6,6.2-13.8' +
'c0-11-8.9-20-19.9-20h0C15.9,17,7,26,7,37c0,3.2,1.9,8.4,6.2,13.8c7.8,9.9,13.1,25.5,13.6,35.2H27z M27.7,86.7l0-0.7' +
'c0.5-9.3,5.6-24.8,13.4-34.7c4.7-5.9,6.3-11.3,6.3-14.3c0-11.4-9.3-20.7-20.6-20.7C15.5,16.3,6.2,25.6,6.2,37c0,3,1.7,8.3,6.3,14.3' +
'c7.8,9.9,13,25.5,13.4,34.7l0,0.7H27.7L27.7,86.7z M26.9,17.8C37.4,17.8,46,26.4,46,37c0,2.6-1.6,7.7-6,13.3' +
'c-6.6,8.4-11.4,20.8-13.1,30.2c-1.7-9.4-6.5-21.8-13.1-30.2c-4.4-5.6-6-10.7-6-13.3C7.7,26.4,16.3,17.8,26.9,17.8L26.9,17.8z' +
'M87.3,35.5H46.9v2h40.4V35.5z M26.8,27.9c-4.7,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4s8.4-3.7,8.4-8.4' +
'C35.2,31.6,31.4,27.9,26.8,27.9z M87.3,44.9 M87.3,28.1c-0.1,3.1-0.1,12.6,0,16.7c0.1,4.1,13.9-5.5,13.8-8.4' +
'C101,33.6,87.3,24.2,87.3,28.1z'
},
dst: {
vb: '0 0 110 110',
d: 'M80.6,57 M80.7,86c0.5-9.6,5.8-25.3,13.5-35.2c4.2-5.4,6.1-10.6,6.1-13.8' +
'c0-11-8.8-20-19.7-20h0C69.7,17,60.8,26,60.8,37c0,3.2,1.9,8.4,6.1,13.8c7.7,9.9,13,25.5,13.5,35.2H80.7z M81.4,86.7l0-0.7' +
'c0.5-9.3,5.6-24.8,13.4-34.7c4.6-5.9,6.3-11.3,6.3-14.3c0-11.4-9.2-20.7-20.5-20.7S60.1,25.6,60.1,37c0,3,1.7,8.3,6.3,14.3' +
'c7.8,9.9,12.9,25.5,13.4,34.7l0,0.7H81.4L81.4,86.7z M80.6,17.8c10.5,0,19,8.6,19,19.2c0,2.6-1.6,7.7-6,13.3' +
'c-6.6,8.4-11.3,20.8-13,30.2c-1.7-9.4-6.4-21.8-13-30.2c-4.4-5.6-6-10.7-6-13.3C61.6,26.4,70.1,17.8,80.6,17.8L80.6,17.8z' +
'M46.3,35.2H6.2v2h40.1V35.2z M80.5,27.9c-4.6,0-8.4,3.7-8.4,8.4c0,4.6,3.7,8.4,8.4,8.4s8.4-3.7,8.4-8.4' +
'C88.9,31.6,85.1,27.9,80.5,27.9z M46.3,44.6 M46.3,27.9c-0.1,3.1-0.1,12.6,0,16.7c0.1,4.1,13.9-5.5,13.7-8.4' +
'C60,33.3,46.3,24,46.3,27.9z'
},
jp: {
vb: '0 0 110 110',
d: 'M27,26.8H7.4V7.6H27V26.8z M102.1,79.5H82.6v19.2h19.5V79.5z M59.3,47.1H39.8v19.2' +
'h19.5V47.1z M41.7,47.5L17.1,25.2l-1.3,1.4l24.6,22.3L41.7,47.5z M84.5,89.5L59,64.3l-1.4,1.4l25.4,25.2L84.5,89.5z'
},
banner: {
vb: '0 0 6 6',
d: 'M1,1v4l2,-2l2,2v-4z'
djp: {
vb: '0 0 110 110',
d: 'M27.6,28.8H7.7V9h19.9V28.8z M103,37.2H83.1V57H103V37.2z M36.2,84.5H16.3v19.9' +
'h19.9V84.5z M27.9,85.7L18.7,28l-2,0.3L25.9,86L27.9,85.7z M92.2,59.1L91,57.4L34.6,96.8l1.1,1.6L92.2,59.1z M28.5,80.7' +
'c-0.8,0.2-3.5,0.7-4.6,1c-1.1,0.3,2.2,3.1,3,2.9S29.6,80.5,28.5,80.7z M88.8,57.5c0.5,0.7,2,2.9,2.7,3.8c0.7,0.9,2-3.2,1.5-3.9' +
'C92.5,56.8,88.2,56.6,88.8,57.5z M97.7,42.5L27.2,17.9l-0.7,1.9l70.5,24.6L97.7,42.5z M30.7,22.6c0.3-0.8,1.2-3.3,1.5-4.4' +
'c0.4-1.1-3.8,0.3-4,1.1C27.9,20.1,30.3,23.7,30.7,22.6z'
}
},
activate: function () {
......@@ -45,7 +73,7 @@
// FIXME: new icons for src/dst
buttons: {
src: {
gid: 'triangleUp',
gid: '*src',
tt: 'Set source node',
cb: function (data) {
$log.debug('Set src action invoked with data:', data);
......@@ -53,7 +81,7 @@
}
},
dst: {
gid: 'triangleDown',
gid: '*dst',
tt: 'Set destination node',
cb: function (data) {
$log.debug('Set dst action invoked with data:', data);
......@@ -66,36 +94,60 @@
// NOTE: fully qual. button ID is derived from overlay-id and key-name
// FIXME: use into [ and ] instead of 1 and 2
// FIXME: new icons for src/dst
// TODO: add keys for shortest paths & disjoint paths modes
// FIXME: find better keys for shortest paths & disjoint paths modes
keyBindings: {
1: {
cb: function () { pps.setSrc(selection); },
cb: function () {
pps.setSrc(selection);
},
tt: 'Set source node',
gid: 'triangleUp'
gid: '*src'
},
2: {
cb: function () { pps.setDst(selection); },
cb: function () {
pps.setDst(selection);
},
tt: 'Set destination node',
gid: 'triangleDown'
gid: '*dst'
},
3: {
cb: function () { pps.swapSrcDst(); },
cb: function () {
pps.swapSrcDst();
},
tt: 'Swap source and destination nodes',
gid: 'refresh'
},
4: {
cb: function () {
pps.setMode("shortest");
},
tt: 'Set shortest paths mode',
gid: '*jp'
},
5: {
cb: function () {
pps.setMode("disjoint");
},
tt: 'Set disjoint paths mode',
gid: '*djp'
},
leftArrow: {
cb: function () { pps.prevPath(); },
cb: function () {
pps.prevPath();
},
tt: 'Highlight previous path',
gid: 'prevIntent'
},
rightArrow: {
cb: function () { pps.nextPath(); },
cb: function () {
pps.nextPath();
},
tt: 'Highlight next path',
gid: 'nextIntent'
},
_keyOrder: [
'1', '2', '3', 'leftArrow', 'rightArrow'
'1', '2', '3', '4', '5', 'leftArrow', 'rightArrow'
]
},
......