rrrspec-web 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 277ae2e299b382cb2256456b336e2a4289ae05bb
-  data.tar.gz: 263d5aa2200ddfed889fd73841d0aef5cb8cd7cf
+  metadata.gz: 835ae4268801f3543334a082fd65379340cdb734
+  data.tar.gz: 4dbebd2858d865f3b4912496ae3089fbace9e9c1
 SHA512:
-  metadata.gz: 02e13c86dd5e08ee7f7be6122d586606e931180e178d98909f6e24870c933a53ef3438ac46f8d6624bcb5d2ce1319f1ba7ba1db1383042a4c18fe4afdca7f123
-  data.tar.gz: 05e9e2a072f98dfaf702dc53d0c318c0d0f4699fb93a3bdd5dc246eae27161d3e692babab41ce02495d1b90fa7ef87282f5ba8c32abc745943f109adce525ea9
+  metadata.gz: 21535194f756e7243f6376c101905bed8d1dc5e4a289aa77a63e3e9dffe43ac6c2ec0393904dfccd5a23f4230889c8f1994704a22121374a758311deed2cdae0
+  data.tar.gz: 91e8cc2b487d8e9ab99ae481992ac1b3a88dc4379c0a707a2ba9b3436eac66feaa973e677ed4894bdf40981c5237f29e9187008ceed888d3105ced00e7e043ae

data/.gitignore

@@ -0,0 +1 @@
+public

data/assets/javascripts/helpers.coffee

@@ -0,0 +1,27 @@
+formatDate = (date)->
+  if date
+    moment(date).format("YYYY-MM-DD HH:mm:ss z")
+  else
+    ""
+
+formatDateWithHumanized = (date) ->
+  if date
+    "#{moment(date).format("YYYY-MM-DD HH:mm:ss z")} (#{moment(date).fromNow()})"
+  else
+    ""
+
+formatDuration = (start, finish)->
+  moment.duration(moment(finish).diff(moment(start))).humanize()
+
+formatDateWithDuration = (date, start)->
+  if date && start
+    "#{formatDate(date)} (#{formatDuration(start, date)})"
+  else if date
+    "#{formatDate(date)}"
+  else
+    ""
+
+Handlebars.registerHelper('date', formatDate)
+Handlebars.registerHelper('dateWithHumanized', formatDateWithHumanized)
+Handlebars.registerHelper('duration', formatDuration)
+Handlebars.registerHelper('dateWithDuration', formatDateWithDuration)

data/assets/javascripts/index.coffee

@@ -0,0 +1,75 @@
+#= require vendor/jquery-1.10.2
+#= require vendor/handlebars-v1.3.0
+#= require vendor/moment.min
+#= require vendor/underscore
+#= require vendor/backbone
+#= require bootstrap
+#= require helpers
+#= require models
+
+$(->
+  class TasksetsView extends Backbone.View
+    initialize: (options) ->
+      @subviews = []
+      @listenTo(@collection, "add", @appendItem)
+      @listenTo(@collection, "reset", @resetItems)
+      if @collection.hasPages
+        @$('.previous').click(=>
+          if @collection.hasPrevious()
+            @$('.tasksets').empty()
+            @subviews = []
+            @collection.fetchPreviousPage(success: -> @render)
+          @updatePager()
+        )
+        @$('.next').click(=>
+          @$('.tasksets').empty()
+          @subviews = []
+          @collection.fetchNextPage(success: -> @render)
+          @updatePager()
+        )
+      @resetItems(@collection)
+
+    appendItem: (model) ->
+      view = new TasksetView({model: model})
+      @subviews.push(view)
+      view.render()
+      @$('.tasksets').append(view.$el)
+
+    resetItems: (collection) ->
+      @collection = collection
+      @$('.tasksets').empty()
+      @subviews = []
+      for model in collection.models
+        @appendItem(model)
+
+    render: ->
+      for view in @subviews
+        view.render()
+      @updatePager()
+
+    updatePager: ->
+      if @collection.hasPages
+        @$('.pagenum').text("Page #{@collection.currentPage}")
+        if @collection.hasPrevious()
+          @$('.previous').removeClass('disabled')
+        else
+          @$('.previous').addClass('disabled')
+
+  class TasksetView extends Backbone.View
+    tagName: 'li'
+    className: 'list-group-item'
+    template: Handlebars.compile($('#taskset-template').html())
+
+    render: ->
+      @$el.html(@template(@model.attributes))
+
+  actives = new ActiveTasksets()
+  actives.fetch()
+  activesView = new TasksetsView({collection: actives, el: '.active-tasksets'})
+  activesView.render()
+
+  recents = new RecentTasksets()
+  recents.fetch()
+  recentsView = new TasksetsView({collection: recents, el: '.recent-tasksets'})
+  recentsView.render()
+)

