socmap_adf 0.0.1

data/lib/assets/javascripts/socmap_adf/modules/cluster/views/marker_clusterer.js.coffee

@@ -0,0 +1,358 @@
+class ADF.Cluster.Views.MarkerClusterer extends google.maps.OverlayView
+
+  MARKER_CLUSTER_IMAGE_PATH_ : "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/" + "images/m"
+  MARKER_CLUSTER_IMAGE_EXTENSION_ : "png"
+  
+  constructor: (map, opt_markers, opt_options) ->
+    @map_ = map
+    @setMap(@map_)
+
+    @markers_ = []
+
+    @clusters_ = []
+    # @sizes = [53, 56, 66, 78, 90]
+    @sizes = [1, 1, 1, 1, 1]
+
+    @styles_ = []
+
+    @ready_ = false
+    options = opt_options or {}
+
+    @clusterShowType_ = options["clusterShowType"] or "default"
+
+    @gridSize_ = options["gridSize"] or 100
+
+    @minClusterSize_ = options["minimumClusterSize"] or 2
+
+    @maxZoom_ = options["maxZoom"] or null
+    @styles_ = options["styles"] or []
+
+    @imagePath_ = options["imagePath"] or @MARKER_CLUSTER_IMAGE_PATH_
+
+    @imageExtension_ = options["imageExtension"] or @MARKER_CLUSTER_IMAGE_EXTENSION_
+
+    @zoomOnClick_ = true
+    @zoomOnClick_ = options["zoomOnClick"]  unless options["zoomOnClick"] is `undefined`
+
+    @showAllClusters_ = false
+    @showAllClusters_ = options["showAllClusters"] unless options["showAllClusters"] is `undefined`
+
+    @maxZoomOnClick_ = options["maxZoomOnClick"] or 20
+
+    @averageCenter_ = false
+    @averageCenter_ = options["averageCenter"]  unless options["averageCenter"] is `undefined`
+    @setupStyles_()
+
+    @prevZoom_ = @map_.getZoom()
+    
+    # Add the map event listeners
+    that = this
+    google.maps.event.addListener @map_, "zoom_changed", ->
+      zoom = that.map_.getZoom()
+      unless that.prevZoom_ is zoom
+        that.prevZoom_ = zoom
+        that.resetViewport()
+
+    google.maps.event.addListener @map_, "idle", ->
+      that.redraw()
+    
+    # Finally, add the markers
+    @addMarkers opt_markers, false if opt_markers and opt_markers.length
+
+  onAdd: () ->
+    @setReady_ true
+
+  draw: () ->
+
+  onRemove: () ->
+
+  extend: (obj1, obj2) ->
+    ((object) ->
+      for property of object::
+        @::[property] = object::[property]
+      this
+    ).apply obj1, [obj2]
+
+  setupStyles_: ->
+    return  if @styles_.length
+    i = 0
+    size = undefined
+
+    while size = @sizes[i]
+      @styles_.push
+        url: @imagePath_ + (i + 1) + "." + @imageExtension_
+        height: size
+        width: size
+
+      i++
+
+  fitMapToMarkers: ->
+    markers = @getMarkers()
+    bounds = new google.maps.LatLngBounds()
+    i = 0
+    marker = undefined
+
+    while marker = markers[i]
+      bounds.extend marker.getPosition()
+      i++
+    @map_.fitBounds bounds
+
+  getClusterShowType: () ->
+    @clusterShowType_
+
+  setStyles: (styles) ->
+    @styles_ = styles
+
+  getStyles: ->
+    @styles_
+
+  isZoomOnClick: ->
+    @zoomOnClick_
+
+  getMaxZoomOnClick: ->
+    @maxZoomOnClick_
+
+  isAverageCenter: ->
+    @averageCenter_
+
+  getMarkers: ->
+    @markers_
+
+  getTotalMarkers: ->
+    @markers_.length
+
+  setMaxZoom: (maxZoom) ->
+    @maxZoom_ = maxZoom
+
+  getMaxZoom: ->
+    @maxZoom_
+
+  calculator_: (markers, numStyles) ->
+    index = 0
+    count = markers.length
+    dv = count
+    while dv isnt 0
+      dv = parseInt(dv / 10, 10)
+      index++
+    index = Math.min(index, numStyles)
+    text: count
+    index: index
+
+  setCalculator: (calculator) ->
+    @calculator_ = calculator
+
+  getCalculator: ->
+    @calculator_
+
+  addMarkers: (markers, opt_nodraw) ->
+    i = 0
+    marker = undefined
+
+    while marker = markers[i]
+      @pushMarkerTo_ marker
+      i++
+    @redraw()  unless opt_nodraw
+
+  pushMarkerTo_: (marker) ->
+    marker.isAdded = false
+    if marker["draggable"]
+      
+      # If the marker is draggable add a listener so we update the clusters on
+      # the drag end.
+      that = this
+      google.maps.event.addListener marker, "dragend", ->
+        marker.isAdded = false
+        that.repaint()
+
+    @markers_.push marker
+
+  addMarker: (marker, opt_nodraw) ->
+    @pushMarkerTo_ marker
+    @redraw() unless opt_nodraw
+
+  removeMarker_: (marker) ->
+    index = -1
+    if @markers_.indexOf
+      index = @markers_.indexOf(marker)
+    else
+      i = 0
+      m = undefined
+
+      while m = @markers_[i]
+        if m is marker
+          index = i
+          break
+        i++
+    
+    # Marker is not in our list of markers.
+    return false  if index is -1
+    marker.getMarker().setMap null if marker.getMarker()
+    marker.setMap null
+    @markers_.splice index, 1
+    true
+
+  removeMarker: (marker, opt_nodraw) ->
+    removed = @removeMarker_(marker)
+    if not opt_nodraw and removed
+      @resetViewport()
+      @redraw()
+      true
+    else
+      false
+
+  removeMarkers: (markers, opt_nodraw) ->
+    removed = false
+    i = 0
+    marker = undefined
+
+    while marker = markers[i]
+      r = @removeMarker_(marker)
+      removed = removed or r
+      i++
+    if not opt_nodraw and removed
+      @resetViewport()
+      @redraw()
+      true
+
+  setReady_: (ready) ->
+    unless @ready_
+      @ready_ = ready
+      @createClusters_()
+
+  getTotalClusters: ->
+    @clusters_.length
+
+  getMap: ->
+    @map_
+
+  getGridSize: ->
+    @gridSize_
+
+  setGridSize: (size) ->
+    @gridSize_ = size
+
+  getMinClusterSize: () ->
+    @minClusterSize_
+
+  setMinClusterSize: (size) ->
+    @minClusterSize_ = size
+
+  getExtendedBounds: (bounds) ->
+    projection = @getProjection()
+    
+    # Turn the bounds into latlng.
+    tr = new google.maps.LatLng(bounds.getNorthEast().lat(), bounds.getNorthEast().lng())
+    bl = new google.maps.LatLng(bounds.getSouthWest().lat(), bounds.getSouthWest().lng())
+    
+    # Convert the points to pixels and the extend out by the grid size.
+    trPix = projection.fromLatLngToDivPixel(tr)
+    trPix.x += @gridSize_
+    trPix.y -= @gridSize_
+    blPix = projection.fromLatLngToDivPixel(bl)
+    blPix.x -= @gridSize_
+    blPix.y += @gridSize_
+    
+    # Convert the pixel points back to LatLng
+    ne = projection.fromDivPixelToLatLng(trPix)
+    sw = projection.fromDivPixelToLatLng(blPix)
+    
+    # Extend the bounds to contain the new bounds.
+    bounds.extend ne
+    bounds.extend sw
+    bounds
+
+  isMarkerInBounds_: (marker, bounds) ->
+    bounds.contains marker.getPosition()
+
+  clearMarkers: () ->
+    @resetViewport true
+    
+    # Set the markers a empty array.
+    @markers_ = []
+
+  resetViewport: (opt_hide) ->
+    # Remove all the clusters
+    i = 0
+    cluster = undefined
+
+    while cluster = @clusters_[i]
+      cluster.remove()
+      i++
+    
+    # Reset the markers to not be added and to be invisible.
+    i = 0
+    marker = undefined
+
+    while marker = @markers_[i]
+      marker.isAdded = false
+      marker.getMarker().setMap null if opt_hide and marker.getMarker()
+      marker.setMap null if opt_hide
+      i++
+    @clusters_ = []
+
+  repaint: ->
+    oldClusters = @clusters_.slice()
+    @clusters_.length = 0
+    @resetViewport()
+    @redraw()
+    
+    # Remove the old clusters.
+    # Do it in a timeout so the other clusters have been drawn first.
+    window.setTimeout (->
+      i = 0
+      cluster = undefined
+
+      while cluster = oldClusters[i]
+        cluster.remove()
+        i++
+    ), 0
+
+  redraw: ->
+    @createClusters_()
+
+  distanceBetweenPoints_: (p1, p2) ->
+    return 0  if not p1 or not p2
+    R = 6371 # Radius of the Earth in km
+    dLat = (p2.lat() - p1.lat()) * Math.PI / 180
+    dLon = (p2.lng() - p1.lng()) * Math.PI / 180
+    a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(p1.lat() * Math.PI / 180) * Math.cos(p2.lat() * Math.PI / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2)
+    c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a))
+    d = R * c
+    d
+
+  addToClosestCluster_: (marker) ->
+    distance = 40000 # Some large number
+    clusterToAddTo = null
+    pos = marker.getPosition()
+    i = 0
+    cluster = undefined
+
+    while cluster = @clusters_[i]
+      center = cluster.getCenter()
+      if center
+        d = @distanceBetweenPoints_(center, marker.getPosition())
+        if d < distance
+          distance = d
+          clusterToAddTo = cluster
+      i++
+    if clusterToAddTo and clusterToAddTo.isMarkerInClusterBounds(marker)
+      clusterToAddTo.addMarker marker
+    else
+      cluster = new ADF.Cluster.Views.Cluster(@)
+      cluster.addMarker marker
+      @clusters_.push cluster
+
+  createClusters_: () ->
+    return unless @ready_
+    
+    # Get our current map view bounds.
+    # Create a new bounds object so we don't affect the map.
+    mapBounds = new google.maps.LatLngBounds(@map_.getBounds().getSouthWest(), @map_.getBounds().getNorthEast())
+    bounds = @getExtendedBounds(mapBounds)
+    i = 0
+    marker = undefined
+
+    while marker = @markers_[i]
+      @addToClosestCluster_ marker if not marker.isAdded and (@showAllClusters_ || @isMarkerInBounds_(marker, bounds))
+      i++
+    google.maps.event.trigger @map_, "clustersCreatedForViewPoint", @clusters_

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

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

