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 |