summaryrefslogtreecommitdiffstats
path: root/framework/src/onos/web/gui/src/main/webapp/data/sprites
diff options
context:
space:
mode:
authorAshlee Young <ashlee@onosfw.com>2015-09-09 22:15:21 -0700
committerAshlee Young <ashlee@onosfw.com>2015-09-09 22:15:21 -0700
commit13d05bc8458758ee39cb829098241e89616717ee (patch)
tree22a4d1ce65f15952f07a3df5af4b462b4697cb3a /framework/src/onos/web/gui/src/main/webapp/data/sprites
parent6139282e1e93c2322076de4b91b1c85d0bc4a8b3 (diff)
ONOS checkin based on commit tag e796610b1f721d02f9b0e213cf6f7790c10ecd60
Change-Id: Ife8810491034fe7becdba75dda20de4267bd15cd
Diffstat (limited to 'framework/src/onos/web/gui/src/main/webapp/data/sprites')
-rw-r--r--framework/src/onos/web/gui/src/main/webapp/data/sprites/clouds.json59
-rw-r--r--framework/src/onos/web/gui/src/main/webapp/data/sprites/demo-clouds.json45
-rw-r--r--framework/src/onos/web/gui/src/main/webapp/data/sprites/layout.json129
-rw-r--r--framework/src/onos/web/gui/src/main/webapp/data/sprites/menlo.json76
-rw-r--r--framework/src/onos/web/gui/src/main/webapp/data/sprites/packetOptical.json42
-rw-r--r--framework/src/onos/web/gui/src/main/webapp/data/sprites/segmentRouting.json52
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 }
+ ]
+ }
+}