volt-google-maps 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e10c77d992b5dbf71902d06f66d890810aabaefc
+  data.tar.gz: d5cc43187191d9a2813369985b0722d629a3a720
+SHA512:
+  metadata.gz: 5c37a3c7aa2dc4504592661ef7339e645f35698c03ba14bbeeead53e7e7b02c65cfd665569f0896e56cb11eef8a94c977cdd3e0474eb548d0cffea3f9c8ec322
+  data.tar.gz: bf4b5bb9e717f55ee3c57096a3120f9751964f99ab4d1d0c4f198face9ee4205e673852cd97535d705bd105dae1e5f9bc468f79f93598fd059e6f513febb4772

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in volt-google-maps.gemspec
+gemspec

data/README.md

@@ -0,0 +1,45 @@
+# Google Maps Volt Component
+
+(still a work in progress)
+
+Provides a simple google maps integration.
+
+First signup for a google maps api key here:
+
+https://developers.google.com/maps/documentation/javascript/tutorial
+
+Next put it in your config/app.rb file:
+
+    config.google_maps_api_key = '....'
+
+Add this line to your application's Gemfile:
+
+    gem 'volt-google-maps'
+
+And then execute:
+
+    bundle
+
+Then install the component in the config/dependencies.rb file of any components you want google maps in:
+
+    component 'google-maps'
+
+Lastly, use the google-maps tag:
+
+    <style>
+      .google-map {
+        height: 400px;
+        width: 600px;
+      }
+    </style>
+    <div class="google-map">
+      <:google-maps />
+    </div>
+
+The map will take up the width of the div, so we add the style tag.
+
+The google-map tag can be passed many attributes:
+
+- zoom - integer for different zoom levels
+- center - the address to center the map on
+- markers - an array of marker Models  (with _address and _content)

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/VERSION

@@ -0,0 +1 @@
+0.0.2

data/app/google-maps/assets/css/google-map.css

@@ -0,0 +1,4 @@
+.google-map-instance {
+  height: 100%;
+  width: 100%;
+}

data/app/google-maps/config/dependencies.rb

@@ -0,0 +1,2 @@
+# Component dependencies
+javascript_file "https://maps.googleapis.com/maps/api/js?key=" + Volt.config.google_maps_api_key

data/app/google-maps/config/routes.rb

@@ -0,0 +1 @@
+# Component routes

data/app/google-maps/controllers/main_controller.rb

