volt-google_maps 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 0ac8298a4831f6f6451523018de6206b82ca08f8
+  data.tar.gz: 072425f76c0802864d59fe8128b4280d07b7c1d4
+SHA512:
+  metadata.gz: 07dcdd8c4156003671510de4b9f75fe95f98a18e5901098cf63a3e06e86889d69c26aab0d167d83b74c68fca343686fff497cb50262520889a7b5e8d2bd4eb82
+  data.tar.gz: e4bba9443061b019f2127bc60c7ef75f63560b45029420deee8e4caa0413ac7a6226f09cb7a90c3bd351d321f0a503fee4ded686714c39875569fb494c647680

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.public.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.1.0

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.public.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 < Volt::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
+    end
+
+
+    def before_index_remove
+      %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.remove if @add_listener
+        @remove_listener.remove if @remove_listener
+
+        if markers.respond_to?(:on)
+          @add_listener = markers.on('added') do |index|
+            marker = markers[index]
+
+            add_marker(marker) do |result|
+              @markers[index] = result
+            end
+          end
+
+          @remove_listener = markers.on('removed') do |index|
+            marker = @markers.delete_at(index)
+            remove_marker(marker.to_n)
+          end
+        end
+
+      end.watch!
+    end
+
+    def setup_zoom
+      puts "SETUP ZOOM"
+      `google.maps.event.addListener(self.map, 'zoom_changed', function() {
+          var zoomLevel = self.map.getZoom();`
+
+          @changing_zoom = true
+          new_zoom = Native(`zoomLevel`)
+          if attrs.zoom != new_zoom && attrs.respond_to?(:zoom=)
+            attrs.zoom = new_zoom
+          end
+
+          # Setup listener again
+          set_zoom
+
+          @changing_zoom = false
+
+      `});`
+
+    end
+
+    def set_zoom
+      -> do
+        attrs.zoom
+        puts "SET ZOOM"
+        unless @changing_zoom
+          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);
+        console.log('map setup');
+      }
+
+      if attrs.respond_to?(:center)
+        @first = true
+        -> { set_center(attrs.center) }.watch!
+      end
+
+
+      set_zoom if attrs.respond_to?(:zoom)
+
+      set_markers if attrs.respond_to?(:markers)
+
+      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.9.2"
+  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.1.0
+platform: ruby
+authors:
+- Ryan Stout
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-05-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.9.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.9.2
+- !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.4.6
+signing_key: 
+specification_version: 4
+summary: A google maps component for Volt
+test_files: []