data/{app/js → assets/javascripts}/models.coffee

@@ -1,40 +1,39 @@
-dateFormat = (date)->
-  moment(date).format("YYYY-MM-DD HH:mm:ss z")
-
-dateDuration = (start, finish)->
-  moment.duration(moment(finish).diff(moment(start))).humanize()
-
 class @Taskset extends Backbone.Model
-  url: -> "/v1/tasksets/#{encodeURIComponent(@get('key'))}"
+  url: -> "/v2/tasksets/#{encodeURIComponent(@get('key'))}"
 
   parse: (obj, options) ->
     obj.created_at = new Date(obj.created_at) if obj.created_at
     obj.finished_at = new Date(obj.finished_at) if obj.finished_at
-    obj.slaves = new Slaves(obj.slaves, {parse: true, silent: false})
+    obj.log_text = obj.log
+
     obj.tasks = new Tasks(obj.tasks, {parse: true, silent: false})
     obj.worker_logs = new WorkerLogs(obj.worker_logs, {parse: true, silent: false})
+    obj.worker_logs.tasksetId = obj.id
+    obj.slaves = new Slaves(obj.slaves, {parse: true, silent: false})
+    obj.slaves.tasksetId = obj.id
     obj
 
-  isFull: -> !!@get('is_full')
-  isFinished: -> !!@get('finished_at')
-
-  forTemplate: ->
-    j = @toJSON()
-    j['duration'] = dateDuration(j['created_at'], j['finished_at'])
-    if created_at = j['created_at']
-      j['created_at'] = dateFormat(created_at)
-      j['created_at_humanized'] = moment(created_at).fromNow()
-    j['finished_at'] = dateFormat(j['finished_at'])
-    j
+  isFinished: ->
+    status = @get('status')
+    return status == 'succeeded' || status == 'cancelled' || status == 'failed'
+  outputFetched: -> !!@get('log')
+  fetchOutput: ->
+    $.getJSON("/v2/tasksets/#{@attributes.id}/log", (data)=>
+      @attributes.log = data.log
+    )
 
 class @Task extends Backbone.Model
-  url: -> "/v1/tasks/#{encodeURIComponent(@get('key'))}"
+  url: -> "/v2/tasks/#{@get('id')}"
   parse: (obj, options) ->
     if obj.trials
       obj.trials = _.filter(obj.trials, (trial) -> trial['status'])
       obj.trials = _.map(obj.trials, (trial) -> new Trial(trial, {parse: true}))
     obj
 
+  isSuccess: ->
+    status = @get('status')
+    return status == 'passed' || status == 'pending'
+
   numExamples: ->
     passed = null
     pending = null
@@ -53,9 +52,6 @@ class @Task extends Backbone.Model
       return [0, 0, 0]
     return [preferred.get('passed'), preferred.get('pending'), preferred.get('failed')]
 
-  forTemplate: ->
-    @toJSON()
-
 class @Tasks extends Backbone.Collection
   initialize: (options) ->
     @numTask = 0
@@ -88,65 +84,55 @@ class @Tasks extends Backbone.Collection
         @numFailedExample += failed
 
 class @Trial extends Backbone.Model
-  url: -> "/v1/trials/#{encodeURIComponent(@get('key'))}"
   parse: (obj, options) ->
     obj.started_at = new Date(obj.started_at) if obj.started_at
     obj.finished_at = new Date(obj.finished_at) if obj.finished_at
     obj