@@ -0,0 +1,187 @@
+if RUBY_PLATFORM == 'opal'
+  require 'native'
+end
+
+module GoogleMaps
+  class MainController < ModelController
+    attr_accessor :section
+
+    def index_ready
+      @markers = []
+
+      `this.geocoder = new google.maps.Geocoder();`
+
+      node = section.container_node
+
+      if attrs.respond_to?(:center)
+        geocode(attrs.center) do |latlng|
+          setup_map(node, latlng.to_n)
+        end
+      else
+        setup_map(node, {lat: -34.397, lng: 150.644}.to_n)
+      end
+
+      if attrs.respond_to?(:zoom)
+        set_zoom
+      end
+
+      if attrs.respond_to?(:markers)
+        set_markers
+      end
+
+    end
+
+
+    def index_removed
+      %x{
+        delete this.map;
+        delete this.geocoder;
+      }
+
+      @add_listener.remove if @add_listener
+      @remove_listener.remove if @remove_listener
+    end
+
+    def set_markers
+      -> do
+        markers = attrs.markers
+
+        markers.each do |marker|
+          add_marker(marker) do |result|
+            @markers << result
+          end
+        end
+
+        @add_listener = markers.on('added') do |index|
+          marker = markers[index]
+
+          puts "ADD MARKER AT: #{index}"
+          add_marker(marker) do |result|
+            @markers[index] = result
+          end
+        end
+
+        @remove_listener = markers.on('removed') do |index|
+          puts "DELETE AT INDEX: #{index}"
+          marker = @markers.delete_at(index)
+          `console.log('marker: ', marker);`
+          remove_marker(marker.to_n)
+        end
+
+      end.watch!
+    end
+
+    def setup_zoom
+      `google.maps.event.addListener(self.map, 'zoom_changed', function() {
+          var zoomLevel = self.map.getZoom();`
+
+          new_zoom = Native(`zoomLevel`)
+          if attrs.zoom != new_zoom
+            attrs.zoom = new_zoom
+          end
+
+          # Setup listener again
+          set_zoom
+      `});`
+
+    end
+
+    def set_zoom
+      @first_zoom = true
+      -> do
+        if @first_zoom
+          @first_zoom = false
+
+          # Track
+          attrs.zoom
+        else
+          level = attrs.zoom
+          if level.blank?
+            level = 8
+          else
+            level = (level || 8).to_i
+          end
+
+          level_n = level.to_n
+          `if (self.map.getZoom() != level_n) {`
+            `self.map.setZoom(level_n);`
+          `}`
+        end
+      end.watch!
+    end
+
+    def setup_map(node, latlng)
+      %x{
+        var mapOptions = {
+          center: latlng,
+          zoom: 8
+        };
+        this.map = new google.maps.Map($(node).find('.google-map-instance').get(0), mapOptions);
+      }
+
+      if attrs.respond_to?(:center)
+        @first = true
+        -> { set_center(attrs.center) }.watch!
+      end
+
+      setup_zoom if attrs.respond_to?(:zoom)
+    end
+
+    def set_center(address)
+      if @first
+        @first = false
+      else
+        geocode(address) do |latlng|
+          latlng_n = latlng.to_n
+          `self.map.setCenter(latlng_n);`
+        end
+      end
+    end
+
+    def geocode(address)
+      unless address.is_a?(String)
+        yield({lat: -34.397, lng: 150.644})
+        return
+      end
+
+      `this.geocoder.geocode( { 'address': address}, function(results, status) {`
+        `if (status == google.maps.GeocoderStatus.OK) {`
+          `var latlng = results[0].geometry.location;`
+          yield(Native(`latlng`))
+        `} else {`
+          yield({lat: -34.397, lng: 150.644})
+        `}`
+      `}.bind(this));`
+
+    end
+
+    def add_marker(marker_data)
+      if marker_data.is_a?(String)
+        address = marker_data
+        content = marker_data
+      else
+        address = marker_data._address.or('').to_n
+        content = marker_data._content.or(address).or('').to_n
+      end
+
+      geocode(address) do |latlng|
+        latlng_n = latlng.to_n
+        marker = nil
+
+        %x{
+          marker = new google.maps.Marker({
+            position: latlng_n,
+            map: self.map,
+            title: content
+          });
+        }
+
+        yield Native(marker)
+      end
+    end
+
+    def remove_marker(marker)
+      `marker.setMap(null);`
+    end
+  end
+end

data/app/google-maps/views/main/index.html

@@ -0,0 +1,3 @@
+<:Body>
+  <div class="google-map-instance"></div>
+

data/app/google-maps/views/main/main.html

@@ -0,0 +1,2 @@
+<:Body>
+  <h1>Google Maps</h1>

data/lib/volt/google/maps.rb

@@ -0,0 +1,9 @@
+require "volt/google/maps/version"
+
+class Volt
+  class Google
+    class Maps
+      # Your code goes here...
+    end
+  end
+end

data/volt-google-maps.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+version = File.read(File.expand_path('../VERSION', __FILE__)).strip
+
+
+Gem::Specification.new do |spec|
+  spec.name          = "volt-google-maps"
+  spec.version       = version
+  spec.authors       = ["Ryan Stout"]
+  spec.email         = ["ryan@agileproductions.com"]
+  spec.summary       = %q{A google maps component for Volt}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "volt", "~> 0.8.0"
+  spec.add_development_dependency "rake"
+end

metadata

@@ -0,0 +1,85 @@
+--- !ruby/object:Gem::Specification
+name: volt-google-maps
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Ryan Stout
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-10-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: volt
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.8.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.8.0
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- ryan@agileproductions.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- README.md
+- Rakefile
+- VERSION
+- app/google-maps/assets/css/google-map.css
+- app/google-maps/config/dependencies.rb
+- app/google-maps/config/routes.rb
+- app/google-maps/controllers/main_controller.rb
+- app/google-maps/views/main/index.html
+- app/google-maps/views/main/main.html
+- lib/volt/google/maps.rb
+- volt-google-maps.gemspec
+homepage: ''
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: A google maps component for Volt
+test_files: []