Sha256: f88686816dd09428f02c113d5f088b36a322cf88393c51f1ed31e9b68afccbc6
Contents?: true
Size: 1.92 KB
Versions: 3
Compression:
Stored size: 1.92 KB
Contents
class Teaspoon.Reporters.HTML.ProgressView extends Teaspoon.Reporters.BaseView
@create: (displayProgress = true) ->
return new Teaspoon.Reporters.HTML.ProgressView() unless displayProgress
if Teaspoon.Reporters.HTML.RadialProgressView.supported
new Teaspoon.Reporters.HTML.RadialProgressView()
else
new Teaspoon.Reporters.HTML.SimpleProgressView()
build: ->
@el = @createEl("div", "teaspoon-indicator teaspoon-logo")
update: ->
# do nothing
class Teaspoon.Reporters.HTML.SimpleProgressView extends Teaspoon.Reporters.HTML.ProgressView
build: ->
@el = @createEl("div", "simple-progress")
@el.innerHTML = """
<em id="teaspoon-progress-percent">0%</em>
<span id="teaspoon-progress-span" class="teaspoon-indicator"></span>
"""
update: (total, run) ->
percent = if total then Math.ceil((run * 100) / total) else 0
@setHtml("progress-percent", "#{percent}%")
class Teaspoon.Reporters.HTML.RadialProgressView extends Teaspoon.Reporters.HTML.ProgressView
@supported: !!document.createElement("canvas").getContext
build: ->
@el = @createEl("div", "teaspoon-indicator radial-progress")
@el.innerHTML = """
<canvas id="teaspoon-progress-canvas"></canvas>
<em id="teaspoon-progress-percent">0%</em>
"""
appendTo: ->
super
@size = 80
try
canvas = @findEl("progress-canvas")
canvas.width = canvas.height = canvas.style.width = canvas.style.height = @size
@ctx = canvas.getContext("2d")
@ctx.strokeStyle = "#fff"
@ctx.lineWidth = 1.5
catch e # intentionally do nothing
update: (total, run) ->
percent = if total then Math.ceil((run * 100) / total) else 0
@setHtml("progress-percent", "#{percent}%")
return unless @ctx
half = @size / 2
@ctx.clearRect(0, 0, @size, @size)
@ctx.beginPath()
@ctx.arc(half, half, half - 1, 0, Math.PI * 2 * (percent / 100), false)
@ctx.stroke()
Version data entries
3 entries across 3 versions & 1 rubygems