diff options
author | Jose Antonio Marquez | 2012-05-16 15:42:37 -0700 |
---|---|---|
committer | Jose Antonio Marquez | 2012-05-16 15:42:37 -0700 |
commit | 857aafee732b6a85fa155ff4a05d1b8fde48f09d (patch) | |
tree | e06d330caee280aa05aec46391979e9abdcf974c /node_modules/montage/ui/token-field/token.reel/token.html | |
parent | 5cc5d29736d8bf253e3a168cdd6443e839ffb23c (diff) | |
parent | fd54dabad7cbc27a0efb0957155c00d578912909 (diff) | |
download | ninja-857aafee732b6a85fa155ff4a05d1b8fde48f09d.tar.gz |
Merge branch 'refs/heads/Ninja-DOM-Architecture' into Document
Diffstat (limited to 'node_modules/montage/ui/token-field/token.reel/token.html')
-rw-r--r-- | node_modules/montage/ui/token-field/token.reel/token.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/node_modules/montage/ui/token-field/token.reel/token.html b/node_modules/montage/ui/token-field/token.reel/token.html new file mode 100644 index 00000000..54ba266e --- /dev/null +++ b/node_modules/montage/ui/token-field/token.reel/token.html | |||
@@ -0,0 +1,45 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head> | ||
4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
5 | <title>Token Template</title> | ||
6 | <link rel="stylesheet" type="text/css" href="token.css"> | ||
7 | |||
8 | <script type="text/montage-serialization"> | ||
9 | { | ||
10 | |||
11 | "tokenText": { | ||
12 | "prototype": "montage/ui/dynamic-text.reel", | ||
13 | "properties": { | ||
14 | "element": {"#": "token-text"} | ||
15 | }, | ||
16 | "bindings": { | ||
17 | "value": {"<-": "@owner.text"} | ||
18 | } | ||
19 | }, | ||
20 | "tokenDelete": { | ||
21 | "prototype": "montage/ui/dynamic-text.reel", | ||
22 | "properties": { | ||
23 | "element": {"#": "token-delete"}, | ||
24 | "value": "✕" | ||
25 | } | ||
26 | }, | ||
27 | |||
28 | "owner": { | ||
29 | "prototype": "montage/ui/token-field/token.reel", | ||
30 | "properties": { | ||
31 | "element": {"#": "token"}, | ||
32 | "_deleteEl": {"#": "token-delete"} | ||
33 | } | ||
34 | } | ||
35 | } | ||
36 | </script> | ||
37 | |||
38 | </head> | ||
39 | <body> | ||
40 | <span data-montage-id="token" class="montage-token"> | ||
41 | <span data-montage-id="token-text" class="montage-token-text"></span> | ||
42 | <span data-montage-id="token-delete" class="montage-token-delete">✕</span> | ||
43 | </span> | ||
44 | </body> | ||
45 | </html> | ||