-  forTemplate: ->
-    j = @toJSON()
-    j['duration'] = dateDuration(j['started_at'], j['finished_at'])
-    j['started_at'] = dateFormat(j['started_at']) if j['started_at']
-    j['finished_at'] = dateFormat(j['finished_at']) if j['finished_at']
-    j
+
+  outputsFetched: -> !!@attributes.stdout
+
+  fetchOutput: ->
+    $.getJSON("/v2/trials/#{@attributes.id}/outputs", (data)=>
+      @attributes.stdout = data.stdout
+      @attributes.stderr = data.stderr
+    )
 
 class @WorkerLog extends Backbone.Model
-  url: -> "/v1/worker_logs/#{encodeURIComponent(@get('key'))}"
   parse: (obj, options) ->
     obj.started_at = new Date(obj.started_at)
     obj.rsync_finished_at = new Date(obj.rsync_finished_at) if obj.rsync_finished_at
     obj.setup_finished_at = new Date(obj.setup_finished_at) if obj.setup_finished_at
-    obj.finished_at = new Date(obj.finished_at) if obj.finished_at
+    obj.rspec_finished_at = new Date(obj.rspec_finished_at) if obj.rspec_finished_at
+    obj.log_text = obj.log
     obj
 
-  forTemplate: ->
-    j = @toJSON()
-    j['rsync_duration'] = dateDuration(j['started_at'], j['rsync_finished_at'])
-    j['setup_duration'] = dateDuration(j['rsync_finished_at'], j['setup_finished_at'])
-    j['test_duration'] = dateDuration(j['setup_finished_at'], j['finished_at'])
-
-    j['started_at'] = dateFormat(j['started_at']) if j['started_at']
-    j['rsync_finished_at'] = dateFormat(j['rsync_finished_at']) if j['rsync_finished_at']
-    j['setup_finished_at'] = dateFormat(j['setup_finished_at']) if j['setup_finished_at']
-    j['finished_at'] = dateFormat(j['finished_at']) if j['finished_at']
-    j
-
 class @WorkerLogs extends Backbone.Collection
+  url: -> "/v2/tasksets/#{@tasksetId}/worker_logs"
   parse: (obj, options) ->
     obj.map((worker_log) -> new WorkerLog(worker_log, options))
+  fetched: -> !@isEmpty
 
 class @Slave extends Backbone.Model
-  url: -> "/v1/slaves/#{encodeURIComponent(@get('key'))}"
-  forTemplate: ->
-    j = @toJSON()
-    j['trials'] = _.map(j['trials'], (trial) ->
-      trial['encoded_key'] = encodeURIComponent(trial['key'])
-      trial
-    )
-    j
+  parse: (obj, options) ->
+    obj.log_text = obj.log
+    obj
 
 class @Slaves extends Backbone.Collection
+  url: -> "/v2/tasksets/#{@tasksetId}/slaves"
   parse: (obj, options) ->
     obj.map((slave) -> new Slave(slave, options))
+  fetched: -> !@isEmpty
 
 class @ActiveTasksets extends Backbone.Collection
-  url: "/v1/tasksets/actives"
+  url: "/v2/tasksets/actives"
   parse: (obj, options) ->
     obj.map((taskset) -> new Taskset(taskset, options))
+  hasPages: false
 
 class @RecentTasksets extends Backbone.Collection
   currentPage: 1
-  url: -> "/v1/tasksets/recents?page=#{@currentPage}"
+  url: -> "/v2/tasksets/recents?page=#{@currentPage}"
+  hasPages: true
 
   fetchNextPage: ->
     @currentPage++
@@ -157,21 +143,7 @@ class @RecentTasksets extends Backbone.Collection
       @currentPage--
     @fetch()
 
-  parse: (obj, options) ->
-    obj.map((taskset) -> new Taskset(taskset, options))
-
-class @SlaveFailedTasksets extends Backbone.Collection
-  currentPage: 1
-  url: -> "/v1/tasksets/failure_slaves?page=#{@currentPage}"
-
-  fetchNextPage: ->
-    @currentPage++
-    @fetch()
-
-  fetchPreviousPage: ->
-    if @currentPage != 1
-      @currentPage--
-    @fetch()
+  hasPrevious: -> @currentPage != 1
 
   parse: (obj, options) ->
     obj.map((taskset) -> new Taskset(taskset, options))

data/assets/javascripts/tasksets.coffee

