socmap_adf 0.0.1

data/lib/assets/javascripts/socmap_adf/modules/map/views/main.js.coffee

@@ -0,0 +1,79 @@
+class ADF.Map.Views.Main extends ADF.MVC.Views.Base
+  
+  template: JST['socmap_adf/modules/map/templates/main']
+  left: 370
+  top: 0
+  heightOffset: 39
+  map_id: "adf_map_canvas"
+  mapOptions: {}
+  clusterOptions: {}
+  
+  constructor: (options) ->
+    super(options) 
+    @model = new ADF.Map.Models.Map(@mapOptions, @clusterOptions)
+    @map_id = options.map_id if options.map_id
+    
+  render: () ->
+    @containerArea = @make("div", {"id" : @map_id} )
+    @setElement( @containerArea )
+    @
+  
+  renderMap: ->
+    @bindResizeEvents()
+    @model.initGMap(@map_id)
+    @tooltip = new ADF.Map.Views.Tooltip({map: @getMap(), containerArea: @containerArea })
+    @resize()
+    @initTooltip()
+    @onRenderCompleted()
+    
+  initTooltip: () ->
+    $("body").append( @tooltip.render().el )
+        
+  bindResizeEvents: ->
+    $(window).resize =>
+      @resize()
+          
+    $(document).ready =>
+      @resize()
+  
+  resize: ->
+    height = $(window).height() - @heightOffset
+    width = $(window).width() - @left
+    $(@containerArea).css({"position" : "absolute", "top" : @top + "px", "left" : @left + "px", "height" : height + "px", "width" : width + "px"})
+    google.maps.event.trigger( @model.getGMap(), "resize") if @model.getGMap()
+
+  getMap: () ->
+    @model
+
+  setCenter: (latLng) ->
+    @model.setCenter(latLng)
+
+  setZoom: (zoom) ->
+    @getGMap().setZoom(zoom)
+
+  setCenterWithOffset: (position, offsetx, offsety) ->
+    @model.setCenter(position)
+    zoomLevel = @model.getGMap().getZoom()
+    max = Math.pow(2,zoomLevel) * 256;
+    lng = -(offsetx / max) * 100 + position.lng()
+    lat = -(offsety / max) * 100 + position.lat()
+    pos = new google.maps.LatLng(lat, lng)
+    @model.setCenter(pos)
+    
+  getGMap: () ->
+    @model.getGMap()
+
+  getProjection: () ->
+    @getGMap().getProjection()
+
+  fitBounds: (bounds_array, centerWithOffset = false) ->
+    if bounds_array
+      bounds = new google.maps.LatLngBounds()
+      _.each bounds_array, (marker) =>
+        bounds.extend(new google.maps.LatLng(marker.lat, marker.lng))
+      @model.fitBounds(bounds)
+      @model.getGMap().setZoom(@model.getGMap().getZoom() - 1)
+      @setCenterWithOffset(@model.getGMap().getCenter(), 0, -300) if centerWithOffset
+    
+  # Callback methods
+  onRenderCompleted: () ->

data/lib/assets/javascripts/socmap_adf/modules/map/views/moving_pin.js.coffee

