diff options
Diffstat (limited to 'node_modules/montage/examples/feed-reader/main.reel/main.html')
-rw-r--r-- | node_modules/montage/examples/feed-reader/main.reel/main.html | 26 |
1 files changed, 26 insertions, 0 deletions
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> |