Update example app

asennikov · Jan 4, 2016 · a110531 · a110531
1 parent 1a9bcee
commit a110531
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/tests/dummy/app/controllers/application.js b/tests/dummy/app/controllers/application.js
@@ -1,9 +1,12 @@
 import Ember from 'ember';
 
+const { computed } = Ember;
+
 export default Ember.Controller.extend({
   randomVariable: 111,
 
   addressQuery: 'SF, Lafayette Park',
+  addressQueryInput: computed.reads('addressQuery'),
 
   customOptions: {
     mapTypeId: google.maps.MapTypeId.TERRAIN
@@ -16,6 +19,10 @@ export default Ember.Controller.extend({
 
     onInfowindowClosed() {
       window.alert('Info Window Closed!');
+    },
+
+    updateAdressQuery() {
+      this.set('addressQuery', this.get('addressQueryInput'));
     }
   }
 });
diff --git a/tests/dummy/app/templates/application.hbs b/tests/dummy/app/templates/application.hbs
@@ -1,11 +1,16 @@
 <h2 id="title">Ember-g-map Component</h2>
 
-<p>
-  <label>Address Query for Bound Marker</label>
-  {{input value=addressQuery}}
-</p>
-
-{{#g-map shouldFit=true options=customOptions as |context|}}
+<form {{action "updateAdressQuery" on="submit"}}>
+  <p>
+    <label>Address Query for Bound Marker</label>
+    {{input value=addressQueryInput}}
+  </p>
+  <p>
+    <button type="submit"> Update bound marker </button>
+  </p>
+</form>
+
+{{#g-map markersFitMode="live" options=customOptions as |context|}}
   {{g-map-marker context lat=37.7933 lng=-122.4467}}
 
   {{#g-map-marker context lat=37.7433 lng=-122.3867 as |markerContext|}}