@@ -0,0 +1,47 @@
+class ADF.Map.Views.MovingPin extends ADF.MVC.Views.Base
+
+  template: JST['socmap_adf/modules/map/templates/moving_pin']
+  offset_left: 0
+  offset_top: -91
+  
+  initialize: =>
+    @map = @options.map
+    @containerArea = @options.containerArea
+    @label = @options.label
+    @pin = @options.pin
+    @color = @options.color
+    @setActive()
+  
+  render: () ->
+    @setElement( @make("div", {"class":"mapitem_block", "style" : "display:none;"}) )
+    @$el.html(@template({color: @color, label: @label, pin: @pin }))
+    @
+
+  setInactive: () ->
+    $(@containerArea).unbind "mouseover"
+    $(@containerArea).unbind "mouseout"
+    $(@containerArea).unbind "mousemove"
+    @remove()
+    
+  movingPinHeight: () ->
+    @$el.height()
+    
+  remove: (e) =>
+    @$el.remove()
+
+  show: (e) =>
+    @$el.show()
+
+  hide: (e) =>
+    @$el.hide()     
+
+  move: (e) =>
+    left = e.pageX + @offset_left - (@$el.width() / 2)
+    top = e.pageY + @offset_top - @movingPinHeight()
+    @$el.css("top", top+"px").css("left", left+"px")
+
+  setActive: () ->
+    $(@containerArea).bind "mouseover", @show
+    $(@containerArea).bind "mouseleave", @hide
+    $(@containerArea).bind "mousemove", @move
+    $(@containerArea).trigger("mousemove")

data/lib/assets/javascripts/socmap_adf/modules/map/views/tooltip.js.coffee

@@ -0,0 +1,46 @@
+class ADF.Map.Views.Tooltip extends ADF.MVC.Views.Base
+  
+  template: JST['socmap_adf/modules/map/templates/tooltip']
+  
+  offset_left: 5
+  offset_top: 0
+  text: ""
+  active: false
+  
+  initialize: =>
+    @map = @options.map
+    @containerArea = @options.containerArea
+  
+  render: () ->
+    newElement = @make("div", {"class": "show_tip", "id" : "map_ballon", "style" : "display:none;position:absolute;"} )
+    @setElement( newElement )
+    @$el.html( @template )
+    @
+
+  setInactive: () ->
+    @active = false
+    $(@containerArea).unbind "mouseover"
+    $(@containerArea).unbind "mouseout"
+    $(@containerArea).unbind "mousemove"
+    @hide()
+    
+  show: (e) =>
+    @move(e)
+    @$el.show()
+
+  hide: (e) =>
+    @$el.hide()
+
+  move: (e) =>
+    left = e.pageX + @offset_left
+    top = e.pageY + @offset_top
+    @$el.css("top", top+"px").css("left", left+"px")
+
+  setText: ( text ) ->
+    if not @active
+      @active = true
+      $(@containerArea).bind "mouseover", @show
+      $(@containerArea).bind "mouseleave", @hide
+      $(@containerArea).bind "mousemove", @move
+    
+    @$("span").html(text)

data/lib/assets/javascripts/socmap_adf/modules/marker/init.js.coffee

@@ -0,0 +1,6 @@
+# Default requires for ADF modules
+#= require_self
+#= require_tree ./views
+
+ADF.Marker =
+  Views: {}

data/lib/assets/javascripts/socmap_adf/modules/marker/views/main.js.coffee

