Integrate locations list into locations_page.

For the easiness of reactive list update.
espressolocator · Feb 3, 2019 · 18ed27e · 18ed27e
1 parent 0f44e3f
commit 18ed27e
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 25 deletions.
diff --git a/client/templates/locations/locations_list.html b/client/templates/locations/locations_list.html
diff --git a/client/templates/locations/locations_list.js b/client/templates/locations/locations_list.js
diff --git a/client/templates/locations/locations_page.html b/client/templates/locations/locations_page.html
@@ -3,5 +3,9 @@
     <input class="form-control input-lg search-locations-input" type="text" placeholder="Search location...">
   </div>
   <div class="map-container"></div>
-  {{> locationsList}}
+  <div class="locations">
+    {{#each locations}}
+      {{> locationItem}}
+    {{/each}}
+  </div>
 </template>
diff --git a/client/templates/locations/locations_page.js b/client/templates/locations/locations_page.js
@@ -1,3 +1,9 @@
+Template.locationsPage.helpers({
+  locations: function() {
+    return Template.instance().locations();
+  }
+});
+
 Template.locationsPage.onRendered(function() {
   var self = this;
   this.autorun(function(c) {
@@ -37,4 +43,14 @@ Template.locationsPage.onCreated(function() {
   GoogleMaps.load({
     libraries: 'places'
   });
+
+  var instance = this;
+  instance.autorun(function () {
+    // Subscribe to the locations publication.
+    var subscription = instance.subscribe('locations', Session.get('mapBounds'));
+  });
+  // Locations cursor.
+  instance.locations = function() {
+    return Locations.find({}, {sort: {submitted: -1}});
+  }
 });