rails-marker 0.1.1 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: ec6ae65ce3f7aec3a36cc96793768d17dc5e74cb
-  data.tar.gz: bb269d5807c2caf2c18526a963fdb75c2c804321
+SHA256:
+  metadata.gz: da6f80ba26d842eb913f298d647d3ae21588f5fe440c8aa2eda0538a8ae55fd0
+  data.tar.gz: 487b0f7160ce7cfd8ff789cfa8c1c77c1a321b79266431378d5526b02f383b8e
 SHA512:
-  metadata.gz: c08631be597aa235db3558b0cc401e48a2ca0672296805f74261cc1e5f500ef6be38df2a80be95608a8546994f4d951a4a7fe7024af55e3d115618ca8c990f90
-  data.tar.gz: fc5e6b1a7ed6888011d10517c5dbe9d6cae80a735e7dd8ba17418bb42eaedfc70204224d13c7cefb76d6a3b36d85dafa8964134ea27a80944e7d417426abe344
+  metadata.gz: 5cedf637c1472a4041282c371a5e1f8a57ec9b8fe8dd9ecef3c9c5a6a0daf9f2791b635cb3f5d6151e2d2feab67110f792da0864a3c341a43d9654b2e4bf9a0a
+  data.tar.gz: 5fccc7147dd2d35a1a73aea74467538f4413a818340da50ee553d06c171347ca877f1430e5933cb931d14b4ef0238752c7f908298b8de67e01adba96dc4d9291

data/MIT-LICENSE

@@ -1,4 +1,4 @@
-Copyright 2012 Aimbulance http://www.aimbulance.com/
+Copyright 2017 Fodojo LLC
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/README.md

@@ -58,7 +58,10 @@ And you want edit fields zoom, longitude and latitude:
 <%= form_for @office do |f| %>
   <%= f.text_field :longitude, data: { map: 'lng' } %>
   <%= f.text_field :latitude, data: { map: 'lat' } %>
+
+  // Optional fields
   <%= f.text_field :zoom, data: { map: 'zoom' } %>
+  <%= f.text_field :radius, data: { map: 'radius' } %>
 
   <%= f.marker_field :map %>
 <% end %>