@@ -0,0 +1,132 @@
+class ADF.Marker.Views.Main extends ADF.MVC.Views.Base
+
+  icon: false
+  shadow: false
+  shape: false
+  draggable: false
+  point: false
+  label: null
+  labelClass: "marker_label"
+  customMarker: null
+  clickable: true
+  asLabel: false
+  showAfterDrag: false
+  clustering: false
+  data: 1
+  zindex: 1
+
+  constructor: (options) ->
+    super(options)
+    @map = options.map
+    @point = options.point
+    @data = options.data if options.data?
+    @initMarker()
+
+  setMarkerIcon: (icon) ->
+    @icon = icon
+    @marker.setIcon(@icon)
+
+  getMarkerIcon: () ->
+    @icon
+
+  setCustomMarker: (customMarker) ->
+    @customMarker = customMarker
+    @marker.setMap(null)
+    @initMarker()
+
+  getCustomMarker: () ->
+    @customMarker
+
+  isClustering: () ->
+    @clustering
+
+  getData: () ->
+    @data
+
+  setDraggable: (draggable) ->
+    @draggable = draggable
+    @overlay.setDraggable(@draggable)
+
+  setLabel: (label) ->
+    @label = label
+    @overlay.setLabel()
+
+  setMap: (map) ->
+    @marker.setMap(map)
+
+  getPosition: () ->
+    @point
+
+  getMap: () ->
+    @marker.getMap()
+
+  getMarker: () ->
+    @marker
+       
+  setLabel: (label) ->
+    @label = label
+    @marker.setMap(null)
+    @initMarker()
+
+  center: () ->
+    @map.getGMap().setCenter(@point)
+    
+  centerPan: (x = 0, y = 0) ->
+    @map.getGMap().panTo(@point)
+    @map.getGMap().panBy(x, y)
+
+  initMarker: () ->
+    @options =
+      position: @point,
+      map: @map.getGMap()
+      draggable: @draggable
+      zIndex: 1
+    if @getCustomMarker()
+      @options.icon = @getCustomMarker().getIcon()
+      @options.shadow = @getCustomMarker().getShadow()
+      @options.shape = @getCustomMarker().getShape()
+    else
+      @options.icon = @icon if @icon
+      @options.shadow = @shadow if @shadow
+      @options.shape = @shape if @shape
+    
+    @options.cursor = "hand"
+    if @draggable
+      @options.cursor = "move"
+    if @clickable
+      @options.cursor = "pointer"    
+
+    if @label != null
+      @options.labelContent = @label
+      @options.labelClass = @labelClass
+      @options.labelAnchor = new google.maps.Point(60, 0)
+      @marker = new MarkerWithLabel @options
+    else
+      @marker = new google.maps.Marker @options
+    @bindMarkerEvents()
+    @map.addOverlay(@, true)
+
+  bindMarkerEvents: () ->
+    @markerDragstartEvent = google.maps.event.addListener @marker, 'dragstart', (e) =>
+      @hide()
+
+    @markerDragendEvent = google.maps.event.addListener @marker, 'dragend', (e) =>
+      @point = e.latLng
+      @onMarkerMoved(@point)
+    
+    @markerClickEvent = google.maps.event.addDomListener @marker, 'click', (e) =>
+      if @clickable 
+        @beforeMarkerClicked()
+
+    @markerMouseoverEvent = google.maps.event.addDomListener @marker, 'mouseover', (e) =>
+      if @hoverable
+        @onMarkerMouseOver()
+      
+    @markerMouseoutEvent = google.maps.event.addDomListener @marker, 'mouseout', (e) =>
+      if @hoverable
+        @onMarkerMouseOut()
+
+  # Callback methods
+  beforeMarkerClicked: () ->
+  onMarkerMouseOver: () ->
+  onMarkerMouseOut: () ->

data/lib/assets/javascripts/socmap_adf/modules/minimap/init.js.coffee

@@ -0,0 +1,9 @@
+# Default requires for ADF modules
+#= require_self
+#= require_tree ./templates
+#= require_tree ./models
+#= require_tree ./views
+
+ADF.Minimap =
+  Models: {}
+  Views: {}

data/lib/assets/javascripts/socmap_adf/modules/minimap/models/minimap.js.coffee

@@ -0,0 +1,36 @@
+class ADF.Minimap.Models.Minimap extends Backbone.Model
+
+  overlays: []
+
+  defaults:
+    center: new google.maps.LatLng(57,25)
+    zoom: 7
+    mapTypeId: google.maps.MapTypeId.HYBRID
+    mapTypeControl: false
+    zoomControl: true
+    zoomControlOptions:
+      style: google.maps.ZoomControlStyle.SMALL
+      position: google.maps.ControlPosition.RIGHT_TOP
+    panControl: false
+    streetViewControl: false
+
+  initGMap: (mapElement) ->
+    @map = new google.maps.Map(document.getElementById(mapElement), @attributes)
+    return @map
+
+  getGMap: () ->
+    return @map
+
+  addOverlay: (overlay) ->
+    @overlays.push(overlay)
+
+  setCenter: (latLng) ->
+    @map.setCenter(latLng)
+
+  fitBounds: (bounds) ->
+    @map.fitBounds(bounds)
+
+  clearMap: () ->
+    for overlay in @overlays
+      overlay.setMap(null)
+    @overlays = []

