rails_modular_admin 0.3.1 → 0.4.0

data/app/assets/node_modules/morris.js/lib/morris.bar.coffee

@@ -0,0 +1,208 @@
+class Morris.Bar extends Morris.Grid
+  constructor: (options) ->
+    return new Morris.Bar(options) unless (@ instanceof Morris.Bar)
+    super($.extend {}, options, parseTime: false)
+
+  init: ->
+    @cumulative = @options.stacked
+
+    if @options.hideHover isnt 'always'
+      @hover = new Morris.Hover(parent: @el)
+      @on('hovermove', @onHoverMove)
+      @on('hoverout', @onHoverOut)
+      @on('gridclick', @onGridClick)
+
+  # Default configuration
+  #
+  defaults:
+    barSizeRatio: 0.75
+    barGap: 3
+    barColors: [
+      '#0b62a4'
+      '#7a92a3'
+      '#4da74d'
+      '#afd8f8'
+      '#edc240'
+      '#cb4b4b'
+      '#9440ed'
+    ],
+    barOpacity: 1.0
+    barRadius: [0, 0, 0, 0]
+    xLabelMargin: 50
+
+  # Do any size-related calculations
+  #
+  # @private
+  calc: ->
+    @calcBars()
+    if @options.hideHover is false
+      @hover.update(@hoverContentForRow(@data.length - 1)...)
+
+  # calculate series data bars coordinates and sizes
+  #
+  # @private
+  calcBars: ->
+    for row, idx in @data
+      row._x = @left + @width * (idx + 0.5) / @data.length
+      row._y = for y in row.y
+        if y? then @transY(y) else null
+
+  # Draws the bar chart.
+  #
+  draw: ->
+    @drawXAxis() if @options.axes in [true, 'both', 'x']
+    @drawSeries()
+
+  # draw the x-axis labels
+  #
+  # @private
+  drawXAxis: ->
+    # draw x axis labels
+    ypos = @bottom + (@options.xAxisLabelTopPadding || @options.padding / 2)
+    prevLabelMargin = null
+    prevAngleMargin = null
+    for i in [0...@data.length]
+      row = @data[@data.length - 1 - i]
+      label = @drawXAxisLabel(row._x, ypos, row.label)
+      textBox = label.getBBox()
+      label.transform("r#{-@options.xLabelAngle}")
+      labelBox = label.getBBox()
+      label.transform("t0,#{labelBox.height / 2}...")
+      if @options.xLabelAngle != 0
+        offset = -0.5 * textBox.width *
+          Math.cos(@options.xLabelAngle * Math.PI / 180.0)
+        label.transform("t#{offset},0...")
+      # try to avoid overlaps
+      if (not prevLabelMargin? or
+          prevLabelMargin >= labelBox.x + labelBox.width or
+          prevAngleMargin? and prevAngleMargin >= labelBox.x) and
+         labelBox.x >= 0 and (labelBox.x + labelBox.width) < @el.width()
+        if @options.xLabelAngle != 0
+          margin = 1.25 * @options.gridTextSize /
+            Math.sin(@options.xLabelAngle * Math.PI / 180.0)
+          prevAngleMargin = labelBox.x - margin
+        prevLabelMargin = labelBox.x - @options.xLabelMargin
+      else
+        label.remove()
+
+  # draw the data series
+  #
+  # @private
+  drawSeries: ->
+    groupWidth = @width / @options.data.length
+    numBars = if @options.stacked then 1 else @options.ykeys.length
+    barWidth = (groupWidth * @options.barSizeRatio - @options.barGap * (numBars - 1)) / numBars
+    barWidth = Math.min(barWidth, @options.barSize) if @options.barSize
+    spaceLeft = groupWidth - barWidth * numBars - @options.barGap * (numBars - 1)
+    leftPadding = spaceLeft / 2
+    zeroPos = if @ymin <= 0 and @ymax >= 0 then @transY(0) else null
+    @bars = for row, idx in @data
+      lastTop = 0
+      for ypos, sidx in row._y
+        if ypos != null
+          if zeroPos
+            top = Math.min(ypos, zeroPos)
+            bottom = Math.max(ypos, zeroPos)
+          else
+            top = ypos
+            bottom = @bottom
+
+          left = @left + idx * groupWidth + leftPadding
+          left += sidx * (barWidth + @options.barGap) unless @options.stacked
+          size = bottom - top
+
+          if @options.verticalGridCondition and @options.verticalGridCondition(row.x)
+            @drawBar(@left + idx * groupWidth, @top, groupWidth, Math.abs(@top - @bottom), @options.verticalGridColor, @options.verticalGridOpacity, @options.barRadius)
+
+          top -= lastTop if @options.stacked
+          @drawBar(left, top, barWidth, size, @colorFor(row, sidx, 'bar'),
+              @options.barOpacity, @options.barRadius)
+
+          lastTop += size
+        else
+          null
+
+  # @private
+  #
+  # @param row  [Object] row data
+  # @param sidx [Number] series index
+  # @param type [String] "bar", "hover" or "label"
+  colorFor: (row, sidx, type) ->
+    if typeof @options.barColors is 'function'
+      r = { x: row.x, y: row.y[sidx], label: row.label }
+      s = { index: sidx, key: @options.ykeys[sidx], label: @options.labels[sidx] }
+      @options.barColors.call(@, r, s, type)
+    else
+      @options.barColors[sidx % @options.barColors.length]
+
+  # hit test - returns the index of the row at the given x-coordinate
+  #
+  hitTest: (x) ->
+    return null if @data.length == 0
+    x = Math.max(Math.min(x, @right), @left)
+    Math.min(@data.length - 1,
+      Math.floor((x - @left) / (@width / @data.length)))
+
+  # click on grid event handler
+  #
+  # @private
+  onGridClick: (x, y) =>
+    index = @hitTest(x)
+    @fire 'click', index, @data[index].src, x, y
+
+  # hover movement event handler
+  #
+  # @private
+  onHoverMove: (x, y) =>
+    index = @hitTest(x)
+    @hover.update(@hoverContentForRow(index)...)
+
+  # hover out event handler
+  #
+  # @private
+  onHoverOut: =>
+    if @options.hideHover isnt false
+      @hover.hide()
+
+  # hover content for a point
+  #
+  # @private
+  hoverContentForRow: (index) ->
+    row = @data[index]
+    content = "<div class='morris-hover-row-label'>#{row.label}</div>"
+    for y, j in row.y
+      content += """
+        <div class='morris-hover-point' style='color: #{@colorFor(row, j, 'label')}'>
+          #{@options.labels[j]}:
+          #{@yLabelFormat(y)}
+        </div>
+      """
+    if typeof @options.hoverCallback is 'function'
+      content = @options.hoverCallback(index, @options, content, row.src)
+    x = @left + (index + 0.5) * @width / @data.length
+    [content, x]
+
+  drawXAxisLabel: (xPos, yPos, text) ->
+    label = @raphael.text(xPos, yPos, text)
+      .attr('font-size', @options.gridTextSize)
+      .attr('font-family', @options.gridTextFamily)
+      .attr('font-weight', @options.gridTextWeight)
+      .attr('fill', @options.gridTextColor)
+
+  drawBar: (xPos, yPos, width, height, barColor, opacity, radiusArray) ->
+    maxRadius = Math.max(radiusArray...)
+    if maxRadius == 0 or maxRadius > height
+      path = @raphael.rect(xPos, yPos, width, height)
+    else
+      path = @raphael.path @roundedRect(xPos, yPos, width, height, radiusArray)
+    path
+      .attr('fill', barColor)
+      .attr('fill-opacity', opacity)
+      .attr('stroke', 'none')
+
+  roundedRect: (x, y, w, h, r = [0,0,0,0]) ->
+    [ "M", x, r[0] + y, "Q", x, y, x + r[0], y,
+      "L", x + w - r[1], y, "Q", x + w, y, x + w, y + r[1],
+      "L", x + w, y + h - r[2], "Q", x + w, y + h, x + w - r[2], y + h,
+      "L", x + r[3], y + h, "Q", x, y + h, x, y + h - r[3], "Z" ]
+

