merged

Author: hw2zheng

OddJobb/www/js/controllers/jobpost.js

@@ -1,23 +1,19 @@
 myApp.onPageInit('post', function (page) {
-    /*
-         1. Do AJAX call to get post based on postID
-         2. Generate post data!
-         */
+    console.log('posted!');
 
     const testPost = {
         season: 'img/green.jpg',
         title: 'Grass Mowing Required',
         date: 'January 21, 2015',
         text: 'Guys please help my grass is growing too large',
+        postalCode: 'l1n4e5'
     }
-    
-    const posts = [];
-    posts.push(testPost);
 
-    console.log(posts);
+    const posts = [];
 
+    posts.push(testPost);
 
-    const myList = myApp.virtualList('.virtual-list.cardslist', {
+    const myList = myApp.virtualList('.single-card', {
         items: posts,
         template:
         '<div class="card" >' +
@@ -31,10 +27,20 @@ myApp.onPageInit('post', function (page) {
         '       </div>' +
         '   <div class="card-footer">' +
         '   <a href="#" class="button button-big">Contact</a>' +
-        '   <a href="#" class="button button-big">Map</a>' +
+        '   <a href="post.html?postID=5" class="button button-big">Map</a>' +
         '   </div>' +
         '</div >'
     });
+
+
+    myApp.params.swipePanel = false;
+    map = new GMaps({
+        div: '#map',
+        lat: -12.043333,
+        lng: -77.028333
+    });
+
+    address(testPost.postalCode);
 })
 
 myApp.onPageInit('postList', function (page) {
@@ -105,8 +111,25 @@ myApp.onPageInit('postList', function (page) {
         '       </div>' +
         '   <div class="card-footer">' +
         '   <a href="#" class="button button-big">Contact</a>' +
-        '   <a href="#" class="button button-big">Map</a>' +
+        '   <a href="post.html?postID=5" class="button button-big">Map</a>' +
         '   </div>' +
         '</div >'
     });
-})
+})
+
+
+function address(adr) {
+    GMaps.geocode({
+        address: adr,
+        callback: function (results, status) {
+            if (status == 'OK') {
+                var latlng = results[0].geometry.location;
+                map.setCenter(latlng.lat(), latlng.lng());
+                map.addMarker({
+                    lat: latlng.lat(),
+                    lng: latlng.lng()
+                });
+            }
+        }
+    });
+} 

OddJobb/www/js/controllers/post_card.js

@@ -0,0 +1,72 @@
+myApp.onPageInit('post', function (page) {
+    /*
+         1. Do AJAX call to get post based on postID
+         2. Generate post data!
+         */
+
+	myApp.params.swipePanel = false;
+	map = new GMaps({
+	  div: '#map',
+	  lat: -12.043333,
+	  lng: -77.028333 
+	}); 
+	
+    const testPost = {
+        season: 'img/green.jpg',
+        title: 'Grass Mowing Required',
+        date: 'January 21, 2015',
+        text: 'Guys please help my grass is growing too large',
+		postalCode: 'L1G6N4'
+    }
+
+    const posts = [];
+
+    if (page.query) {
+        console.log(page.query);
+        posts.push(testPost);
+
+
+    } else {
+        posts.push(testPost);
+        posts.push(testPost);
+        posts.push(testPost);
+    }
+
+	address(testPost.postalCode); 
+	
+    const myList = myApp.virtualList('.list-block.virtual-list.cardslist', {
+        items: posts,
+        template:
+        '<div class="card demo-card-header-pic" >' +
+        '   <div style="background-image:url(img/green.jpg)" valign="bottom" class="card-header color-white no-border"></div>' +
+        '       <div class="card-content">' +
+        '           <div class="card-content-inner">' +
+        '               <h1>Grass Mowing Required</h1>' +
+        '               <p class="color-gray">Posted on January 21, 2015</p>' +
+        '               <p>Quisque eget vestibulum nulla...</p>' +
+        '           </div>' +
+        '       </div>' +
+        '   <div class="card-footer">' +
+        '   <a href="#" class="button button-big">Contact</a>' +
+        '   <a href="#" class="button button-big">Map</a>' +
+        '   </div>' +
+        '</div >'
+    });
+})
+
+function address(adr){        
+GMaps.geocode({
+				
+			  address: adr,
+			  callback: function(results, status) {
+				if (status == 'OK') {
+				  var latlng = results[0].geometry.location;
+				  map.setCenter(latlng.lat(), latlng.lng());
+				  map.addMarker({
+					lat: latlng.lat(),
+					lng: latlng.lng()
+				  });
+				}
+			  }
+			});
+}

OddJobb/www/post.html

@@ -17,10 +17,9 @@
 <div class="pages">
     <div data-page="post" class="page">
         <div class="page-content">
-            <div class="content-block-title">Posting Details</div>
-
-            <div class="virtual-list cardslist">
-                <!-- keep it empty -->
+            <div class="content-block-title">Post Details</div>
+            <div id="map"></div>
+            <div class="single-card">
             </div>
         </div>
     </div>