From d48f086ad64badf07b5f82bf6e0216074eac7a25 Mon Sep 17 00:00:00 2001 From: Armen Kesablyan Date: Wed, 16 May 2012 18:25:03 -0700 Subject: Initial Binding Hud Signed-off-by: Armen Kesablyan --- .../binding-hud.reel/binding-hud.css | 5 ++ .../binding-hud.reel/binding-hud.html | 47 ++++++++++++++++++ .../binding-hud.reel/binding-hud.js | 16 +++++++ js/stage/binding-view.reel/binding-view.css | 5 ++ js/stage/binding-view.reel/binding-view.html | 55 ++++++++++++++++++++++ js/stage/binding-view.reel/binding-view.js | 26 ++++++++++ 6 files changed, 154 insertions(+) create mode 100755 js/stage/binding-view.reel/binding-hud.reel/binding-hud.css create mode 100755 js/stage/binding-view.reel/binding-hud.reel/binding-hud.html create mode 100755 js/stage/binding-view.reel/binding-hud.reel/binding-hud.js create mode 100755 js/stage/binding-view.reel/binding-view.css create mode 100755 js/stage/binding-view.reel/binding-view.html create mode 100755 js/stage/binding-view.reel/binding-view.js (limited to 'js/stage') diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css new file mode 100755 index 00000000..018448f1 --- /dev/null +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css @@ -0,0 +1,5 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html new file mode 100755 index 00000000..73252de4 --- /dev/null +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html @@ -0,0 +1,47 @@ + + + + + + + + + + + + + +
+
+ +
+
+ + + diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js new file mode 100755 index 00000000..cbb4c1d7 --- /dev/null +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js @@ -0,0 +1,16 @@ +/* +This file contains proprietary software owned by Motorola Mobility, Inc.
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + +/** +@requires montage/core/core +@requires montage/ui/component +*/ +var Montage = require("montage/core/core").Montage, + Component = require("montage/ui/component").Component; + +exports.bindingHud = Montage.create(Component, { + +}); \ No newline at end of file diff --git a/js/stage/binding-view.reel/binding-view.css b/js/stage/binding-view.reel/binding-view.css new file mode 100755 index 00000000..018448f1 --- /dev/null +++ b/js/stage/binding-view.reel/binding-view.css @@ -0,0 +1,5 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ diff --git a/js/stage/binding-view.reel/binding-view.html b/js/stage/binding-view.reel/binding-view.html new file mode 100755 index 00000000..e3495542 --- /dev/null +++ b/js/stage/binding-view.reel/binding-view.html @@ -0,0 +1,55 @@ + + + + + + + + + + + + + +
+
+
+ +
+
+
+ + + diff --git a/js/stage/binding-view.reel/binding-view.js b/js/stage/binding-view.reel/binding-view.js new file mode 100755 index 00000000..4daa85b3 --- /dev/null +++ b/js/stage/binding-view.reel/binding-view.js @@ -0,0 +1,26 @@ +/* +This file contains proprietary software owned by Motorola Mobility, Inc.
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + +/** +@requires montage/core/core +@requires montage/ui/component +*/ +var Montage = require("montage/core/core").Montage, + Component = require("montage/ui/component").Component; + +exports.bindingView = Montage.create(Component, { + _bindables: { + value: [] + }, + bindables: { + get: function() { + return this._bindables; + }, + set: function(val) { + this._bindables = val; + } + } +}); \ No newline at end of file -- cgit v1.2.3 From 95bef3bbd77c6c3bd01b5222986f2dd35a7218b4 Mon Sep 17 00:00:00 2001 From: Armen Kesablyan Date: Sat, 19 May 2012 14:48:35 -0700 Subject: Changes to binding view Signed-off-by: Armen Kesablyan --- js/stage/binding-view.reel/binding-view.html | 36 ++++++++++++++++++++++++++-- js/stage/binding-view.reel/binding-view.js | 10 ++++++++ 2 files changed, 44 insertions(+), 2 deletions(-) (limited to 'js/stage') diff --git a/js/stage/binding-view.reel/binding-view.html b/js/stage/binding-view.reel/binding-view.html index e3495542..43fa0112 100755 --- a/js/stage/binding-view.reel/binding-view.html +++ b/js/stage/binding-view.reel/binding-view.html @@ -14,10 +14,11 @@ "owner": { "prototype": "js/stage/binding-view.reel", "properties": { - "element": {"#": "bindingView"} + "element": {"#": "bindingView"}, + "hudRepeater": {"@": "hudRepeater"} } }, - "repeater": { + "hudRepeater": { "prototype": "montage/ui/repetition.reel", "properties": { "element": {"#": "hudRepetition"} @@ -35,6 +36,37 @@ "properties": { "element": {"#" : "hud"} } + }, + "nonVisualRepeater": { + "prototype": "montage/ui/repetition.reel", + "properties": { + "element": {"#": "nonVisualRepeater"} + }, + "bindings": { + "objects": { + "boundObject": {"@": "owner"}, + "boundObjectPropertyPath": "nonVisualComponents", + "oneway": true + } + } + }, + "nonVisualComponent": { + "prototype": "js/stage/binding-view.reel/non-visual-component.reel", + "properties": { + "element": {"#": "nonVisualComponent"} + }, + "bindings": { + "objectName": { + "boundObject": {"@": "hudRepetition"}, + "boundObjectPropertyPath": "objectAtCurrentIteration.objectName", + "oneway": true + }, + "objectImage": { + "boundObject": {"@": "undoList"}, + "boundObjectPropertyPath": "objectAtCurrentIteration.objectImage", + "oneway": true + } + } } } diff --git a/js/stage/binding-view.reel/binding-view.js b/js/stage/binding-view.reel/binding-view.js index 4daa85b3..d3d988c1 100755 --- a/js/stage/binding-view.reel/binding-view.js +++ b/js/stage/binding-view.reel/binding-view.js @@ -22,5 +22,15 @@ exports.bindingView = Montage.create(Component, { set: function(val) { this._bindables = val; } + }, + + + nonVisualComponents: { + get: function() { + return this._bindables; + }, + set: function(val) { + this._bindables = val; + } } }); \ No newline at end of file -- cgit v1.2.3 From 3ed95247e9ea4b0a7833401ed6809647b7c4acbf Mon Sep 17 00:00:00 2001 From: Armen Kesablyan Date: Wed, 23 May 2012 14:26:46 -0700 Subject: Binding Visual Tool Initial setup Signed-off-by: Armen Kesablyan --- .../binding-hud-option.reel/binding-hud-option.css | 5 ++++ .../binding-hud-option.html | 27 ++++++++++++++++++ .../binding-hud-option.reel/binding-hud-option.js | 18 ++++++++++++ .../binding-hud.reel/binding-hud.html | 13 +++++++-- .../binding-hud.reel/binding-hud.js | 9 ++++-- js/stage/binding-view.reel/binding-view.html | 11 +++++--- js/stage/binding-view.reel/binding-view.js | 33 ++++++++++++++++++---- .../non-visual-component.css | 5 ++++ .../non-visual-component.html | 27 ++++++++++++++++++ .../non-visual-component.js | 18 ++++++++++++ js/stage/stage.reel/stage.html | 12 ++++++-- 11 files changed, 163 insertions(+), 15 deletions(-) create mode 100755 js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css create mode 100755 js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html create mode 100755 js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js create mode 100755 js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.css create mode 100755 js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.html create mode 100755 js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.js (limited to 'js/stage') diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css new file mode 100755 index 00000000..018448f1 --- /dev/null +++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css @@ -0,0 +1,5 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html new file mode 100755 index 00000000..6b670455 --- /dev/null +++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html @@ -0,0 +1,27 @@ + + + + + + + + + + + +
Label for options
+ + diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js new file mode 100755 index 00000000..91a0564e --- /dev/null +++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js @@ -0,0 +1,18 @@ +/* +This file contains proprietary software owned by Motorola Mobility, Inc.
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + +/** +@requires montage/core/core +@requires montage/ui/component +*/ +var Montage = require("montage/core/core").Montage, + Component = require("montage/ui/component").Component; + +exports.bindingHud = Montage.create(Component, { + title: { + value: "value" + } +}); \ No newline at end of file diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html index 73252de4..c81b70d3 100755 --- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html @@ -25,11 +25,20 @@ "bindings": { "objects": { "boundObject": {"@": "owner"}, - "boundObjectPropertyPath": "bindables", + "boundObjectPropertyPath": "properties", "oneway": true } } }, + "hudOption": { + "prototype": "js/stage/binding-view.reel/binding-hud-option.reel", + "properties": { + "element": {"#" : "hudOption"} + }, + "bindings": { + "title": {"<-": "@objectAtCurrentIteration.title"} + } + } } @@ -39,7 +48,7 @@
- +
diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js index cbb4c1d7..a63f2775 100755 --- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js @@ -11,6 +11,11 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot var Montage = require("montage/core/core").Montage, Component = require("montage/ui/component").Component; -exports.bindingHud = Montage.create(Component, { - +exports.BindingHud = Montage.create(Component, { + properties: { + value: [ + {"title": "myProperty1"}, + {"title":"myproperty2"} + ] + } }); \ No newline at end of file diff --git a/js/stage/binding-view.reel/binding-view.html b/js/stage/binding-view.reel/binding-view.html index 43fa0112..152345d4 100755 --- a/js/stage/binding-view.reel/binding-view.html +++ b/js/stage/binding-view.reel/binding-view.html @@ -21,7 +21,7 @@ "hudRepeater": { "prototype": "montage/ui/repetition.reel", "properties": { - "element": {"#": "hudRepetition"} + "element": {"#": "hudRepeater"} }, "bindings": { "objects": { @@ -57,12 +57,12 @@ }, "bindings": { "objectName": { - "boundObject": {"@": "hudRepetition"}, + "boundObject": {"@": "hudRepeater"}, "boundObjectPropertyPath": "objectAtCurrentIteration.objectName", "oneway": true }, "objectImage": { - "boundObject": {"@": "undoList"}, + "boundObject": {"@": "hudRepeater"}, "boundObjectPropertyPath": "objectAtCurrentIteration.objectImage", "oneway": true } @@ -76,11 +76,14 @@
-
+
+
+
+
diff --git a/js/stage/binding-view.reel/binding-view.js b/js/stage/binding-view.reel/binding-view.js index d3d988c1..df3bc3ee 100755 --- a/js/stage/binding-view.reel/binding-view.js +++ b/js/stage/binding-view.reel/binding-view.js @@ -11,10 +11,31 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot var Montage = require("montage/core/core").Montage, Component = require("montage/ui/component").Component; -exports.bindingView = Montage.create(Component, { +exports.BindingView = Montage.create(Component, { + //private Properties + _selectedElement: { + value: null + }, _bindables: { value: [] }, + _nonVisualComponents: { + value:null + }, + + //Public Objects + hudRepeater: { value: null }, + + + //Public Properties + selectedElement: { + get: function() { + return this._selectedElement; + }, + set: function(val) { + this._selectedElement = val; + } + }, bindables: { get: function() { return this._bindables; @@ -23,14 +44,16 @@ exports.bindingView = Montage.create(Component, { this._bindables = val; } }, - - nonVisualComponents: { get: function() { - return this._bindables; + return this._nonVisualComponents; }, set: function(val) { - this._bindables = val; + this._nonVisualComponents = val; } } + + //Methods + + }); \ No newline at end of file diff --git a/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.css b/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.css new file mode 100755 index 00000000..018448f1 --- /dev/null +++ b/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.css @@ -0,0 +1,5 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ diff --git a/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.html b/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.html new file mode 100755 index 00000000..5b07bfe9 --- /dev/null +++ b/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.html @@ -0,0 +1,27 @@ + + + + + + + + + + + +
Label for options
+ + diff --git a/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.js b/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.js new file mode 100755 index 00000000..2ff2e2f7 --- /dev/null +++ b/js/stage/binding-view.reel/non-visual-component.reel/non-visual-component.js @@ -0,0 +1,18 @@ +/* +This file contains proprietary software owned by Motorola Mobility, Inc.
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + +/** +@requires montage/core/core +@requires montage/ui/component +*/ +var Montage = require("montage/core/core").Montage, + Component = require("montage/ui/component").Component; + +exports.NonVisualComponent = Montage.create(Component, { + title: { + value: "value" + } +}); \ No newline at end of file diff --git a/js/stage/stage.reel/stage.html b/js/stage/stage.reel/stage.html index 88cd6149..79e34802 100755 --- a/js/stage/stage.reel/stage.html +++ b/js/stage/stage.reel/stage.html @@ -53,7 +53,13 @@ "focusManager": { "object": "js/components/focus-manager.reel" }, - + + "bindingView": { + "prototype": "js/stage/binding-view.reel", + "properties" : { + "element": {"#": "bindingView" } + } + }, "owner": { "prototype": "js/stage/stage.reel", "properties": { @@ -66,7 +72,8 @@ "layout": {"@": "layout1"}, "stageView": {"@": "stageView"}, "textTool": {"@": "textTool"}, - "focusManager": {"@": "focusManager"} + "focusManager": {"@": "focusManager"}, + "bindingView": {"@": "bindingView"} }, "bindings": { "currentDocumentStageView": { @@ -89,6 +96,7 @@ +
-- cgit v1.2.3 From e8c4e98c24092a360eb2f637983fd104fbb67f66 Mon Sep 17 00:00:00 2001 From: Armen Kesablyan Date: Fri, 25 May 2012 11:22:05 -0700 Subject: Setup up Binding View Draw Cycle Signed-off-by: Armen Kesablyan --- .../binding-hud.reel/binding-hud.html | 8 ++---- js/stage/binding-view.reel/binding-view.html | 31 +++++++--------------- js/stage/binding-view.reel/binding-view.js | 25 ++++++++++++++++- 3 files changed, 36 insertions(+), 28 deletions(-) (limited to 'js/stage') diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html index c81b70d3..1c73fd77 100755 --- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html @@ -23,11 +23,7 @@ "element": {"#": "hudRepetition"} }, "bindings": { - "objects": { - "boundObject": {"@": "owner"}, - "boundObjectPropertyPath": "properties", - "oneway": true - } + "objects": {"<-": "@owner.properties"} } }, "hudOption": { @@ -36,7 +32,7 @@ "element": {"#" : "hudOption"} }, "bindings": { - "title": {"<-": "@objectAtCurrentIteration.title"} + "title": {"<-": "@repeater.objectAtCurrentIteration.title"} } } } diff --git a/js/stage/binding-view.reel/binding-view.html b/js/stage/binding-view.reel/binding-view.html index 152345d4..b77f8e27 100755 --- a/js/stage/binding-view.reel/binding-view.html +++ b/js/stage/binding-view.reel/binding-view.html @@ -24,17 +24,16 @@ "element": {"#": "hudRepeater"} }, "bindings": { - "objects": { - "boundObject": {"@": "owner"}, - "boundObjectPropertyPath": "bindables", - "oneway": true - } + "objects": {"<-": "@owner.bindables"} } }, "hud": { "prototype": "js/stage/binding-view.reel/binding-hud.reel", "properties": { "element": {"#" : "hud"} + }, + "bindings": { + "name": { } }, "nonVisualRepeater": { @@ -43,11 +42,7 @@ "element": {"#": "nonVisualRepeater"} }, "bindings": { - "objects": { - "boundObject": {"@": "owner"}, - "boundObjectPropertyPath": "nonVisualComponents", - "oneway": true - } + "objects": {"<-": "@owner.nonVisualComponents"} } }, "nonVisualComponent": { @@ -56,16 +51,8 @@ "element": {"#": "nonVisualComponent"} }, "bindings": { - "objectName": { - "boundObject": {"@": "hudRepeater"}, - "boundObjectPropertyPath": "objectAtCurrentIteration.objectName", - "oneway": true - }, - "objectImage": { - "boundObject": {"@": "hudRepeater"}, - "boundObjectPropertyPath": "objectAtCurrentIteration.objectImage", - "oneway": true - } + "objectName": {"<-": "@hudRepeater.objectAtCurrentIteration.objectName"}, + "objectImage": {"<-": "@hudRepeater.objectAtCurrentIteration.objectImage"} } } } @@ -82,7 +69,9 @@
-
+
+ +
diff --git a/js/stage/binding-view.reel/binding-view.js b/js/stage/binding-view.reel/binding-view.js index df3bc3ee..97593c66 100755 --- a/js/stage/binding-view.reel/binding-view.js +++ b/js/stage/binding-view.reel/binding-view.js @@ -34,6 +34,7 @@ exports.BindingView = Montage.create(Component, { }, set: function(val) { this._selectedElement = val; + this.needsDraw = true; } }, bindables: { @@ -51,9 +52,31 @@ exports.BindingView = Montage.create(Component, { set: function(val) { this._nonVisualComponents = val; } - } + }, //Methods + //Montage Draw Cycle + prepareForDraw: { + value: function() { + + } + }, + + draw: { + value: function() { + if(this.selectedElement !== null) { + this.bindables = [ + {"objectName": "Input1", "objectTitle": ""}, + ] + } + } + }, + + didDraw: { + value: function() { + + } + } }); \ No newline at end of file -- cgit v1.2.3 From a581fb3c544ee2faeafbb75f7a3f5719f53cf323 Mon Sep 17 00:00:00 2001 From: Armen Kesablyan Date: Wed, 30 May 2012 15:30:38 -0700 Subject: Visual Bindings Initial generate from Array. Signed-off-by: Armen Kesablyan --- .../binding-hud-option.html | 18 +++++-- .../binding-hud-option.reel/binding-hud-option.js | 2 +- .../binding-hud.reel/binding-hud.css | 57 ++++++++++++++++++++++ .../binding-hud.reel/binding-hud.html | 16 ++++-- .../binding-hud.reel/binding-hud.js | 18 +++++++ js/stage/binding-view.reel/binding-view.css | 7 +++ js/stage/binding-view.reel/binding-view.html | 5 +- js/stage/binding-view.reel/binding-view.js | 25 ++++++++-- .../non-visual-component.html | 2 +- 9 files changed, 137 insertions(+), 13 deletions(-) (limited to 'js/stage') diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html index 6b670455..6af26f7c 100755 --- a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html +++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html @@ -7,21 +7,33 @@ - + -
Label for options
+
+ +
+
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js index 91a0564e..58f4175e 100755 --- a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js +++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js @@ -11,7 +11,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot var Montage = require("montage/core/core").Montage, Component = require("montage/ui/component").Component; -exports.bindingHud = Montage.create(Component, { +exports.BindingHudOption = Montage.create(Component, { title: { value: "value" } diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css index 018448f1..626706ed 100755 --- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css @@ -3,3 +3,60 @@ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. */ + +.bindingHud { + position: absolute; + background: #282828; + padding: 0px; + color: #FFF; + font-size: 11px; + box-shadow: 2px 2px 3px black; + border-radius: 3px; + padding: 3px; + padding-top:0px; + border:1px solid #000; +} + +.bindingHud .bindingTitle { + font-weight:bold; + background: url('/images/panels/horizontal-resize.png') no-repeat; + padding-left: 10px; + line-height: 20px; + background-position: left center; + padding-top: 2px; +} + +.bindingHud .hudRepetition { + background: #555; + padding:1px 9px; + line-height:16px; + border:1px solid #000; + box-shadow: inset 0px 0px 4px #333, 1px 1px 0px #3A3A3A; + min-width: 65px; +} + +.bindingHud .hudOption { + position:relative; + border-bottom:1px solid #505050; + line-height:16px; +} + +.bindingHud .hudOption:last-child { + border-bottom: 0px; +} + +.bindingHud .hudOption .connectorBubble { + position: absolute; + right: -20px; + top: 2px; + background: #555; + border: 1px solid black; + border-radius: 0px; + width: 12px; + height: 12px; + border-left: 0px; + /*border-bottom-right-radius: 50%; + border-top-right-radius: 50%;*/ + + +} \ No newline at end of file diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html index 1c73fd77..1f3b181c 100755 --- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html @@ -7,7 +7,7 @@ - +