data/lib/assets/javascripts/socmap_adf/modules/minimap/templates/moving_pin.jst.eco

@@ -0,0 +1,11 @@
+<div style="position:relative;">
+<% if @label: %>
+<div class="content <%= @color %>">
+  <div class="label_block">
+    <%= @label %>
+  </div>
+  <div class="background"></div>
+</div>
+<% end %>
+<div class="new_marker"><img src="<%= @pin %>" /></div>
+</div>

data/lib/assets/javascripts/socmap_adf/modules/minimap/templates/tooltip.jst.eco

@@ -0,0 +1 @@
+<span></span>

data/lib/assets/javascripts/socmap_adf/modules/minimap/views/main.js.coffee

@@ -0,0 +1,68 @@
+class ADF.Minimap.Views.Main extends ADF.MVC.Views.Base
+  
+  mapOptions: {}
+  map_id: "adf_minimap_canvas"
+  
+  constructor: (options) ->
+    super(options) 
+    @model = new ADF.Minimap.Models.Minimap(@mapOptions)
+    @map_id = options.map_id if options.map_id
+    
+  render: () ->
+    @containerArea = @make("div", {"id" : @map_id} )
+    @setElement( @containerArea )
+    @
+    
+    return this 
+  
+  renderMap: ->
+    @bindResizeEvents()
+    @model.initGMap(@map_id)
+    @tooltip = new ADF.Minimap.Views.Tooltip({map: @getMap(), containerArea: @containerArea })
+    @resize()
+    @initTooltip()
+    @onRenderCompleted()
+
+  initTooltip: () ->
+    $(@containerArea).append( @tooltip.render().el )
+              
+  bindResizeEvents: ->
+    $(window).resize =>
+      @resize()
+          
+    $(document).ready =>
+      @resize()
+  
+  resize: ->
+    $(@containerArea).css({"position" : "relative", "height" : "100%", "width" : "100%"})
+    google.maps.event.trigger( @model.getGMap(), "resize") if @model.getGMap()
+
+  getMap: () ->
+    @model
+
+  setCenter: (latLng) ->
+    @model.setCenter(latLng)
+
+  setCenterWithOffset: (position, offsetx, offsety) ->
+    @model.setCenter(position)
+    zoomLevel = @model.getGMap().getZoom()
+    max = Math.pow(2,zoomLevel) * 256;
+    lng = -(offsetx / max) * 100 + position.lng()
+    lat = -(offsety / max) * 100 + position.lat()
+    pos = new google.maps.LatLng(lat, lng)
+    @model.setCenter(pos)
+    
+  getGMap: () ->
+    @model.getGMap()
+    
+  fitBounds: (bounds_array, centerWithOffset) ->
+    if bounds_array
+      bounds = new google.maps.LatLngBounds()
+      _.each bounds_array, (marker) =>
+        bounds.extend(new google.maps.LatLng(marker.lat, marker.lng))
+      @model.fitBounds(bounds)
+      @model.getGMap().setZoom(@model.getGMap().getZoom() - 1)
+      @setCenterWithOffset(@model.getGMap().getCenter(), 0, -300) if centerWithOffset
+    
+  # Callback methods
+  onRenderCompleted: () ->

data/lib/assets/javascripts/socmap_adf/modules/minimap/views/moving_pin.js.coffee