data/lib/assets/javascripts/socmap_adf/modules/file_uploader/templates/existing_file.jst.eco

@@ -0,0 +1,10 @@
+<li>
+  <span class="file-status">
+    <span class="qq-upload-file"></span>
+    <span class="qq-upload-spinner">Loading...</span>
+    <span class="qq-upload-size"></span>
+    <strong class="qq-upload-failed-text" style="display: none;">Neizdevās pievienot</strong> 
+    <span class="qq-upload-cancel"></span>
+    <span>(<a href="#" style="display:inline;">dzēst</a>)</span>
+  </span>
+</li>

data/lib/assets/javascripts/socmap_adf/modules/file_uploader/templates/file.jst.eco

@@ -0,0 +1,3 @@
+<span class="file-status true" id="file-uploaded-file-<%= @id %>">
+	<%= @name %> (<a href="#" class="remove-file" content-id="<%= @id %>" style="display:inline;">dzēst</a>)
+</span>

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

@@ -0,0 +1,7 @@
+<div class="file_upload_wrap" style="overflow: hidden;">
+<div class="qq-upload-button qq-upload-drop-area upload_button"><span class="button_title">Pievienot</span></div>
+<span class="file_upload_message"></span>
+</div>
+<ul class="qq-upload-list" style="display: none;"></ul>
+<p class="file-list">
+</p>

