foliage 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: ddfe5960094bf8bbd1f7250eea1b7470eb04dfe3
+  data.tar.gz: 233456b00d6ea184176015a33e739039a5358a68
+SHA512:
+  metadata.gz: 29489a93eb3b3fba23d0769c825579911dbefe1317d3061a856ad484636179cf42a96789579e26c5eee90b5db280bec21734a330b118a45b097b823ac15daa0b
+  data.tar.gz: 221131a3db6c00fdd8d2331d50574f5aa5ce60746f037bf165e13c92074a832e65e0b1f0764ac2bec74049d374e47f95a7621ce4cf0188283913334b48a5d34e

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014-2016 Ekylibre, Jérémie Bonal
+
+The MIT LICENSE
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,9 @@
+# Foliage
+
+Extracted from [Ekylibre's repo](http://github.com/ekylibre/ekylibre) as part of the [Osmosis](http://github.com/Aquaj/osmosis) fork, this gem provides convenient helpers, javascript and styles to quickly and easily display maps.
+
+Based on [Leaflet.js](http://leafletjs.com).
+
+## Dependencies
+
+`// TODO`

data/app/assets/images/map/marker/icon.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="25"
+   height="41"
+   viewBox="0 0 25 41"
+   sodipodi:docname="icon.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1057"
+     id="namedview4"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     inkscape:zoom="5.7560976"
+     inkscape:cx="-82.783211"
+     inkscape:cy="-19.01566"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     style="fill:#187fce;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.75420874"
+     d="M 12.5,1 C 6.8467643,0.94037552 0.90011975,5.0932125 1,13 1.101235,21.014031 10.609264,28.121771 12.5,40 14.347762,28.312508 23.976551,21.962273 24,13 24.02093,5.0006739 18.153235,1.0596245 12.5,1 Z m 0.181641,7.3398438 c 2.494371,-3.473e-4 4.516847,2.0212542 4.517578,4.5156252 3.47e-4,2.495133 -2.022445,4.517925 -4.517578,4.517578 C 10.18727,17.372316 8.1656683,15.34984 8.1660156,12.855469 8.1667464,10.361861 10.188033,8.3405745 12.681641,8.3398438 Z"
+     id="path4138"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sscssccccc" />
+  <path
+     style="fill:#1886d8;fill-opacity:0.85858583;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.53535354"
+     d="M 12.509053,0.90052064 C 6.855818,0.84089624 0.90917349,4.9937331 1.0090537,12.900521 c 0.101235,8.014031 9.6092633,15.121771 11.4999993,27 1.847762,-11.687492 11.476551,-18.037727 11.5,-27 0.02093,-7.9993265 -5.846765,-11.94037586 -11.5,-12.00000036 z m 0.181641,7.33984376 c 2.494371,-3.473e-4 4.516847,2.0212546 4.517578,4.5156256 3.47e-4,2.495133 -2.022445,4.517925 -4.517578,4.517578 C 10.196323,17.272837 8.174722,15.250361 8.1750693,12.75599 8.1758001,10.262382 10.197086,8.2410951 12.690694,8.2403644 Z"
+     id="path4138-3"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sscssccccc" />
+</svg>

data/app/assets/javascripts/core_ext.js.coffee

@@ -0,0 +1,61 @@
+# Core extension for vizualisation
+#
+String.prototype.camelize = () ->
+  array = jQuery.map this.split("_"), (word)->
+    word.charAt(0).toUpperCase() + word.slice(1)
+  return array.join()
+
+String.prototype.repeat = (count) ->
+  return new Array(count + 1).join(this)
+
+Math.magnitude = (number, step = 1) ->
+  value = Math.abs(number)
+  power = 0
+  if value > 1
+    while Math.pow(10, power + step) < value
+      power += step
+  else
+    while Math.pow(10, power - step) > value
+      power -= step
+  mag = Math.pow(10, power)
+  result =
+    power: power
+    magnitude: mag
+    base: number / mag
+
+Math.round2 = (number, round = 1) ->
+  return round * Math.round(number / round)
+
+Math.humanize = (value, power = 0) ->
+  return Math.round(value)
+  # return Math.round(value / Math.pow(10, power)) + "e#{power}"
+  size = Math.round(power / 3)
+  return Math.round(value / Math.pow(10, 3 * size)) + "pnµm KMGTPE"[size + 4]
+
+Math.ceil2 = (number, round = 1) ->
+  return round * Math.ceil(number / round)
+
+Math.floor2 = (number, round = 1) ->
+  return round * Math.floor(number / round)
+
+# Returns logarithm value in given base (10 by default)
+Math.logg = (value, base = 10) ->
+  return Math.log(value) / Math.log(base)
+
+# Compute number of decimal
+# Negative value is return if trailing zero are found.
+# Ex: 200 => -2
+#     0.12500 => 3
+#     0.125 => 3
+#     125 => 0
+Math.decimalCount = (value) ->
+  return 0 if value == 0
+  count = 0
+  integersCount = Math.ceil(Math.logg(Math.floor(value)))
+  value /= Math.pow(10, integersCount)
+  while (value != Math.floor(value))
+    count += 1
+    value *= 10
+    break if count > 100
+  return count - integersCount
+

data/app/assets/javascripts/foliage.js.coffee

@@ -0,0 +1,23 @@
+# Add sprockets directives below:
+
+#= require jquery
+#= require jquery-ui
+#= require jquery_ujs
+#= require turbolinks
+#= require_self
+#= require geographiclib
+#= require leaflet.js.erb
+#= require leaflet/draw
+#= require leaflet/fullscreen
+#= require leaflet/providers
+#= require leaflet/heatmap
+#= require leaflet/measure
+#= require leaflet/easy-button
+#= require leaflet/modal
+#= require leaflet/label
+#= require rbush
+#= require autosize
+#= require_tree ./leaflet
+#= require foliage/leaf
+
+this.Foliage = {};

data/app/assets/javascripts/foliage/band.js.coffee

@@ -0,0 +1,99 @@
+class Foliage.Band
+
+  constructor: (@layer, @data, options = {}) ->
+    @items = []
+    property = @layer.reference
+    console.log "Property: ", property
+    previous = null
+    minValue = null
+    maxValue = null
+    for zone in @data
+      minValue ?= zone[property]
+      maxValue ?= zone[property]
+      minValue = zone[property] if minValue > zone[property]
+      maxValue = zone[property] if maxValue < zone[property]
+      if previous
+        @items.push
+          polygon: this.computeTrapez({x: previous.shape.coordinates[1], y: previous.shape.coordinates[0], w: previous.width}, {x: zone.shape.coordinates[1], y: zone.shape.coordinates[0], w: zone.width})
+          value: zone[property]
+          style:
+            stroke: false
+            fillOpacity: 1
+      previous = zone
+    if this.valid()
+      start = new Foliage.Color(options.startColor)
+      stop  = new Foliage.Color(options.stopColor)
+      console.log(maxValue, minValue)
+      for item in @items
+        level = (item.value - minValue) / (maxValue - minValue)
+        item.style.fillColor = Foliage.Color.toString
+          red:   start.red   + (Math.round(stop.red   - start.red)   * level)
+          green: start.green + (Math.round(stop.green - start.green) * level)
+          blue:  start.blue  + (Math.round(stop.blue  - start.blue)  * level)
+      console.log "Bands computed"
+    else
+      console.warn "Invalid bands"
+
+  # Build layer as wanted
+  buildLayerGroup: (widget, globalStyle = {}) ->
+    group = []
+    for item in @items
+      edge = new L.polygon(item.polygon, item.style)
+      group.push(edge)
+    group
+
+  # Build HTML legend for given bands computed layer
+  buildLegend: () ->
+    html  = "<div class='leaflet-legend-item' id='legend-#{@layer.name}'>"
+    html += "<h3>#{@layer.label}</h3>"
+    # html += "<div class='leaflet-legend-body leaflet-categories-scale'>"
+    # html += "<span class='leaflet-categories-items'>"
+    # html += "<span class='leaflet-categories-item'>"
+    # html += "<i class='leaflet-categories-sample' style='background-color: #{@items[0].fillColor};'></i>"
+    # html += " #{@layer.label}"
+    # html += "</span>"
+    # html += "</span>"
+    # html += "</div>"
+    html += "</div>"
+    return html
+
+  # Returns the item matching the given name
+  itemFor: (name) ->
+    back = null
+    @items.forEach (item, index, array) ->
+      back = item if item.name == name
+    return back
+
+  # Check if bands are valid
+  valid: () ->
+    @items.length > 0
+
+  # http://stackoverflow.com/questions/7854043/drawing-rectangle-between-two-points-with-arbitrary-width
+  computeTrapez: (a, b) ->
+    # Calculate a vector between start and end points
+    v =
+      x: b.x - a.x
+      y: b.y - a.y
+
+    # Then calculate a perpendicular to it (just swap X and Y coordinates)
+    p =
+      x:  v.y # Use separate variable otherwise you overwrite X coordinate here
+      y: -v.x # Flip the sign of either the X or Y (edit by adam.wulf)
+
+    # Normalize that perpendicular
+    l = Math.sqrt(p.x * p.x + p.y * p.y); # That's length of perpendicular
+    n =
+      x: p.x / l
+      y: p.y / l # Now N is normalized perpendicular
+
+    # Calculate 4 points that form a rectangle by adding normalized perpendicular and multiplying it by half of the desired width
+    ar = (a.w / 2) * 9 / 1000000
+    br = (b.w / 2) * 9 / 1000000
+    r1 = new L.LatLng(a.x + n.x * ar, a.y + n.y * ar)
+    r2 = new L.LatLng(a.x - n.x * ar, a.y - n.y * ar)
+    r3 = new L.LatLng(b.x + n.x * br, b.y + n.y * br)
+    r4 = new L.LatLng(b.x - n.x * br, b.y - n.y * br)
+    return [r1, r2, r4, r3]
+
+
+Foliage.registerLayerType "band", Foliage.Band

data/app/assets/javascripts/foliage/bubbles.js.coffee

@@ -0,0 +1,77 @@
+# Add sprockets directives below:
+#= require foliage/gradient
+#
+
+class Foliage.Bubbles extends Foliage.Gradient
+
+  constructor: (@layer, @data, options = {}) ->
+    options.levelNumber ?= 5
+
+    super @data, @layer.reference, options
+
+    if this.valid()
+
+      # Compute radius
+      options.startRadius ?= 4
+      options.stopRadius  ?= 24
+      start = options.startRadius
+      stop  = options.stopRadius
+      for grade in @grades
+        level = grade.index / (@levelNumber - 1.0)
+        grade.radius = start + Math.round((stop - start) * level)
+        grade.fillColor = options.fillColor
+        grade.color  = options.color
+        grade.weight = options.weight
+        grade.stroke = options.stroke
+      console.log "Radiuses computed"
+    else
+      console.warn "Invalid bubbles"
+
+  # Build layer as wanted
+  buildLayerGroup: (widget, globalStyle = {}) ->
+    group = []
+    # Shadow
+    for zone in @data
+      grade = this.gradeFor(zone[@layer.reference])
+      if grade.stroke
+        zoneStyle =
+          fillColor: grade.color
+          radius: grade.radius + grade.weight
+          stroke: false
+          fillOpacity: 0.8
+        group.push new L.CircleMarker(this._centroid(zone.shape), zoneStyle)
+    # Core
+    for zone in @data
+      grade = this.gradeFor(zone[@layer.reference])
+      zoneStyle =
+        fillColor: grade.fillColor
+        radius: grade.radius
+        stroke: false
+        fillOpacity: 1
+      zoneLayer = new L.CircleMarker(this._centroid(zone.shape), zoneStyle)
+      widget._bindPopup(zoneLayer, zone)
+      group.push(zoneLayer)
+    group
+
+  # Build HTML legend for given bubbles computed layer
+  buildLegend: () ->
+    html  = "<div class='leaflet-legend-item' id='legend-#{@layer.name}'>"
+    html += "<h3>#{@layer.label}</h3>"
+    html += "<div class='leaflet-legend-body leaflet-bubbles-scale'>"
+    html += "<span class='min-value'>#{@grades[0].minLabel}</span>"
+    html += "<span class='leaflet-bubbles-grades'>"
+    for grade in @grades
+      html += "<i class='leaflet-bubbles-grade' style='width: #{2 * grade.radius}px; height: #{2 * grade.radius}px; background-color: #{grade.fillColor}; border-width: #{grade.weight}px; border-color: #{grade.color}' title='#{grade.minLabel} ~ #{grade.maxLabel}'></i>"
+    html += "</span>"
+    html += "<span class='max-value'>#{@grades[@levelNumber - 1].maxLabel}</span>"
+    html += "</div>"
+    html += "</div>"
+    return html
+
+  # Compute a centroid based on bounds
+  # The point can be out of the surface...
+  _centroid: (shape) ->
+    geojson = new L.GeoJSON(shape)
+    return geojson.getBounds().getCenter()
+
+Foliage.registerLayerType "bubbles", Foliage.Bubbles

data/app/assets/javascripts/foliage/categories.js.coffee

@@ -0,0 +1,70 @@
+class Foliage.Categories
+
+  constructor: (@layer, @data, options = {}) ->
+    @items = []
+    property = @layer.reference
+    for zone in @data
+      unless this.itemFor(zone[property])
+        @items.push
+          name: zone[property],
+          color: zone['shapeColor']
+
+    if this.valid()
+      @items = @items.sort (a, b) ->
+        a.name > b.name
+      @colors = options.colors ? []
+      if @items.length > @colors.length
+        for x in [@colors.length..@items.length]
+          @colors.push(options.parent.options.colors[x] ? "#000000")
+      for item, index in @items
+        if item.color?
+          item.fillColor = item.color
+        else
+          item.fillColor = @colors[index]
+
+      console.log "Categories computed"
+    else
+      console.warn "Invalid categories"
+
+  # Build layer as wanted
+  buildLayerGroup: (widget, globalStyle = {}) ->
+    group = []
+    for zone in @data
+      zoneStyle =
+        fillColor: this.itemFor(zone[@layer.reference]).fillColor
+      zoneLayer = new L.GeoJSON(zone.shape, $.extend(true, {}, globalStyle, zoneStyle))
+      widget._bindPopup(zoneLayer, zone)
+      unless @layer.withoutGhostLabel
+        label = new L.GhostLabel(className: 'leaflet-ghost-label', toBack: false).setContent(zone.name).toCentroidOfBounds(zoneLayer.getLayers()[0].getLatLngs())
+        widget.ghostLabelCluster.bind label, zoneLayer.getLayers()[0]
+      group.push(zoneLayer)
+    group
+
+  # Build HTML legend for given categories computed layer
+  buildLegend: () ->
+    html  = "<div class='leaflet-legend-item' id='legend-#{@layer.name}'>"
+    html += "<h3>#{@layer.label}</h3>"
+    html += "<div class='leaflet-legend-body leaflet-categories-scale'>"
+    html += "<span class='leaflet-categories-items'>"
+    for name, item of @items
+      html += "<span class='leaflet-categories-item'>"
+      html += "<i class='leaflet-categories-sample' style='background-color: #{item.fillColor};'></i>"
+      html += " <span class='leaflet-categories-item_label'>#{item.name}</span>"
+      html += "</span>"
+    html += "</span>"
+    html += "</div>"
+    html += "</div>"
+    return html
+
+  # Returns the item matching the given name
+  itemFor: (name) ->
+    back = null
+    @items.forEach (item, index, array) ->
+      back = item if item.name == name
+    return back
+
+  # Check if categories are valid
+  valid: () ->
+    @items.length > 0
+
+Foliage.registerLayerType "categories", Foliage.Categories