@@ -0,0 +1,55 @@
+class ADF.Minimap.Views.MovingPin extends ADF.MVC.Views.Base
+
+  template: JST['socmap_adf/modules/minimap/templates/moving_pin']
+  offset_left: 0
+  offset_top: -91
+  label: ""
+  offsetElement: {offset: ->
+    left: 0
+    right: 0}
+  
+  initialize: =>
+    @map = @options.map
+    @containerArea = @options.containerArea
+    @label = @options.label if @options.label
+    @pin = @options.pin
+    @color = @options.color
+    @offsetElement = @options.offsetElement if @options.offsetElement
+    @offset_top = @options.offset_top if @options.offset_top?
+    
+  render: () ->
+    @setElement( @make("div", {"class":"minimapitem_block", "style" : "display:none;position:absolute;"}) )
+    @$el.html(@template({color: @color, label: @label, pin: @pin }))
+    @setActive()
+    @
+
+  setInactive: () ->
+    $(@containerArea).unbind "mouseover"
+    $(@containerArea).unbind "mouseout"
+    $(@containerArea).unbind "mousemove"
+    @remove()
+    
+  movingPinHeight: () ->
+    @$el.height()
+    
+  remove: (e) =>
+    @$el.remove()
+
+  show: (e) =>
+    @$el.show()
+
+  hide: (e) =>
+    @$el.hide()     
+
+  move: (e) =>
+    parentOffset = @offsetElement.offset()
+    left = e.pageX - parentOffset.left + @offset_left - (@$el.width() / 2)
+    top = e.pageY - parentOffset.top + @offset_top - @movingPinHeight()
+
+    @$el.css("top", top+"px").css("left", left+"px")
+
+  setActive: () ->
+    $(@containerArea).bind "mouseover", @show
+    $(@containerArea).bind "mouseleave", @hide
+    $(@containerArea).bind "mousemove", @move
+    $(@containerArea).trigger("mousemove")

data/lib/assets/javascripts/socmap_adf/modules/minimap/views/tooltip.js.coffee

@@ -0,0 +1,47 @@
+class ADF.Minimap.Views.Tooltip extends ADF.MVC.Views.Base
+  
+  template: JST['socmap_adf/modules/minimap/templates/tooltip']
+  
+  offset_left: 5
+  offset_top: 0
+  text: ""
+  active: false
+  
+  initialize: =>
+    @map = @options.map
+    @containerArea = @options.containerArea
+  
+  render: () ->
+    newElement = @make("div", {"class": "show_tip", "id" : "minimap_ballon", "style" : "display:none;position:absolute;"} )
+    @setElement( newElement )
+    @$el.html( @template )
+    @
+
+  setInactive: () ->
+    @active = false
+    $(@containerArea).unbind "mouseover"
+    $(@containerArea).unbind "mouseout"
+    $(@containerArea).unbind "mousemove"
+    @hide()
+    
+  show: (e) =>
+    @move(e)
+    @$el.show()
+
+  hide: (e) =>
+    @$el.hide()
+
+  move: (e) =>
+    parentOffset = @$el.parent().offset()
+    left = e.pageX - parentOffset.left + @offset_left
+    top = e.pageY - parentOffset.top + @offset_top
+    @$el.css("top", top+"px").css("left", left+"px")
+
+  setText: ( text ) ->
+    if not @active
+      @active = true
+      $(@containerArea).bind "mouseover", @show
+      $(@containerArea).bind "mouseleave", @hide
+      $(@containerArea).bind "mousemove", @move
+    
+    @$("span").html(text)

data/lib/assets/javascripts/socmap_adf/modules/mvc/init.js.coffee

@@ -0,0 +1,6 @@
+# Default requires for ADF modules
+#= require_self
+#= require_tree ./views
+
+ADF.MVC =
+  Views: {}

data/lib/assets/javascripts/socmap_adf/modules/mvc/views/base.js.coffee

@@ -0,0 +1,5 @@
+class ADF.MVC.Views.Base extends Backbone.View
+
+  constructor: (options) ->
+    @eventBus = window.eventBus
+    super(options) 

data/lib/assets/javascripts/socmap_adf/modules/overlay/init.js.coffee

