jollen · buzzpu · Jan 9, 2016 · Jan 9, 2016 · Jan 9, 2016 · Jan 9, 2016
diff --git a/booklog/index.html b/booklog/index.html
@@ -31,8 +31,8 @@ <h4 class="media-heading"><%= post.title %></h4>
 
 <script id='post-single' type='text/template'>
     <div class="col-md-12 portfolio-item">
-            <h2 class="media-heading"><%= title %></h2>
-            <h4><%= content %></h4>
+            <h2 class="media-heading"><%= posts[0].title %></h2>
+            <h4><%= posts[0].message %></h4>
     </div>
 </script>
 

diff --git a/booklog/javascripts/app.js b/booklog/javascripts/app.js
@@ -9,16 +9,17 @@ var app = app || {};
 **/
 app.Message = Backbone.Model.extend({
     url: function() {
-         return 'http://launchergap.org/1/post' 
+         return 'http://localhost:3000/1/post' 
                     + ( this.id === null ? '' : '/' + this.id );
     },
     id: null,
     defaults: {
         success: false,
         errfor: {},
         posts: [],
-        subject: '',
-        content: ''
+        post: [],
+        title: '',
+        message: ''
     }
 });
 

diff --git a/googlemap/index.html b/googlemap/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>Simple markers</title>
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      #map {
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="map"></div>
+    <script>
+
+function initMap() {
+  var myLatLng = {lat: 25.05, lng: 121.53};
+
+  var map = new google.maps.Map(document.getElementById('map'), {
+    zoom: 16,
+    center: myLatLng
+  });
+
+  var marker = new google.maps.Marker({
+    position: myLatLng,
+    map: map,
+    title: 'Hello World!'
+  });
+}
+
+    </script>
+    <script async defer
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyACnXBrsGMB7iGukptA1OS6rBjYVH4gDy8&signed_in=true&callback=initMap"></script>
+
+    <!-- JavaScript -->
+    <script src="javascripts/jquery.min.js"></script>
+    <script src="vendor/underscore/underscore-min.js"></script>
+    <script src="vendor/backbone/backbone-min.js"></script>
+    <script src='javascripts/app.js'></script>
+
+  </body>
+</html>
diff --git a/googlemap/javascripts/app.js b/googlemap/javascripts/app.js
@@ -0,0 +1,57 @@
+/**
+* SETUP
+**/
+var app = app || {};
+
+
+/**
+* MODELS
+**/
+app.Message = Backbone.Model.extend({
+    url: function() {
+         return 'http://localhost:3000/1/post' 
+                    + ( this.id === null ? '' : '/' + this.id );
+    },
+    id: null,
+    defaults: {
+        success: false,
+        errfor: {},
+        posts: [],
+        post: [],
+        title: '',
+        message: ''
+    }
+});
+
+/**
+* VIEWS
+**/
+app.ContentView = Backbone.View.extend({
+    el: '#content',
+    events: {
+        'click #subject': 'read'
+    },
+    // constructor
+    initialize: function() {
+        this.model = new app.Message();
+        this.model.bind('change', this.render, this);
+        this.template = _.template($('#post-list').html());
+
+        this.model.fetch();
+    },
+    render: function() {
+        var html = this.template(this.model.attributes);
+        this.$el.html(html);
+    },
+    read: function(e) {
+        var id = $(e.target).data('id');
+        var self = this;
+        this.model.id = id;
+        this.template = _.template($('#post-single').html());
+        this.model.fetch();
+    }
+});
+
+$(document).ready(function(){
+    app.contentView = new app.ContentView();
+});
diff --git a/googlemap/javascripts/jquery.min.js b/googlemap/javascripts/jquery.min.js
diff --git a/googlemap/vendor/backbone/.bower.json b/googlemap/vendor/backbone/.bower.json
@@ -0,0 +1,33 @@
+{
+  "name": "backbone",
+  "version": "1.2.1",
+  "main": "backbone.js",
+  "dependencies": {
+    "underscore": ">=1.7.0"
+  },
+  "ignore": [
+    "docs",
+    "examples",
+    "test",
+    "*.yml",
+    "*.html",
+    "*.ico",
+    "*.md",
+    "CNAME",
+    ".*",
+    "karma.*",
+    "component.json",
+    "package.json"
+  ],
+  "homepage": "https://github.com/jashkenas/backbone",
+  "_release": "1.2.1",
+  "_resolution": {
+    "type": "version",
+    "tag": "1.2.1",
+    "commit": "938a8ff934fd4de4f0009f68d43f500f5920b490"
+  },
+  "_source": "git://github.com/jashkenas/backbone.git",
+  "_target": "~1.2.1",
+  "_originalSource": "backbone",
+  "_direct": true
+}
diff --git a/googlemap/vendor/backbone/LICENSE b/googlemap/vendor/backbone/LICENSE
@@ -0,0 +1,22 @@
+Copyright (c) 2010-2015 Jeremy Ashkenas, DocumentCloud
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
diff --git a/googlemap/vendor/backbone/backbone-min.js b/googlemap/vendor/backbone/backbone-min.js
diff --git a/googlemap/vendor/backbone/backbone-min.map b/googlemap/vendor/backbone/backbone-min.map