diff options
Diffstat (limited to 'js/panels/binding/binding-item.reel/binding-item.html')
-rw-r--r-- | js/panels/binding/binding-item.reel/binding-item.html | 54 |
1 files changed, 51 insertions, 3 deletions
diff --git a/js/panels/binding/binding-item.reel/binding-item.html b/js/panels/binding/binding-item.reel/binding-item.html index 23182345..a569b8b4 100644 --- a/js/panels/binding/binding-item.reel/binding-item.html +++ b/js/panels/binding/binding-item.reel/binding-item.html | |||
@@ -16,14 +16,54 @@ | |||
16 | "element": {"#": "binding-item"} | 16 | "element": {"#": "binding-item"} |
17 | } | 17 | } |
18 | }, | 18 | }, |
19 | "label": { | 19 | "soProperty": { |
20 | "prototype": "montage/ui/dynamic-text.reel", | 20 | "prototype": "montage/ui/dynamic-text.reel", |
21 | "properties": { | 21 | "properties": { |
22 | "element": {"#": "label"} | 22 | "element": {"#": "so-property"} |
23 | }, | 23 | }, |
24 | "bindings": { | 24 | "bindings": { |
25 | "value": {"<-": "@owner.sourceObjectPropertyPath"} | 25 | "value": {"<-": "@owner.sourceObjectPropertyPath"} |
26 | } | 26 | } |
27 | }, | ||
28 | "soObject": { | ||
29 | "prototype": "montage/ui/dynamic-text.reel", | ||
30 | "properties": { | ||
31 | "element": {"#": "so-object"} | ||
32 | }, | ||
33 | "bindings": { | ||
34 | "value": {"<-": "@owner.sourceObjectLabel"} | ||
35 | } | ||
36 | }, | ||
37 | "boProperty" : { | ||
38 | "prototype": "montage/ui/dynamic-text.reel", | ||
39 | "properties": { | ||
40 | "element": {"#": "bo-property"} | ||
41 | }, | ||
42 | "bindings": { | ||
43 | "value": {"<-": "@owner.boundObjectPropertyPath"} | ||
44 | } | ||
45 | }, | ||
46 | "boObject": { | ||
47 | "prototype": "montage/ui/dynamic-text.reel", | ||
48 | "properties": { | ||
49 | "element": {"#": "bo-object"} | ||
50 | }, | ||
51 | "bindings": { | ||
52 | "value": {"<-": "@owner.boundObjectLabel"} | ||
53 | } | ||
54 | }, | ||
55 | "editButton": { | ||
56 | "prototype": "montage/ui/button.reel", | ||
57 | "properties": { | ||
58 | "element": {"#": "edit-button"}, | ||
59 | "identifier": "editButton", | ||
60 | "label": " " | ||
61 | }, | ||
62 | "listeners": [{ | ||
63 | "type": "action", | ||
64 | "listener": {"@": "owner"} | ||
65 | }] | ||
66 | |||
27 | } | 67 | } |
28 | 68 | ||
29 | } | 69 | } |
@@ -31,7 +71,15 @@ | |||
31 | </head> | 71 | </head> |
32 | <body> | 72 | <body> |
33 | <li data-montage-id="binding-item" class="binding-item"> | 73 | <li data-montage-id="binding-item" class="binding-item"> |
34 | <span data-montage-id="label"></span> | 74 | <div data-montage-id="sourceObject" class="source-object"> |
75 | <span data-montage-id="so-property" class="so-property"></span> | ||
76 | <span data-montage-id="so-object" class="so-object-identifier"></span> | ||
77 | </div> | ||
78 | <div data-montage-id="boundObject" class="bound-object"> | ||
79 | <span data-montage-id="bo-property" class="bo-property"></span> | ||
80 | <span data-montage-id="bo-object" class="bo-object-identifier"></span> | ||
81 | </div> | ||
82 | <button data-montage-id="edit-button" class="binding-edit-button"></button> | ||
35 | </li> | 83 | </li> |
36 | </body> | 84 | </body> |
37 | </html> \ No newline at end of file | 85 | </html> \ No newline at end of file |