scrivito_google_maps_widget 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b1eacef576221e409b3a776f3c50e71374e73b93
+  data.tar.gz: aacd68790d3ba6e0aadc3f10825b2f74510110bf
+SHA512:
+  metadata.gz: e4b7a7cd5a9abc8d442a8441f3a11579508657a226065505ce597a9abc235a6e02ead1adacc493620797befcc9da2cee415a7bc28008cffa1446234ce61cd486
+  data.tar.gz: d8d780a7dfa02b863e09389e2b52b11811ee09ce5565e3889208fea1bf0ccdf07e4ca8f187c0174940cd475576ef62caf96229a8883d1310f79ac9c2b0711c3d

data/LICENSE

@@ -0,0 +1,4 @@
+Copyright (c) 2009 - 2014 Infopark AG (http://www.infopark.com)
+
+This software can be used and modified under the LGPL-3.0. Please refer to
+http://www.gnu.org/licenses/lgpl-3.0.html for the license text.

data/README.md

@@ -0,0 +1,69 @@
+# Scrivito: Google Maps Widget
+
+[![Gem Version](https://badge.fury.io/rb/scrivito_google_maps_widget.svg)](http://badge.fury.io/rb/scrivito_google_maps_widget)
+[![Code Climate](https://codeclimate.com/github/Scrivito/scrivito_google_maps_widget.png)](https://codeclimate.com/github/Scrivito/scrivito_google_maps_widget)
+[![Dependency Status](https://gemnasium.com/Scrivito/scrivito_google_maps_widget.png)](https://gemnasium.com/Scrivito/scrivito_google_maps_widget)
+
+The google maps widget is based on the
+[Google Places JavaScript API](https://developers.google.com/maps/documentation/javascript/places).
+It displays a single location marker for an adress that editors can configure in an easy to use
+input field with location suggestions.
+
+## Installation
+
+Add this line to your application's `Gemfile`:
+
+    gem 'scrivito_google_maps_widget'
+
+Include the Google Maps Places JavaScript library in your application layout:
+
+    javascript_include_tag('//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places')
+
+Add this line to your application JavaScript manifest:
+
+    //= require google_maps_widget/application
+
+Add this line to your editing JavaScript manifest:
+
+    //= require google_maps_widget/editing
+
+Add this line to your application Stylesheet manifest:
+
+    *= require google_maps_widget/application
+
+Add this line to your editing Stylesheet manifest:
+
+    *= require google_maps_widget/editing
+
+And then execute:
+
+    $ bundle
+    $ rake cms:migrate:install
+    $ rake cms:migrate
+    $ rake cms:migrate:publish
+
+
+## Usage
+
+If you followed the installation instructions, you have now successfully integrated the Google Maps
+widget into your project und published the new CMS object class. Editors of your webpage can now
+select the widget from the **Widget Browser** and immediately choose a location.
+
+In case you want to adopt the styles of the widget, feel free to redefine the `.google-maps .map`
+CSS class, which is the container the map gets rendered to.
+
+
+## Contributing
+
+1. Fork it ( https://github.com/Scrivito/scrivito_google_maps/merge_tags/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request
+
+
+## License
+Copyright (c) 2009 - 2014 Infopark AG (http://www.infopark.com)
+
+This software can be used and modified under the LGPL-3.0. Please refer to
+http://www.gnu.org/licenses/lgpl-3.0.html for the license text.

data/Rakefile

@@ -0,0 +1,3 @@
+#!/usr/bin/env rake
+
+require 'bundler/gem_tasks'

data/app/assets/javascripts/google_maps_widget/application.js.coffee

@@ -0,0 +1,57 @@
+$ ->
+  window.googleMapsWidget =
+    placeMarker: (map, infoWindow, marker, place) ->
+      infoWindow.close()
+      marker.setVisible(false)
+
+      unless place.geometry
+        return
+
+      map.setCenter(place.geometry.location)
+      map.setZoom(17)
+
+      marker.setPosition(place.geometry.location)
+      marker.setVisible(true)
+
+      content = '<div><strong>' + place.name + '</strong></br>' + place.formatted_address
+      infoWindow.setContent(content)
+      infoWindow.open(map, marker)
+
+    initialize: () ->
+      widgets = $('.google-maps')
+
+      widgets.each ->
+        widget = $(this)
+        canvas = widget.find('.map')
+
+        # Make sure not to initalize a map twice, which can happen if a new
+        # map is added dynamically.
+        if canvas.data('map')
+          return
+
+        mapOptions =
+          center: new google.maps.LatLng(-33.8688, 151.2195)
+          zoom: 13
+
+        map = new google.maps.Map(canvas[0], mapOptions)
+        canvas.data('map', map)
+
+        infoWindow = new google.maps.InfoWindow()
+        canvas.data('infoWindow', infoWindow)
+
+        marker = new google.maps.Marker
+          map: map
+          anchorPoint: new google.maps.Point(0, -29)
+        canvas.data('marker', marker)
+
+        if content = canvas.attr('data-location')
+          request =
+            query: content
+
+          service = new google.maps.places.PlacesService(map)
+          service.textSearch request, (results, status) ->
+            if status == google.maps.places.PlacesServiceStatus.OK
+              place = results[0] # only interested in the first place found
+              googleMapsWidget.placeMarker(map, infoWindow, marker, place)
+
+  google.maps.event.addDomListener(window, 'load', googleMapsWidget.initialize)

data/app/assets/javascripts/google_maps_widget/editing.js.coffee

@@ -0,0 +1,35 @@
+$ ->
+  initialize = ->
+    widgets = $('.google-maps')
+
+    widgets.each ->
+      widget = $(this)
+      canvas = widget.find('.map')
+
+      unless canvas.data('map')
+        googleMapsWidget.initialize()
+
+      map = canvas.data('map')
+      infoWindow = canvas.data('infoWindow')
+      marker = canvas.data('marker')
+
+      input = widget.find('input')
+      input.show()
+
+      content = canvas.attr('data-location')
+      input.attr('value', content)
+
+      map.controls[google.maps.ControlPosition.TOP_LEFT] = new Array(input[0])
+
+      autocomplete = new google.maps.places.Autocomplete(input[0])
+      autocomplete.bindTo('bounds', map)
+
+      google.maps.event.addListener(autocomplete, 'place_changed', ->
+        place = autocomplete.getPlace()
+        googleMapsWidget.placeMarker(map, infoWindow, marker, place)
+        input.scrivito('save', place.formatted_address)
+      )
+
+  scrivito.on 'content', ->
+    if scrivito.in_editable_view()
+      initialize()

data/app/assets/stylesheets/google_maps_widget/application.css

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

data/app/assets/stylesheets/google_maps_widget/editing.css

@@ -0,0 +1,15 @@
+.google-maps input {
+  display: none;
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 2px 0 0 2px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+  height: 32px;
+  margin-top: 16px;
+  padding: 0 11px 0 13px;
+  font-size: 15px;
+  font-weight: 300;
+  outline: none;
+  text-overflow: ellipsis;
+  width: 400px;
+}

data/app/models/google_maps_widget.rb

@@ -0,0 +1,2 @@
+class GoogleMapsWidget < Widget
+end

data/app/views/google_maps_widget/show.html.erb

@@ -0,0 +1,7 @@
+<div class="google-maps">
+  <% if scrivito_in_editable_view? %>
+    <%= scrivito_tag(:input, widget, :address, type: 'text', data: { editor: 'google-maps' }) %>
+  <% end %>
+
+  <div class="map" data-location="<%= widget.address %>"></div>
+</div>

data/app/views/google_maps_widget/thumbnail.html.erb

@@ -0,0 +1,13 @@
+<div class="editing-dialog-thumbnail">
+  <div class="visualization">
+    <span class="icon editing-icon-map"></span>
+  </div>
+
+  <div class="title">
+    Google Maps
+  </div>
+
+  <div class="description">
+    Integrates a map that displays a pin for a given address.
+  </div>
+</div>

data/lib/scrivito_google_maps_widget.rb

@@ -0,0 +1,4 @@
+require 'scrivito_google_maps_widget/engine'
+
+module ScrivitoGoogleMaps
+end

data/lib/scrivito_google_maps_widget/engine.rb

@@ -0,0 +1,5 @@
+module ScrivitoGoogleMapsWidget
+  class Engine < ::Rails::Engine
+    isolate_namespace ScrivitoGoogleMapsWidget
+  end
+end

data/lib/scrivito_google_maps_widget/version.rb

@@ -0,0 +1,3 @@
+module ScrivitoGoogleMapsWidget
+  VERSION = '0.1.0'
+end

data/scrivito/migrate/0_create_google_maps_widget.rb

@@ -0,0 +1,15 @@
+class CreateGoogleMapsWidget < ::Scrivito::Migration
+  def up
+    create_obj_class(
+      name: 'GoogleMapsWidget',
+      type: 'publication',
+      title: 'Google Maps',
+      attributes: [
+        {
+          name: 'address',
+          type: :string,
+        },
+      ]
+    )
+  end
+end

metadata

@@ -0,0 +1,100 @@
+--- !ruby/object:Gem::Specification
+name: scrivito_google_maps_widget
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Scrivito
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-11-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: scrivito_sdk
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '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: Scrivito Google Maps Widget.
+email:
+- support@scrivito.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/google_maps_widget/application.js.coffee
+- app/assets/javascripts/google_maps_widget/editing.js.coffee
+- app/assets/stylesheets/google_maps_widget/application.css
+- app/assets/stylesheets/google_maps_widget/editing.css
+- app/models/google_maps_widget.rb
+- app/views/google_maps_widget/show.html.erb
+- app/views/google_maps_widget/thumbnail.html.erb
+- lib/scrivito_google_maps_widget.rb
+- lib/scrivito_google_maps_widget/engine.rb
+- lib/scrivito_google_maps_widget/version.rb
+- scrivito/migrate/0_create_google_maps_widget.rb
+homepage: https://www.scrivito.com
+licenses:
+- LGPL-3.0
+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.3.0
+signing_key: 
+specification_version: 4
+summary: Scrivito Google Maps Widget.
+test_files: []