data/lib/assets/javascripts/socmap_adf/modules/file_uploader/templates/uploading.jst.eco

@@ -0,0 +1,3 @@
+<span class="file-status loading" id="file-uploading-file-<%= @id %>">
+	<%= @name %>
+</span>

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

@@ -0,0 +1,76 @@
+class ADF.FileUploader.Views.Main extends ADF.MVC.Views.Base
+
+  template: JST['socmap_adf/modules/file_uploader/templates/main']
+  fileTemplate: JST['socmap_adf/modules/file_uploader/templates/file']
+  existingFileTemplate: JST['socmap_adf/modules/file_uploader/templates/existing_file']
+  fileUploadingTemplate: JST['socmap_adf/modules/file_uploader/templates/uploading']
+  documents: []
+  events:
+    "click .remove-file" : "onFileRemoved"
+  allowedExtensions: ['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png', 'gif']
+  sizeLimit: 2024000
+  message: ""
+
+  initialize: () ->
+    _.bindAll(this, 'render')
+    @documents = []
+    @onComplete = @options.onComplete if @options.onComplete
+    @onCancel = @options.onCancel if @options.onComplete
+    @onProgressCallback = @options.onProgress if @options.onProgress
+    @documents = @options.documents if @options.documents
+    @allowedExtensions = @options.allowedExtensions if @options.allowedExtensions?
+    @sizeLimit = @options.sizeLimit if @options.sizeLimit?
+    @message = @options.message if @options.message?
+    
+  render: () ->
+    options =
+      element: $(@el).get(0)
+      action: '/api/documents'
+      multiple: false
+      debug: true
+      allowedExtensions: @allowedExtensions
+      onComplete: @onFileUploaded
+      onProgress: @onProgress
+      onSubmit: @onSubmit
+      template: @template()
+      sizeLimit: @sizeLimit
+      messages:
+        typeError: "Failam {file} ir nepareizs formāts. Tikai {extensions} formāti ir atļauti."
+        sizeError: "Fails {file} ir pārāk liels. Faila maksimālais lielums {sizeLimit}."
+        minSizeError: "Faila {file} izmērs ir par mazu, minimums {minSizeLimit}."
+        emptyError: "Fails {file} ir tukšs."
+        onLeave: "Fails nav pabeidzis augšuplādi. Vai tiešām vēlaties pamest aplikāciju?"
+      
+    if !@uploader
+      @uploader = new qq.FileUploader options
+    _.each @documents, (document) =>
+      @addFileInList(document)
+    
+    @$(".file_upload_message").html(@message)
+    @
+    
+  onFileUploaded: (id, fileName, responseJSON) =>
+    @$(".file-list").find("#file-uploading-file-#{id}").remove()
+    @documents.push responseJSON
+    @addFileInList(responseJSON)
+    if @onComplete
+      @onComplete(@documents)
+
+  onProgress: () =>
+    @onProgressCallback() if @onProgressCallback
+
+  onSubmit: (id, fileName) =>
+    obj = {id: id, name: fileName}
+    @$(".file-list").append(@fileUploadingTemplate(obj))
+
+  addFileInList: (document) ->
+    @$(".file-list").append(@fileTemplate(document))
+
+  onFileRemoved: (e) =>
+    e = e.currentTarget
+    id =  $(e).attr("content-id")
+    _.each @documents, (document) =>    
+      if parseInt(document.id) == parseInt(id)
+        document.remove = true
+        @$("#file-uploaded-file-#{id}").remove()
+    return false

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

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