@@ -0,0 +1,10 @@
+# Default requires for ADF modules
+#= require_self
+#= require_tree ./templates
+#= require_tree ./views
+#= require_tree ./models
+
+ADF.Overlay =
+  Models: {}
+  Collections: {}
+  Views: {}

data/lib/assets/javascripts/socmap_adf/modules/overlay/models/overlay.js.coffee

@@ -0,0 +1,4 @@
+class ADF.Overlay.Models.Overlay extends Backbone.Model
+
+  defaults:
+    title: null

data/lib/assets/javascripts/socmap_adf/modules/overlay/templates/main.jst.eco

@@ -0,0 +1 @@
+<div></div>

data/lib/assets/javascripts/socmap_adf/modules/overlay/templates/polygon_label.jst.eco

@@ -0,0 +1 @@
+<div class="polygon_label"><%= @label %></div>

data/lib/assets/javascripts/socmap_adf/modules/overlay/views/main.js.coffee

@@ -0,0 +1,6 @@
+class ADF.Overlay.Views.Main extends ADF.MVC.Views.Base
+	
+  template: JST['socmap_adf/modules/overlay/templates/main']
+	    
+  initialize: () ->
+    _.bindAll(this, 'render')

data/lib/assets/javascripts/socmap_adf/modules/overlay/views/overlay.js.coffee

@@ -0,0 +1,55 @@
+class ADF.Overlay.Views.Overlay extends ADF.GMap.Views.OverlayView
+  
+  constructor: (options) ->
+    super(options)
+    @map = options.map
+    @point = options.point
+    @pushOverlay()
+    
+  setTop: (top) ->
+    @top = top
+    @redraw()
+  
+  render: () ->
+    $(@el).html(@template)
+    @onRenderCompleted()
+    return this
+
+  hide: () ->
+    @overlay.hide() if @overlay
+    
+  redraw: () ->
+    @overlay.draw()
+
+  pushOverlay: () ->
+    @overlay = new ADF.GMap.Views.Overlay( @map.getGMap(), @ )
+    @map.addOverlay(@overlay)
+
+  setMarkerIcon: (icon) ->
+    @icon = icon
+    @overlay.setMarkerIcon()
+    
+  getMarkerIcon: () ->
+    @overlay.getMarkerIcon()
+    
+  setLabel: (label) ->
+    @label = label
+    @overlay.setLabel()
+
+  remove: () ->
+    @overlay.setMap(null)
+
+  center: () ->
+    @overlay.map.setCenter(@point)
+    
+  canterPan: (x = 0, y = 0) ->
+    @overlay.map.panTo(@point)
+    @overlay.map.panBy(x, y)
+    
+  
+  # Callback methods
+  onRenderCompleted: () ->
+  onMarkerAdded: () ->
+  beforeMarkerClicked: () ->
+  beforeOverlayShowed: () ->
+  onOverlayShowed: () ->

data/lib/assets/javascripts/socmap_adf/modules/overlay/views/polygon_label.js.coffee

@@ -0,0 +1,17 @@
+class ADF.Map.Views.PolygonLabel extends ADF.Overlay.Views.Overlay
+  
+  template: JST['socmap_adf/modules/overlay/templates/polygon_label']
+  dontRenderMarker: true
+  
+  initialize: () ->
+    super()
+    @label = @options.label
+  
+  render: ->
+    $(@el).html( @template( {label: @label } ) )
+    @onRenderCompleted()
+    @left = 400
+    @top = 45
+    @initResize()
+    @redraw()
+    return this

data/lib/assets/javascripts/socmap_adf/modules/overlay_push/init.js.coffee

@@ -0,0 +1,8 @@
+# Default requires for ADF modules
+#= require_self
+#= require_tree ./views
+#= require_tree ./templates
+
+ADF.OverlayPush =
+  Models: {}
+  Views: {}