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/binding-view.reel') 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

+ Label +

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 @@ - +