data/lib/assets/javascripts/socmap_adf/modules/form/models/base.js.coffee

@@ -0,0 +1,73 @@
+class ADF.Form.Models.Base extends Backbone.Model
+    
+  constructor: () ->
+    @correct = false
+    @view = null
+    @fieldBinders = []
+    @errors = []
+    @validations = []
+    @markChecks = false
+    @bindFocus = true
+    super()
+    
+  setView: (view) =>
+    @view = view
+
+  bindValue: (valueName, options = {}) ->
+    options.markChecks = @markChecks
+    options.bindFocus = @bindFocus
+    fieldBinder = new ADF.Form.Models.FieldBinder(@, valueName, options)
+    @fieldBinders.push(fieldBinder)
+    fieldBinder
+
+  # Validation
+  onValueChanged: () =>
+    @validateFields()
+       
+  validateModel: () ->
+    if @isValid() && @isCustomValidationValid()
+      @errors = []
+      @view.onDataValid() if @view
+      return true
+    else
+      @view.onDataInvalid() if @view
+      return false
+  
+  validateFields: () ->
+    @errors = []
+    validation.validate() for validation in @validations
+    @validateModel()
+
+  isValid: () ->
+    for validation in @validations
+      if !validation.isValid()
+        return false
+    return true
+
+  getError: (attribute) ->
+    for error in @errors
+      if error.attribute == attribute
+        return error
+    return null
+
+  getErrorByType: (attribute, type) ->
+    for error in @errors
+      if error.attribute == attribute and error.type == type
+        return error
+    return null
+
+  hasError: (attribute) ->
+    @getError(attribute) != null
+
+  validates: (type, attributes, options = {}) =>
+    @validations.push(new ADF.Form.Models.Validator(@, attribute, type, options)) for attribute in attributes
+
+  clearValidations: (attributes) ->
+    for attribute in attributes
+      @validations = _.reject @validations, (validation) => 
+        return validation.getAttribute() == attribute
+    @validateFields()
+
+  # Callbacks
+  isCustomValidationValid: ->
+    return true