data/app/assets/node_modules/morris.js/lib/morris.coffee

@@ -0,0 +1,43 @@
+Morris = window.Morris = {}
+
+$ = jQuery
+
+# Very simple event-emitter class.
+#
+# @private
+class Morris.EventEmitter
+  on: (name, handler) ->
+    unless @handlers?
+      @handlers = {}
+    unless @handlers[name]?
+      @handlers[name] = []
+    @handlers[name].push(handler)
+    @
+
+  fire: (name, args...) ->
+    if @handlers? and @handlers[name]?
+      for handler in @handlers[name]
+        handler(args...)
+
+# Make long numbers prettier by inserting commas.
+#
+# @example
+#   Morris.commas(1234567) -> '1,234,567'
+Morris.commas = (num) ->
+  if num?
+    ret = if num < 0 then "-" else ""
+    absnum = Math.abs(num)
+    intnum = Math.floor(absnum).toFixed(0)
+    ret += intnum.replace(/(?=(?:\d{3})+$)(?!^)/g, ',')
+    strabsnum = absnum.toString()
+    if strabsnum.length > intnum.length
+      ret += strabsnum.slice(intnum.length)
+    ret
+  else
+    '-'
+
+# Zero-pad numbers to two characters wide.
+#
+# @example
+#   Morris.pad2(1) -> '01'
+Morris.pad2 = (number) -> (if number < 10 then '0' else '') + number

