diff options
author | Ashlee Young <ashlee@onosfw.com> | 2015-09-09 22:15:21 -0700 |
---|---|---|
committer | Ashlee Young <ashlee@onosfw.com> | 2015-09-09 22:15:21 -0700 |
commit | 13d05bc8458758ee39cb829098241e89616717ee (patch) | |
tree | 22a4d1ce65f15952f07a3df5af4b462b4697cb3a /framework/src/onos/web/gui/src/main/webapp/data/sprites | |
parent | 6139282e1e93c2322076de4b91b1c85d0bc4a8b3 (diff) |
ONOS checkin based on commit tag e796610b1f721d02f9b0e213cf6f7790c10ecd60
Change-Id: Ife8810491034fe7becdba75dda20de4267bd15cd
Diffstat (limited to 'framework/src/onos/web/gui/src/main/webapp/data/sprites')
6 files changed, 403 insertions, 0 deletions
diff --git a/framework/src/onos/web/gui/src/main/webapp/data/sprites/clouds.json b/framework/src/onos/web/gui/src/main/webapp/data/sprites/clouds.json new file mode 100644 index 00000000..e0c56030 --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/data/sprites/clouds.json @@ -0,0 +1,59 @@ +{ + "defn_name": "clouds", + "defn_desc": "Sample Subnet Cloud layout", + + "_comment": [ + "Sample cloud sprite layout", + "(1) Register on the server with ...", + " onos-upload-sprites localhost clouds.json", + "(2) Load into topology view with ...", + " http://localhost:8181/onos/ui/index.html#/topo?sprites=clouds" + ], + + "paths": [ + { + "tag": "cloud-dashed", + "stroke": { + "width": 0.8, + "dasharray": [4,2] + }, + "glyph": "cloud" + }, + { + "tag": "cloud-solid", + "stroke": { + "width": 1 + }, + "glyph": "cloud" + } + ], + + "defn": [ + { + "id": "subnetA", + "path": "cloud-dashed", + "dim": [400,400], + "labelyoff": 0.35 + }, + { + "id": "subnetB", + "path": "cloud-solid", + "dim": [600,600], + "labelyoff": 0.35 + } + ], + + "load": { + "sprites": [ + { "id": "subnetA", "pos":[-200,40], "label":"apples", "class":"blue1" }, + { "id": "subnetA", "pos":[250,40], "label":"bananas", "class":"blue1" }, + { "id": "subnetA", "pos":[700,40], "label":"cherries", "class":"blue1" }, + { "id": "subnetB", "pos":[-200,400], "label":"Menlo Park", "class":"gold1" }, + { "id": "subnetB", "pos":[500,400], "label":"Stanford", "class":"gold1" } + ], + "labels": [ + { "pos":[0,50], "text":"Sample Subnets", "size":1.4 } + ] + } + +} diff --git a/framework/src/onos/web/gui/src/main/webapp/data/sprites/demo-clouds.json b/framework/src/onos/web/gui/src/main/webapp/data/sprites/demo-clouds.json new file mode 100644 index 00000000..98ebc264 --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/data/sprites/demo-clouds.json @@ -0,0 +1,45 @@ +{ + "defn_name": "demo-clouds", + "defn_desc": "Demo Sample Subnet Clouds", + + "_comment": [ + "Sample cloud sprite layout", + "(1) Register on the server with ...", + " onos-upload-sprites localhost demo-clouds.json", + "(2) Load into topology view with ...", + " http://localhost:8181/onos/ui/index.html#/topo?sprites=demo-clouds" + ], + + "paths": [ + { + "tag": "dotted-cloud", + "stroke": { + "width": 0.8, + "dasharray": [2,2] + }, + "glyph": "cloud" + } + ], + + "defn": [ + { + "id": "subnetA", + "path": "dotted-cloud", + "dim": [400,400], + "labelyoff": 0.85 + } + ], + + "load": { + "sprites": [ + { "id": "subnetA", "pos":[250,40], "label":"192.168.2.0/24", "class":"blue1" }, + { "id": "subnetA", "pos":[-200,400], "label":"192.168.1.0/24", "class":"gold1" }, + { "id": "subnetA", "pos":[700,400], "label":"192.168.3.0/24", "class":"gold1" } + ], + "labels": [ + { "pos":[450,700], "text":"Demo Subnets", "size":1.6 } + ] + } + +} + diff --git a/framework/src/onos/web/gui/src/main/webapp/data/sprites/layout.json b/framework/src/onos/web/gui/src/main/webapp/data/sprites/layout.json new file mode 100644 index 00000000..243681a9 --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/data/sprites/layout.json @@ -0,0 +1,129 @@ +{ + "defn_name": "layout", + "defn_desc": "Sample Layout Sprite Data", + + "_comment": [ + "Sample sprite layout file, demonstrating user-defined paths", + "(1) Register on the server with ...", + " onos-upload-sprites localhost layout.json", + "(2) Load into topology view with ...", + " http://localhost:8181/onos/ui/index.html#/topo?sprites=layout" + ], + + "_comment_paths": [ + "The 'paths' array contains custom path data.", + "Note that viewbox defaults to [0 0 1000 1000], which is the logical", + "coordinate space of the topology view." + ], + "paths": [ + { + "tag": "border", + "viewbox": "0 0 1 1", + "d": "M0,0h1v1h-1z", + "_comment": "path defined in single string" + }, + { + "tag": "banner", + "viewbox": "0 0 4 8", + "d": [ + "M0,0h4v6l-2,-2l-2,2z", + "M1,6h2v2h-2z" + ], + "_comment": "path defined in multiple strings" + }, + { + "tag": "triangle", + "viewbox": "0 0 1 1", + "d": "M.5,.2l.3,.6,h-.6z", + "_comment": "defines its own viewbox" + }, + { + "tag": "diamond", + "viewbox": "0 0 1 1", + "d": "M.2,.5l.3,-.3l.3,.3l-.3,.3z" + } + ], + + "_comment_defn": [ + "The 'defn' array contains sprite definitions that combine", + "path, dimensions, and label-offset into 'sprites' that can be", + "replicated (stamped) in different positions in the view.", + "", + "The 'glyph' property refers to glyphs registered with the UI.", + "Alternatively, the 'path' property refers to a custom path defined in", + " the path array above.", + "The 'dim' property provides the [width,height] bounds within which the", + " glyph/path is drawn. (default is [40,40])", + "The 'labelyoff' property defines the Y-offset of the label as a", + " percentage from the top of the sprite; for example, 0.4 = 40%. The", + " label is centered horizontally.", + "The 'scale' property (default is 1) defines the scaling factor, which", + " is applied after the sprite has been translated to its position." + ], + "defn": [ + { + "id": "border", + "path": "border", + "dim":[1000,1000] + }, + { + "id": "multi", + "path": "multi" + }, + { + "id": "small_tri", + "path": "triangle", + "scale":4 + }, + { + "id": "big_tri", + "path": "triangle", + "scale":12 + }, + { + "id": "subnet", + "glyph": "cloud", + "scale":8, + "labelyoff": 0.4 + }, + { + "id": "subnet2", + "glyph": "cloud", + "dim":[200,200], + "labelyoff": 0.4 + } + ], + + "_comment_load": [ + "The 'load' object contains sprites and labels to load into the view.", + "", + "Items in the sprite list associate sprites with a position,", + "style class, and optional label. Note that the coordinates of", + "the position define the top-left corner of the sprite.", + "Default 'pos' is [0,0]. Default 'class' is 'gray1'.", + "", + "Items in the label list associate labels with a position and", + "style class. Note that the text is centered on the x-coordinate." + ], + "load": { + "sprites": [ + { "id": "border", "class": "gold1" }, + { "id": "subnet", "pos":[-40,20], "label":"apples", "class": "blue1" }, + { "id": "subnet", "pos":[400,40], "label":"bananas", "class": "blue1" }, + { "id": "subnet", "pos":[840,60], "label":"cherries", "class": "blue1" }, + { "id": "subnet2", "pos":[300,400], "class": "gray1" } + ], + "labels": [ + { "pos":[500,850], "text":"Sample Layout", "class":"blue1", "size":1.6 }, + { "pos":[500,900], "text":"Illustrating Sprites", "class":"gray1" } + ] + }, + "junk":[ + { "id": "border" }, + { "id": "multi", "class": "gray1" }, + { "id": "small_tri", "pos":[10, 20] }, + { "id": "small_tri", "pos":[110, 20] }, + { "id": "small_tri", "pos":[210, 20] }, + { "id": "small_tri", "pos":[310, 20] } + ] +} diff --git a/framework/src/onos/web/gui/src/main/webapp/data/sprites/menlo.json b/framework/src/onos/web/gui/src/main/webapp/data/sprites/menlo.json new file mode 100644 index 00000000..68253d34 --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/data/sprites/menlo.json @@ -0,0 +1,76 @@ +{ + "defn_name": "menlo", + "defn_desc": "Office Floor Plan of ONLab at Menlo Park", + + "paths": [ + { + "tag": "outerwalls", + "stroke": { + "width": 4 + }, + "viewbox": "0 0 925 550", + "d": [ + "M36,342V516", + "M36,516H892", + "M36,24H892", + "M36,24V250", + "M892,516V274", + "M892,188V24" + ] + }, + { + "tag": "innerwalls", + "stroke": { + "width": 2 + }, + "viewbox": "0 0 925 550", + "d": [ + "M892,188H730V158", + "M640,24V254H676H676V368", + "M892,312H742", + "M742,342V516", + "M638,368H546V272", + "M544,282H674", + "M546,232V66H494V26", + "M494,130V60", + "M454,130H340", + "M400,24V130", + "M640,178H546", + "M638,188H672V158", + "M700,410H602", + "M518,410H444", + "M400,410H276", + "M238,408V516", + "M352,410V516", + "M444,410V516", + "M562,410V516", + "M650,410V516", + "M88,178H300V24", + "M88,60H186V178", + "M88,140H108V60" + ] + } + ], + + "defn": [ + { "id": "owalls", "path": "outerwalls", "dim":[1400,1400] }, + { "id": "iwalls", "path": "innerwalls", "dim":[1400,1400] } + ], + + "load": { + "alpha": 0.9, + "sprites": [ + { "id": "owalls", "pos":[-200,-200] }, + { "id": "iwalls", "pos":[-200,-200] } + ], + "labels": [ + { "pos":[160,220], "text":"Kitchen", "class":"gold1" }, + { "pos":[480,220], "text":"Guru", "class":"gold1" }, + { "pos":[980,220], "text":"Admin", "class":"gold1" }, + { "pos":[700,400], "text":"Servers", "class":"gold1" }, + { "pos":[720,580], "text":"Sm.Conf.", "class":"gold1" }, + { "pos":[1040,700], "text":"Lg.Conf.", "class":"gold1" }, + { "pos":[500,80], "text":"ONLab at Menlo Park", "class":"blue1", "size":1.4 } + ] + } +} diff --git a/framework/src/onos/web/gui/src/main/webapp/data/sprites/packetOptical.json b/framework/src/onos/web/gui/src/main/webapp/data/sprites/packetOptical.json new file mode 100644 index 00000000..ae19bee1 --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/data/sprites/packetOptical.json @@ -0,0 +1,42 @@ +{ + "defn_name": "packetOptical", + "defn_desc": "Packet-Optical Demo - ONS 2015", + + "paths": [ + { + "tag": "outline", + "stroke": { + "width": 1.0 + }, + "viewbox": "0 0 140 170", + "d": "M10,10h100v150h-100z" + } + ], + + "defn": [ + { + "id": "group", + "path": "outline", + "dim": [700, 1000] + } + ], + + "load": { + "sprites": [ + { "id": "group", "pos": [-300, 0], "class": "gold1" }, + { "id": "group", "pos": [200, 0], "class": "gold1" }, + { "id": "group", "pos": [700, 0], "class": "gold1" } + ], + + "labels": [ + { "pos":[0,800], "text":"Ciena", "class":"blue1", "size":1.4 }, + { "pos":[0,840], "text":"Ottawa, Ontario", "class":"blue1", "size":1.0 }, + + { "pos":[500,800], "text":"Fujitsu", "class":"blue1", "size":1.4 }, + { "pos":[500,840], "text":"Richardson, TX", "class":"blue1", "size":1.0 }, + + { "pos":[1000,800], "text":"Huawei", "class":"blue1", "size":1.4 }, + { "pos":[1000,840], "text":"Plano, TX", "class":"blue1", "size":1.0 } + ] + } +}
\ No newline at end of file diff --git a/framework/src/onos/web/gui/src/main/webapp/data/sprites/segmentRouting.json b/framework/src/onos/web/gui/src/main/webapp/data/sprites/segmentRouting.json new file mode 100644 index 00000000..58d4702b --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/data/sprites/segmentRouting.json @@ -0,0 +1,52 @@ +{ + "defn_name": "segmentRouting", + "defn_desc": "Schematic of Data Center", + + "paths": [ + { + "tag": "chassis", + "stroke": { + "width": 3.5 + }, + "viewbox": "0 0 120 170", + "d": "M10,10h80v150h-80z" + }, + { + "tag": "module", + "stroke": { + "width": 2 + }, + "viewbox": "0 0 120 20", + "d": "M15,5h70v12h-70z" + } + ], + + "defn": [ + { + "id": "rack", + "path": "chassis", + "fill": "gray2", + "subpathfill": "blue2", + "subpaths": [ + { "path": "module", "pos": [0, 0]}, + { "path": "module", "pos": [0, 20]}, + { "path": "module", "pos": [0, 40]}, + { "path": "module", "pos": [0, 60]} + ], + "dim":[120,170] + } + ], + + "load": { + "alpha": 0.9, + "sprites": [ + { "id": "rack", "pos":[200,600], "class":"blue1" }, + { "id": "rack", "pos":[400,600], "class":"blue1" }, + { "id": "rack", "pos":[600,600], "class":"blue1" }, + { "id": "rack", "pos":[800,600], "class":"blue1" } + ], + "labels": [ + { "pos":[550,80], "text":"", "class":"blue1", "size":1.4 } + ] + } +} |