data/lib/assets/javascripts/socmap_adf/modules/form/models/error.js.coffee

@@ -0,0 +1,12 @@
+class ADF.Form.Models.Error
+
+  type: null
+  message: "Error"
+  value: null
+  attribute: null
+  
+  constructor: (type, message, attribute, value) ->
+    @type = type
+    @message = message
+    @attribute = attribute
+    @value = value

data/lib/assets/javascripts/socmap_adf/modules/form/models/field_binder.js.coffee

@@ -0,0 +1,104 @@
+class ADF.Form.Models.FieldBinder
+  
+  model: null
+  field: null
+  attribute: null
+  isTyping: false
+  timeout: null
+    
+  constructor: (model, attribute, options) ->
+    @model = model
+    @attribute = attribute
+    @model.on "change", @onValueChanged
+    @markChecks = options.markChecks
+    @bindFocus = options.bindFocus
+    @onFieldSuccess = options.success if typeof( options.success ) == "function"
+    @onFieldError = options.error if typeof( options.error ) == "function"
+    
+  to: (field) ->
+    @field = field
+    @bindField()
+    
+  bindField: () ->
+    $(@field).bind "keyup", @typing
+    $(@field).bind "change", @valueChanged
+    $(@field).bind "focus", @onFocus if @bindFocus
+    $(@field).bind "blur", @hideMessages
+
+  typing: (e) =>
+    clearTimeout(@timeout)
+    @isTyping = true
+    self = @
+    @timeout = setTimeout( () =>
+      @isTyping = false
+      @valueChanged(e)
+    500)
+
+  valueChanged: (e) =>
+    @model.set(@attribute, e.delegateTarget.value)
+    if !@isTyping
+      if @model.hasError(@attribute)
+        @hideSuccess()
+        @showError() 
+      else 
+        @hideError()
+        @showSuccess()
+
+  onFocus: (e) =>
+    if @model.getErrorByType(@attribute, "present") != null
+      @hideError()
+    else
+      @valueChanged(e)
+
+  hideMessages: () =>
+    @hideSuccess(true)
+    @hideError()
+
+  markCorrect: () ->
+    $(@field).parent().addClass("checked")
+    @onFieldSuccess()
+    
+  unmarkCorrect: () ->
+    $(@field).parent().removeClass("checked")
+    @onFieldError()
+    
+  showError: () ->
+    errorField = $(@field).parent().find(".error_message")
+    label = $(@field).parent().find("label")
+    if errorField
+      error = @model.getError(@attribute)
+      errorField.html(error.message)
+      errorField.fadeIn("fast")
+    if label
+      label.removeClass("done")
+      label.addClass("error")
+
+  hideError: () ->
+    errorField = $(@field).parent().find(".error_message")
+    label = $(@field).parent().find("label")
+    if errorField
+      errorField.html("")
+      errorField.hide()
+    if label
+      label.removeClass("error")
+
+  showSuccess: () ->
+    successField = $(@field).parent().find(".success_message")
+    label = $(@field).parent().find("label")
+    if successField
+      successField.fadeIn("slow")
+    if label
+      label.addClass("done")
+      @markCorrect() if @markChecks
+    
+  hideSuccess: (withFade = false) ->
+    successField = $(@field).parent().find(".success_message")
+    if successField
+      if withFade
+        successField.fadeOut("slow")
+      else
+        successField.hide()
+        @unmarkCorrect() if @markChecks
+        
+  onFieldSuccess: () ->
+  onFieldError: () ->