diff options
Diffstat (limited to 'node_modules/montage/examples/feed-reader')
-rw-r--r-- | node_modules/montage/examples/feed-reader/images/47-fuel.png | bin | 0 -> 3091 bytes | |||
-rw-r--r-- | node_modules/montage/examples/feed-reader/images/80-shopping-cart.png | bin | 0 -> 2963 bytes | |||
-rw-r--r-- | node_modules/montage/examples/feed-reader/images/88-beer-mug.png | bin | 0 -> 3087 bytes | |||
-rw-r--r-- | node_modules/montage/examples/feed-reader/main.reel/main.html | 26 | ||||
-rw-r--r-- | node_modules/montage/examples/feed-reader/main.reel/main.js | 10 |
5 files changed, 36 insertions, 0 deletions
diff --git a/node_modules/montage/examples/feed-reader/images/47-fuel.png b/node_modules/montage/examples/feed-reader/images/47-fuel.png new file mode 100644 index 00000000..617d7640 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/47-fuel.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/80-shopping-cart.png b/node_modules/montage/examples/feed-reader/images/80-shopping-cart.png new file mode 100644 index 00000000..51a5f86f --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/80-shopping-cart.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/88-beer-mug.png b/node_modules/montage/examples/feed-reader/images/88-beer-mug.png new file mode 100644 index 00000000..b0fdd99a --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/88-beer-mug.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/main.reel/main.html b/node_modules/montage/examples/feed-reader/main.reel/main.html index 8ea9a79b..ef4fc92a 100644 --- a/node_modules/montage/examples/feed-reader/main.reel/main.html +++ b/node_modules/montage/examples/feed-reader/main.reel/main.html | |||
@@ -79,6 +79,13 @@ | |||
79 | "element": {"#": "map"} | 79 | "element": {"#": "map"} |
80 | } | 80 | } |
81 | }, | 81 | }, |
82 | |||
83 | "types": { | ||
84 | "prototype": "montage/ui/select-input.reel", | ||
85 | "properties": { | ||
86 | "element": {"#": "types"} | ||
87 | } | ||
88 | }, | ||
82 | 89 | ||
83 | "owner": { | 90 | "owner": { |
84 | "module": "main.reel", | 91 | "module": "main.reel", |
@@ -92,6 +99,10 @@ | |||
92 | "mapCenter": { | 99 | "mapCenter": { |
93 | "boundObject": {"@": "mapCenter"}, | 100 | "boundObject": {"@": "mapCenter"}, |
94 | "boundObjectPropertyPath": "value" | 101 | "boundObjectPropertyPath": "value" |
102 | }, | ||
103 | "mapCategory": { | ||
104 | "boundObject": {"@": "types"}, | ||
105 | "boundObjectPropertyPath": "value" | ||
95 | } | 106 | } |
96 | } | 107 | } |
97 | } | 108 | } |
@@ -140,6 +151,10 @@ | |||
140 | visibility: hidden; | 151 | visibility: hidden; |
141 | } | 152 | } |
142 | 153 | ||
154 | #map, #feed-reader { | ||
155 | margin-top: 10px; | ||
156 | } | ||
157 | |||
143 | 158 | ||
144 | </style> | 159 | </style> |
145 | 160 | ||
@@ -168,6 +183,17 @@ | |||
168 | <form> | 183 | <form> |
169 | Location: <input type="text" value="Paris, France" id="map-center" required /> | 184 | Location: <input type="text" value="Paris, France" id="map-center" required /> |
170 | <input type="button" id="btn-map" class="btn primary" value="OK"></button> | 185 | <input type="button" id="btn-map" class="btn primary" value="OK"></button> |
186 | <div> | ||
187 | Show: | ||
188 | <select data-montage-id="types"> | ||
189 | <option value=''>Select a Category</option> | ||
190 | <option value='grocery_or_supermarket'>Groceries/Supermarkets</option> | ||
191 | <option value='hospital'>Hospitals</option> | ||
192 | <option value='restaurant'>Restaurants</option> | ||
193 | <option value='bar'>Bars</option> | ||
194 | <option value='gas_station'>Gas Stations</option> | ||
195 | </select> | ||
196 | </div> | ||
171 | </form> | 197 | </form> |
172 | </div> | 198 | </div> |
173 | <div id="map">Map</div> | 199 | <div id="map">Map</div> |
diff --git a/node_modules/montage/examples/feed-reader/main.reel/main.js b/node_modules/montage/examples/feed-reader/main.reel/main.js index bea5f91a..06d8fdba 100644 --- a/node_modules/montage/examples/feed-reader/main.reel/main.js +++ b/node_modules/montage/examples/feed-reader/main.reel/main.js | |||
@@ -13,6 +13,16 @@ exports.Main = Montage.create(Component, { | |||
13 | distinct: true | 13 | distinct: true |
14 | }, | 14 | }, |
15 | 15 | ||
16 | mapCategory: { | ||
17 | get: function() { | ||
18 | return this._mapCategory; | ||
19 | }, | ||
20 | set: function(value) { | ||
21 | this._mapCategory = value; | ||
22 | this.map.category = value; | ||
23 | } | ||
24 | }, | ||
25 | |||
16 | feedReader: {value: null}, | 26 | feedReader: {value: null}, |
17 | 27 | ||
18 | map: {value: null}, | 28 | map: {value: null}, |