data/app/assets/node_modules/morris.js/lib/morris.donut.coffee

@@ -0,0 +1,213 @@
+# Donut charts.
+#
+# @example
+#   Morris.Donut({
+#     el: $('#donut-container'),
+#     data: [
+#       { label: 'yin',  value: 50 },
+#       { label: 'yang', value: 50 }
+#     ]
+#   });
+class Morris.Donut extends Morris.EventEmitter
+  defaults:
+    colors: [
+      '#0B62A4'
+      '#3980B5'
+      '#679DC6'
+      '#95BBD7'
+      '#B0CCE1'
+      '#095791'
+      '#095085'
+      '#083E67'
+      '#052C48'
+      '#042135'
+    ],
+    backgroundColor: '#FFFFFF', 
+    labelColor: '#000000',
+    formatter: Morris.commas
+    resize: false
+
+  # Create and render a donut chart.
+  #
+  constructor: (options) ->
+    return new Morris.Donut(options) unless (@ instanceof Morris.Donut)
+    @options = $.extend {}, @defaults, options
+
+    if typeof options.element is 'string'
+      @el = $ document.getElementById(options.element)
+    else
+      @el = $ options.element
+
+    if @el == null || @el.length == 0
+      throw new Error("Graph placeholder not found.")
+
+    # bail if there's no data
+    if options.data is undefined or options.data.length is 0
+      return
+
+    @raphael = new Raphael(@el[0])
+
+    if @options.resize
+      $(window).bind 'resize', (evt) =>
+        if @timeoutId?
+          window.clearTimeout @timeoutId
+        @timeoutId = window.setTimeout @resizeHandler, 100
+
+    @setData options.data
+
+  # Clear and redraw the chart.
+  redraw: ->
+    @raphael.clear()
+
+    cx = @el.width() / 2
+    cy = @el.height() / 2
+    w = (Math.min(cx, cy) - 10) / 3
+
+    total = 0
+    total += value for value in @values
+
+    min = 5 / (2 * w)
+    C = 1.9999 * Math.PI - min * @data.length
+
+    last = 0
+    idx = 0
+    @segments = []
+    for value, i in @values
+      next = last + min + C * (value / total)
+      seg = new Morris.DonutSegment(
+        cx, cy, w*2, w, last, next,
+        @data[i].color || @options.colors[idx % @options.colors.length],
+        @options.backgroundColor, idx, @raphael)
+      seg.render()
+      @segments.push seg
+      seg.on 'hover', @select
+      seg.on 'click', @click
+      last = next
+      idx += 1
+
+    @text1 = @drawEmptyDonutLabel(cx, cy - 10, @options.labelColor, 15, 800)
+    @text2 = @drawEmptyDonutLabel(cx, cy + 10, @options.labelColor, 14)
+
+    max_value = Math.max @values...
+    idx = 0
+    for value in @values
+      if value == max_value
+        @select idx
+        break
+      idx += 1
+
+  setData: (data) ->
+    @data = data
+    @values = (parseFloat(row.value) for row in @data)
+    @redraw()
+
+  # @private
+  click: (idx) =>
+    @fire 'click', idx, @data[idx]
+
+  # Select the segment at the given index.
+  select: (idx) =>
+    s.deselect() for s in @segments
+    segment = @segments[idx]
+    segment.select()
+    row = @data[idx]
+    @setLabels(row.label, @options.formatter(row.value, row))
+
+
+
+  # @private
+  setLabels: (label1, label2) ->
+    inner = (Math.min(@el.width() / 2, @el.height() / 2) - 10) * 2 / 3
+    maxWidth = 1.8 * inner
+    maxHeightTop = inner / 2
+    maxHeightBottom = inner / 3
+    @text1.attr(text: label1, transform: '')
+    text1bbox = @text1.getBBox()
+    text1scale = Math.min(maxWidth / text1bbox.width, maxHeightTop / text1bbox.height)
+    @text1.attr(transform: "S#{text1scale},#{text1scale},#{text1bbox.x + text1bbox.width / 2},#{text1bbox.y + text1bbox.height}")
+    @text2.attr(text: label2, transform: '')
+    text2bbox = @text2.getBBox()
+    text2scale = Math.min(maxWidth / text2bbox.width, maxHeightBottom / text2bbox.height)
+    @text2.attr(transform: "S#{text2scale},#{text2scale},#{text2bbox.x + text2bbox.width / 2},#{text2bbox.y}")
+
+  drawEmptyDonutLabel: (xPos, yPos, color, fontSize, fontWeight) ->
+    text = @raphael.text(xPos, yPos, '')
+      .attr('font-size', fontSize)
+      .attr('fill', color)
+    text.attr('font-weight', fontWeight) if fontWeight?
+    return text
+
+  resizeHandler: =>
+    @timeoutId = null
+    @raphael.setSize @el.width(), @el.height()
+    @redraw()
+
+
+# A segment within a donut chart.
+#
+# @private
+class Morris.DonutSegment extends Morris.EventEmitter
+  constructor: (@cx, @cy, @inner, @outer, p0, p1, @color, @backgroundColor, @index, @raphael) ->
+    @sin_p0 = Math.sin(p0)
+    @cos_p0 = Math.cos(p0)
+    @sin_p1 = Math.sin(p1)
+    @cos_p1 = Math.cos(p1)
+    @is_long = if (p1 - p0) > Math.PI then 1 else 0
+    @path = @calcSegment(@inner + 3, @inner + @outer - 5)
+    @selectedPath = @calcSegment(@inner + 3, @inner + @outer)
+    @hilight = @calcArc(@inner)
+
+  calcArcPoints: (r) ->
+    return [
+      @cx + r * @sin_p0,
+      @cy + r * @cos_p0,
+      @cx + r * @sin_p1,
+      @cy + r * @cos_p1]
+
+  calcSegment: (r1, r2) ->
+    [ix0, iy0, ix1, iy1] = @calcArcPoints(r1)
+    [ox0, oy0, ox1, oy1] = @calcArcPoints(r2)
+    return (
+      "M#{ix0},#{iy0}" +
+      "A#{r1},#{r1},0,#{@is_long},0,#{ix1},#{iy1}" +
+      "L#{ox1},#{oy1}" +
+      "A#{r2},#{r2},0,#{@is_long},1,#{ox0},#{oy0}" +
+      "Z")
+
+  calcArc: (r) ->
+    [ix0, iy0, ix1, iy1] = @calcArcPoints(r)
+    return (
+      "M#{ix0},#{iy0}" +
+      "A#{r},#{r},0,#{@is_long},0,#{ix1},#{iy1}")
+
+  render: ->
+    @arc = @drawDonutArc(@hilight, @color)
+    @seg = @drawDonutSegment(
+      @path, 
+      @color, 
+      @backgroundColor, 
+      => @fire('hover', @index),
+      => @fire('click', @index)
+    )
+
+  drawDonutArc: (path, color) ->
+    @raphael.path(path)
+      .attr(stroke: color, 'stroke-width': 2, opacity: 0)
+
+  drawDonutSegment: (path, fillColor, strokeColor, hoverFunction, clickFunction) ->
+    @raphael.path(path)
+      .attr(fill: fillColor, stroke: strokeColor, 'stroke-width': 3)
+      .hover(hoverFunction)
+      .click(clickFunction)
+
+  select: =>
+    unless @selected
+      @seg.animate(path: @selectedPath, 150, '<>')
+      @arc.animate(opacity: 1, 150, '<>')
+      @selected = true
+
+  deselect: =>
+    if @selected
+      @seg.animate(path: @path, 150, '<>')
+      @arc.animate(opacity: 0, 150, '<>')
+      @selected = false