@@ -68,6 +71,19 @@ It's all you need! Just move the marker, and zoom, latitude and longitude fields
 
 ![Marker field in use](https://raw.githubusercontent.com/galetahub/rails-marker/master/screenshots/rails-marker-in-use.png)
 
+### ActiveAdmin
+
+Formtastic integration
+
+``` ruby
+f.inputs name: 'Location', for: [:location, f.object.location || f.object.build_location] do |loc|
+  loc.input :latitude, input_html: { data: { map: 'lat' } }
+  loc.input :longitude, input_html: { data: { map: 'lng' } }
+  loc.input :content, input_html: { rows: 2 }
+  loc.input :map, as: :marker, google_api_key: 'your_google_api_key'
+end
+```
+
 ## Contributing
 
 1. Fork it
@@ -76,4 +92,4 @@ It's all you need! Just move the marker, and zoom, latitude and longitude fields
 4. Push to the branch (`git push origin my-new-feature`)
 5. Create new Pull Request
 
-Copyright (c) 2017 Fodojo, released under the MIT license
+Copyright (c) 2017 Fodojo LLC, released under the MIT license

data/Rakefile

@@ -1,2 +1,3 @@
-#!/usr/bin/env rake
-require "bundler/gem_tasks"
+# frozen_string_literal: true
+
+require 'bundler/gem_tasks'

data/app/assets/javascripts/marker/init.js

@@ -0,0 +1,15 @@
+(function() {
+  var initMarkerMap;
+
+  initMarkerMap = function() {
+    var elements;
+    elements = document.querySelectorAll('[data-marker]');
+    return elements.forEach(function(el, index, array) {
+      var map;
+      map = new MapGoogle(el);
+      return $(el).data('map', map);
+    });
+  };
+
+  window['initMarkerMap'] = initMarkerMap;
+}).call(this);

data/app/assets/javascripts/marker/map_google.js

@@ -0,0 +1,146 @@
+(function() {
+  var $, MapGoogle;
+
+  $ = jQuery;
+
+  MapGoogle = (function() {
+    function MapGoogle(dom, options) {
+      var defaults;
+      this.dom = dom;
+      if (options == null) {
+        options = {};
+      }
+      defaults = {
+        lat: 50.44067063154785,
+        lng: 30.52654266357422,
+        zoom: 6,
+        radius: 1000
+      };
+      this.element = $(this.dom);
+      this.options = $.extend(defaults, this.element.data(), options);
+      this.name = this.element.data('marker');
+      this.options.field_lat = "[data-" + this.name + "='lat']";
+      this.options.field_lng = "[data-" + this.name + "='lng']";
+      this.options.field_zoom = "[data-" + this.name + "='zoom']";
+      this.options.field_radius = "[data-" + this.name + "='radius']";
+
+      this._setup();
+    }
+
+    MapGoogle.prototype._setup = function() {
+      var number;
+
+      this.location = this._build_location();
+      this.map = this._build_map(this.element.get(0));
+      this.marker = this._build_marker();
+      this.field_lat = $(this.options.field_lat + ':eq(0)');
+      this.field_lng = $(this.options.field_lng + ':eq(0)');
+      this.field_zoom = $(this.options.field_zoom + ':eq(0)');
+      this.field_radius = $(this.options.field_radius + ':eq(0)');
+
+      google.maps.event.addListener(this.marker, 'dragend', (function(_this) {
+        return function(event) {
+          return _this._update_location(event)
+        };
+      })(this));
+      google.maps.event.addListener(this.map, 'zoom_changed', (function(_this) {
+        return function() {
+          return _this.field_zoom.val(_this.map.getZoom());
+        };
+      })(this));
+      if (this.field_radius.length > 0) {
+        number = this._parse_value(this.field_radius, this.options.radius);
+        this.circle = this._build_circle({
+          radius: number
+        });
+        return this.circle.bindTo('center', this.marker, 'position');
+      }
+    };
+
+    MapGoogle.prototype.placeMarker = function(location) {
+      var marker;
+      marker = this._build_marker({
+        position: location
+      });
+      this.map.setCenter(location);
+      return marker;
+    };
+
+    MapGoogle.prototype._build_location = function() {
+      var lat, lng;
+      lat = this._parse_value(this.options.field_lat, this.options.lat);
+      lng = this._parse_value(this.options.field_lng, this.options.lng);
+      return new google.maps.LatLng(lat, lng);
+    };
+
+    MapGoogle.prototype._build_map = function(element, options) {
+      var defaults, settings, zoom;
+      if (options == null) {
+        options = {};
+      }
+      zoom = this._parse_value(this.options.field_zoom, this.options.zoom);
+      defaults = {
+        zoom: zoom,
+        center: this.location,
+        mapTypeId: google.maps.MapTypeId.ROADMAP
+      };
+      settings = $.extend(defaults, options);
+      return new google.maps.Map(element, settings);
+    };
+
+    MapGoogle.prototype._build_marker = function(options) {
+      var defaults, settings;
+      if (options == null) {
+        options = {};
+      }
+      defaults = {
+        position: this.location,
+        map: this.map,
+        draggable: true
+      };
+      settings = $.extend(defaults, options);
+      return new google.maps.Marker(settings);
+    };
+
+    MapGoogle.prototype._build_circle = function(options) {
+      var defaults, settings;
+      if (options == null) {
+        options = {};
+      }
+      defaults = {
+        map: this.map,
+        strokeColor: '#FF0000',
+        strokeOpacity: 0.8,
+        strokeWeight: 2,
+        fillColor: '#FF0000',
+        fillOpacity: 0.35,
+        radius: 1000
+      };
+      settings = $.extend(defaults, options);
+      return new google.maps.Circle(settings);
+    };
+
+    MapGoogle.prototype._update_location = function(event) {
+      var pos = this.marker.getPosition();
+
+      this.field_lat.val(pos.lat());
+      this.field_lng.val(pos.lng());
+
+      return this.map.setCenter(event.latLng);
+    };
+
+    MapGoogle.prototype._parse_value = function(field, default_value) {
+      var value;
+      value = parseFloat($(field).val());
+      if (value) {
+        return value;
+      } else {
+        return parseFloat(default_value);
+      }
+    };
+
+    return MapGoogle;
+  })();
+
+  window.MapGoogle = MapGoogle;
+}).call(this);

data/app/views/marker/_google.html.erb

@@ -1,4 +1,4 @@
 <%= javascript_include_tag 'marker/application' %>
-<%= javascript_include_tag "https://maps.googleapis.com/maps/api/js?key=#{Marker.google_api_key}&callback=initMarkerMap", async: true, defer: true %>
+<%= javascript_include_tag "https://maps.googleapis.com/maps/api/js?key=#{field.google_api_key}&callback=initMarkerMap", async: true, defer: true %>
 
 <%= content_tag :div, nil, field.input_options %>

data/lib/marker/helpers/field_tag.rb

@@ -49,6 +49,10 @@ module Marker
       def object_name
         @options[:object_name]
       end
+
+      def google_api_key
+        @options[:google_api_key] || Marker.google_api_key
+      end
     end
   end
 end

data/lib/marker/version.rb

@@ -1,3 +1,3 @@
 module Marker
-  VERSION = '0.1.1'.freeze
+  VERSION = '0.2.0'.freeze
 end

metadata

@@ -1,16 +1,30 @@
 --- !ruby/object:Gem::Specification
 name: rails-marker
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - Igor Galeta
 - Pavlo Galeta
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2017-05-13 00:00:00.000000000 Z
+date: 2022-12-18 00:00:00.000000000 Z
 dependencies:
+- !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'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -36,8 +50,8 @@ files:
 - README.md
 - Rakefile
 - app/assets/javascripts/marker/application.js
-- app/assets/javascripts/marker/init.js.coffee
-- app/assets/javascripts/marker/map_google.js.coffee
+- app/assets/javascripts/marker/init.js
+- app/assets/javascripts/marker/map_google.js
 - app/views/marker/_google.html.erb
 - lib/marker.rb
 - lib/marker/engine.rb
@@ -49,9 +63,10 @@ files:
 - lib/marker/version.rb
 - lib/rails_marker.rb
 homepage: https://github.com/galetahub/rails-marker
-licenses: []
+licenses:
+- MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -66,9 +81,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.6.12
-signing_key: 
+rubygems_version: 3.3.7
+signing_key:
 specification_version: 4
 summary: Easy way to edit zoom, longitude and latitude
 test_files: []

data/app/assets/javascripts/marker/init.js.coffee

@@ -1,7 +0,0 @@
-initMarkerMap = () ->
-  elements = document.querySelectorAll('[data-marker]')
-
-  elements.forEach (el, index, array) ->
-    map = new MapGoogle(el)
-
-window['initMarkerMap'] = initMarkerMap

data/app/assets/javascripts/marker/map_google.js.coffee

@@ -1,86 +0,0 @@
-$ = jQuery
-
-class MapGoogle
-  constructor: (@dom, options = {}) ->
-    defaults =
-      lat: 50.44067063154785
-      lng: 30.52654266357422
-      zoom: 6
-
-    @element = $(@dom)
-    @options = $.extend defaults, @element.data(), options
-
-    @name = @element.data('marker')
-
-    @options.field_lat = "[data-#{@name}='lat']"
-    @options.field_lng = "[data-#{@name}='lng']"
-    @options.field_zoom = "[data-#{@name}='zoom']"
-
-    this._setup()
-
-  _setup: ->
-    @location = this._build_location()
-    @map = this._build_map(@element.get(0))
-    @marker = this._build_marker()
-
-    @field_lat = $(@options.field_lat + ':eq(0)')
-    @field_lng = $(@options.field_lng + ':eq(0)')
-    @field_zoom = $(@options.field_zoom + ':eq(0)')
-
-    google.maps.event.addListener(@marker, 'dragend', (event) =>
-      pos = @marker.getPosition()
-
-      @field_lat.val pos.lat()
-      @field_lng.val pos.lng()
-
-      @map.setCenter(event.latLng)
-    )
-
-    google.maps.event.addListener(@map, 'zoom_changed', () =>
-      @field_zoom.val @map.getZoom()
-    )
-
-  placeMarker: (location) ->
-    marker = this._build_marker {position: location}
-
-    @map.setCenter(location);
-
-    return marker
-
-  _build_location: ->
-    lat = this._parse_value @options.field_lat, @options.lat
-    lng = this._parse_value @options.field_lng, @options.lng
-
-    new google.maps.LatLng(lat, lng)
-
-  _build_map: (element, options = {}) ->
-    zoom = this._parse_value @options.field_zoom, @options.zoom
-
-    defaults =
-      zoom: zoom
-      center: @location
-      mapTypeId: google.maps.MapTypeId.ROADMAP
-
-    settings = $.extend defaults, options
-
-    new google.maps.Map(element, settings)
-
-  _build_marker: (options = {}) ->
-    defaults =
-      position: @location
-      map: @map
-      draggable: true
-
-    settings = $.extend defaults, options
-
-    new google.maps.Marker(settings)
-
-  _parse_value: (field, default_value) ->
-    value = parseFloat $(field).val()
-
-    if value
-      return value
-    else
-      return parseFloat(default_value)
-
-window.MapGoogle = MapGoogle