@@ -0,0 +1,400 @@
+#= require vendor/jquery-1.10.2
+#= require vendor/handlebars-v1.3.0
+#= require vendor/moment.min
+#= require vendor/underscore
+#= require vendor/backbone
+#= require bootstrap
+#= require helpers
+#= require models
+
+$(->
+  class TasksetRouter extends Backbone.Router
+    routes:
+      'taskset': 'taskset'
+      'tasks/:task_id': 'task'
+      'trials/:trial_id': 'trial'
+      'worker_logs/:worker_log_id': 'worker_log'
+      'slaves/:slave_id': 'slave'
+
+  class TasksetView extends Backbone.View
+    el: '.taskset'
+
+    initialize: ->
+      @headView = new HeadView({model: @model})
+      @progressbarView = new ProgressBarView({model: @model})
+      @taskListView = new TaskListView({collection: @model.get('tasks')})
+      @workerLogListView = new WorkerLogListView({collection: @model.get('worker_logs')})
+      @slaveListView = new SlaveListView({collection: @model.get('slaves')})
+
+    render: ->
+      @headView.render()
+      @progressbarView.render()
+      @taskListView.render()
+      @workerLogListView.render()
+      @slaveListView.render()
+
+  class HeadView extends Backbone.View
+    el: '.head'
+    template: Handlebars.compile($('#head-template').html())
+
+    initialize: (options) ->
+      @showing = false
+      router.on('route:taskset', => @show())
+
+    render: ->
+      @$el.html(@template(@model.attributes))
+      @$('.panel-heading .status').addClass(@model.get('status'))
+
+      @$('.panel-title').click(=>
+        router.navigate("taskset")
+        @toggle()
+      )
+
+    show: ->
+      @showing = true
+      @$('.taskset-info').collapse('show')
+      unless @model.outputFetched()
+        @model.fetchOutput().done(=>
+          @$('.log').html(@model.get('log'))
+        )
+
+    hide: ->
+      @showing = false
+      @$('.taskset-info').collapse('hide')
+
+    toggle: ->
+      @showing = !@showing
+      if @showing
+        @show()
+      else
+        @hide()
+
+  class ProgressBarView extends Backbone.View
+    el: '.progressbars'
+
+    showBar: (bar, percentage, text) ->
+      if percentage == 0
+        bar.attr('style', 'width: 0%')
+        bar.text('')
+      else
+        bar.attr('style', "width: #{100*percentage}%")
+        bar.text(text)
+    hideBar: (bar) -> @showBar(bar, 0, '')
+
+    renderSpecBar: (tasks) ->
+      if @model.isFinished()
+        @$('.spec-progress').removeClass('progress-striped active')
+        @hideBar(@$('.spec-progress-bar'))
+        @showBar(@$('.passed-spec-bar'), tasks.numPassedTask/tasks.numTask, tasks.numPassedTask)
+        @showBar(@$('.pending-spec-bar'), tasks.numPendingTask/tasks.numTask, tasks.numPendingTask)
+        @showBar(@$('.failed-spec-bar'), tasks.numFailedTask/tasks.numTask, tasks.numFailedTask)
+      else
+        numFinishedTask = tasks.numPassedTask + tasks.numPendingTask + tasks.numFailedTask
+        percentage = numFinishedTask/tasks.numTask
+        @$('.spec-progress').addClass('progress-striped active')
+        @showBar(@$('.spec-progress-bar'), percentage, "#{numFinishedTask}/#{tasks.numTask} (#{100*percentage}%)")
+        @hideBar(@$('.passed-spec-bar'))
+        @hideBar(@$('.pending-spec-bar'))
+        @hideBar(@$('.failed-spec-bar'))
+
+    renderExampleBar: (tasks) ->
+      @showBar(@$('.passed-example-bar'), tasks.numPassedExample/tasks.numExample, tasks.numPassedExample)
+      @showBar(@$('.pending-example-bar'), tasks.numPendingExample/tasks.numExample, tasks.numPendingExample)
+      @showBar(@$('.failed-example-bar'), tasks.numFailedExample/tasks.numExample, tasks.numFailedExample)
+
+    render: ->
+      tasks = @model.get('tasks')
+      @renderSpecBar(tasks)
+      @renderExampleBar(tasks)
+
+  class TaskListView extends Backbone.View
+    el: '.tasks'
+
+    initialize: (options) ->
+      @showHeaders = false
+      @$('.tasks-heading').click(=>
+        @showHeaders = !@showHeaders
+        if @showHeaders
+          @$('.tasks-heading').text("TASKS")
+          for key, view of @subviews
+            view.showHeader()
+        else
+          @$('.tasks-heading').text("FAILED TASKS")
+          for key, view of @subviews
+            view.hideHeaderIfSuccess()
+      )
+      router.on('route:task', (taskId) =>
+        view = @subviews[taskId]
+        view.showHeader()
+        view.showBody()
+        view.scrollIntoView()
+      )
+      router.on('route:trial', (trialId) =>
+        for key, view of @subviews
+          if view.hasTrial(trialId)
+            view.showHeader()
+            view.showBody()
+            view.scrollIntoViewOfTrial(trialId)
+            break
+      )
+      @resetItems(@collection)
+
+    resetItems: (collection) ->
+      @collection = collection
+      @$('.tasks-list').html('')
+      @subviews = {}
+      @listenTo(collection, "add", @appendItem)
+      @listenTo(collection, "reset", @resetItems)
+      for model in collection.models
+        @appendItem(model)
+
+    appendItem: (model) ->
+      view = new TaskView({model: model})
+      @subviews[model.attributes.id] = view
+      view.render()
+      @$('.tasks-list').append(view.$el)
+
+    render: ->
+      for key, view in @subviews
+        view.render()
+
+  class TaskView extends Backbone.View
+    tagName: 'li'
+    className: 'list-group-item'
+    template: Handlebars.compile($('#tasks-list-template').html())
+
+    initialize: (options) ->
+      @subviews = {}
+      @bodyShowing = false
+
+    hasTrial: (trialId) -> !!@subviews[trialId]
+
+    render: ->
+      @$el.html(@template(@model.attributes))
+      @$el.addClass(@model.get('status'))
+      @hideHeaderIfSuccess()
+      @$('.tasks-list-item-header').click(=>
+        router.navigate("tasks/#{@model.get('id')}")
+        @toggleBody()
+      )
+      for trial in @model.get('trials')
+        @appendTrial(trial)
+
+    appendTrial: (trial) ->
+      view = new TrialView({model: trial})
+      @subviews[trial.attributes.id] = view
+      view.render()
+      @$('.trials').append(view.$el)
+
+    showHeader: ->
+      @$el.removeClass('hidden')
+
+    hideHeaderIfSuccess: ->
+      if @model.isSuccess()
+        @$el.addClass('hidden')
+
+    showBody: ->
+      @bodyShowing = true
+      for key, view of @subviews
+        view.showBody()
+      @$('.body').collapse('show')
+      @scrollIntoView()
+
+    hideBody: ->
+      @bodyShowing = false
+      @$('.body').collapse('hide')
+
+    toggleBody: ->
+      @bodyShowing = !@bodyShowing
+      if @bodyShowing
+        @showBody()
+      else
+        @hideBody()
+
+    scrollIntoView: -> $('html, body').animate(scrollTop: @$el.offset().top)
+
+    scrollIntoViewOfTrial: (trialId) ->
+      @subviews[trialId].scrollIntoView()
+
+  class TrialView extends Backbone.View
+    className: 'panel'
+    template: Handlebars.compile($('#trial-template').html())
+
+    render: ->
+      @$el.html(@template(@model.attributes))
+
+    showBody: ->
+      unless @model.outputsFetched()
+        @model.fetchOutput().done(=>
+          @$('.stdout').text(@model.get('stdout'))
+          @$('.stderr').text(@model.get('stderr'))
+        )
+
+    scrollIntoView: -> $('html, body').animate(scrollTop: @$el.offset().top)
+
+  class WorkerLogListView extends Backbone.View
+    el: '.worker-logs'
+
+    initialize: (options) ->
+      @showHeaders = false
+      @$('.worker-logs-heading').click(=> @toggle())
+      router.on('route:worker_log', (workerLogId) =>
+        @show().done(=>
+          target = @subviews[workerLogId]
+          target.scrollIntoView()
+          target.showBody()
+        )
+      )
+      @resetItems(@collection)
+
+    resetItems: (collection) ->
+      @collection = collection
+      @$('.worker-logs-list').html('')
+      @subviews = {}
+      @listenTo(collection, "add", @appendItem)
+      @listenTo(collection, "reset", @resetItems)
+      for model in collection.models
+        @appendItem(model)
+
+    appendItem: (model) ->
+      view = new WorkerLogView({model: model})
+      @subviews[model.attributes.id] = view
+      view.render()
+      @$('.worker-logs-list').append(view.$el)
+
+    render: ->
+      for key, view in @subviews
+        view.render()
+
+    show: ->
+      @showHeaders = true
+      (
+        unless @collection.fetched()
+          @collection.fetch({reset: true})
+        else
+          $.Defferred()
+      ).done(=> @$('.worker-logs-list').collapse('show'))
+
+    hide: ->
+      @showHeaders = false
+      @$('.worker-logs-list').collapse('hide')
+
+    toggle: ->
+      @showHeaders = !@showHeaders
+      if @showHeaders
+        @show()
+      else
+        @hide()
+
+  class WorkerLogView extends Backbone.View
+    tagName: 'li'
+    className: 'list-group-item'
+    template: Handlebars.compile($('#worker-log-template').html())
+
+    render: ->
+      @$el.html(@template(@model.attributes))
+      @$('.worker-logs-list-item-header').click(=>
+        router.navigate("worker_logs/#{@model.get('id')}")
+        @$('.body').collapse('toggle')
+      )
+
+    scrollIntoView: -> $('html, body').animate(scrollTop: @$el.offset().top)
+
+    showBody: ->
+      @$('.body').collapse('show')
+
+  class SlaveListView extends Backbone.View
+    el: '.slaves'
+
+    initialize: (options) ->
+      @showHeaders = false
+      @$('.slaves-heading').click(=> @toggle())
+      router.on('route:slave', (slaveId) =>
+        @show().done(=>
+          target = @subviews[slaveId]
+          target.scrollIntoView()
+          target.showBody()
+        )
+      )
+      @resetItems(@collection)
+
+    resetItems: (collection) ->
+      @collection = collection
+      @$('.slaves-list').html('')
+      @subviews = {}
+      @listenTo(collection, "add", @appendItem)
+      @listenTo(collection, "reset", @resetItems)
+      for model in collection.models
+        @appendItem(model)
+
+    appendItem: (model) ->
+      view = new SlaveView({model: model})
+      @subviews[model.attributes.id] = view
+      view.render()
+      @$('.slaves-list').append(view.$el)
+
+    render: ->
+      for key, view of @subviews
+        view.render()
+
+    show: ->
+      @showHeaders = true
+      (
+        unless @collection.fetched()
+          @collection.fetch({reset: true})
+        else
+          $.Defferred()
+      ).done(=>
+        @$('.slaves-list').collapse('show')
+      )
+
+    hide: ->
+      @showHeaders = false
+      @$('.slaves-list').collapse('hide')
+
+    toggle: ->
+      @showHeaders = !@showHeaders
+      if @showHeaders
+        @show()
+      else
+        @hide()
+
+  class SlaveView extends Backbone.View
+    tagName: 'li'
+    className: 'list-group-item'
+    template: Handlebars.compile($('#slave-template').html())
+
+    render: ->
+      @$el.html(@template(@model.attributes))
+      @$('.slaves-list-item-header').click(=>
+        router.navigate("slaves/#{@model.get('id')}")
+        @$('.body').collapse('toggle')
+      )
+      @$el.addClass(@model.get('status'))
+
+    scrollIntoView: -> $('html, body').animate(scrollTop: @$el.offset().top)
+
+    showBody: ->
+      @$('.body').collapse('show')
+
+  router = new TasksetRouter()
+  Backbone.history.start()
+
+  if document.URL.match(/\/tasksets\/(.*?)(#.*)?$/)
+    taskset = new Taskset({key: RegExp.$1})
+    taskset.fetch({
+      success: (model, response, options) ->
+        tasksetView = new TasksetView({model: model})
+        tasksetView.render()
+        tasksetView.$el.removeClass('hidden')
+
+        # Force re-route
+        fragment = Backbone.history.fragment
+        router.navigate('')
+        router.navigate(fragment, {trigger: true})
+      error: (model, response, options) ->
+        $('#notfound-modal').modal({keyboard: false})
+    })
+  else
+    $('#notfound-modal').modal({keyboard: false})
+)