use travis-web-log/sf-dom

This commit is contained in:
Sven Fuchs 2013-03-13 01:16:55 +01:00
parent 2013492371
commit c0a4fed836
3 changed files with 71 additions and 208 deletions

View File

@ -3,170 +3,12 @@ require 'travis/ordered_log'
Log.DEBUG = true
Travis.UnorderedLogEngineMixin = Ember.Mixin.create
setupEngine: ->
console.log 'log view: create engine' if Log.DEBUG
@limit = new Log.Limit
@scroll = new Log.Scroll
@engine = Log.create(listeners: [new Log.FragmentRenderer, new Log.Folds, @scroll])
@observeParts()
@numberLineOnHover()
destroyEngine: ->
parts = @get('log.parts')
parts.removeArrayObserver(@, didChange: 'partsDidChange', willChange: 'noop')
observeParts: ->
parts = @get('log.parts')
parts.addArrayObserver(@, didChange: 'partsDidChange', willChange: 'noop')
parts = parts.slice(0)
@partsDidChange(parts, 0, null, parts.length)
partsDidChange: (parts, start, _, added) ->
console.log 'log view: parts did change' if Log.DEBUG
for part, i in parts.slice(start, start + added)
# console.log "limit in log view: #{@get('limited')}"
break if @get('limited')
@engine.set(part.number, part.content)
@propertyDidChange('limited')
lineNumberDidChange: (->
@scroll.set(number) if !@get('isDestroyed') && number = @get('controller.lineNumber')
).observes('controller.lineNumber')
limited: (->
@limit && @limit.limited
).property()
Travis.OrderedLogEngineMixin = Ember.Mixin.create
setupEngine: ->
@set('logManager', Travis.OrderedLog.create(target: this))
@get('logManager').append @get('log.parts')
@get('log.parts').addArrayObserver this,
didChange: 'partsDidChange'
willChange: 'noop'
destroyEngine: (view) ->
@get('logManager').destroy()
@get('log.parts').removeArrayObserver this,
didChange: 'partsDidChange'
willChange: 'noop'
partsDidChange: (parts, index, removedCount, addedCount) ->
addedParts = parts.slice(index, index + addedCount)
@get('logManager').append addedParts
lineNumberDidChange: (->
if number = @get('controller.lineNumber')
@tryScrollingToHashLineNumber(number)
).observes('controller.lineNumber')
scrollTo: (id) ->
# and this is even more weird, when changing hash in URL in firefox
# to other value, for example #L10, it actually scrolls just #main
# element... this is probably some CSS issue, I don't have time to
# investigate at the moment
# TODO: fix this
$('#main').scrollTop 0
# weird, html works in chrome, body in firefox
$('html,body').scrollTop $(id).offset().top
@set 'controller.lineNumber', null
tryScrollingToHashLineNumber: (number) ->
id = "#L#{number}"
checker = =>
return if @get('isDestroyed')
if $(id).length
@scrollTo(id)
else
setTimeout checker, 100
checker()
appendLog: (payloads) ->
url = @get('logUrl')
leftOut = []
cut = false
fragment = document.createDocumentFragment()
# TODO: refactor this loop, it's getting messy
for payload in payloads
line = payload.content
number = payload.number
if payload.logWasCut
cut = true
else
unless payload.append
pathWithNumber = "#{url}#L#{number}"
p = document.createElement('p')
p.innerHTML = "<a href=\"#{pathWithNumber}\" id=\"L#{number}\"></a>#{line}"
line = p
if payload.fold && !payload.foldContinuation
div = document.createElement('div')
div.appendChild line
div.className = "fold #{payload.fold} show-first-line"
line = div
if payload.replace
if link = fragment.querySelector("#L#{number}")
link.parentElement.innerHTML = line.innerHTML
else
this.$("#L#{number}").parent().replaceWith line
else if payload.append
if link = fragment.querySelector("#L#{number}")
link.parentElement.innerHTML += line
else
this.$("#L#{number}").parent().append line
else if payload.foldContinuation
folds = fragment.querySelectorAll(".fold.#{payload.fold}")
if fold = folds[folds.length - 1]
fold.appendChild line
else
this.$("#log .fold.#{payload.fold}:last").append line
else
fragment.appendChild(line)
if payload.openFold
folds = fragment.querySelectorAll(".fold.#{payload.openFold}")
if fold = folds[folds.length - 1]
fold = $(fold)
else
fold = this.$(".fold.#{payload.openFold}:last")
fold.removeClass('show-first-line').addClass('open')
if payload.foldEnd
folds = fragment.querySelectorAll(".fold.#{payload.fold}")
if fold = folds[folds.length - 1]
fold = $(fold)
else
fold = this.$(".fold.#{payload.fold}:last")
fold.removeClass('show-first-line')
this.$('#log')[0].appendChild fragment
if cut
url = Travis.Urls.plainTextLog(@get('log.id'))
this.$("#log").append $("<p class=\"cut\">Log was too long to display. Download the <a href=\"#{url}\">the raw version</a> to get the full log.</p>")
Travis.reopen
LogView: Travis.View.extend
templateName: 'jobs/log'
logBinding: 'job.log'
contextBinding: 'job'
didInsertElement: ->
job = @get('job')
job.subscribe() if job && !job.get('isFinished')
willDestroyElement: ->
job = @get('job')
job.unsubscribe() if job
@ -180,12 +22,13 @@ Travis.reopen
didInsertElement: ->
console.log 'log view: did insert' if Log.DEBUG
@_super.apply this, arguments
@setupEngine()
@createEngine()
@lineNumberDidChange()
willDestroyElement: ->
console.log 'log view: will destroy' if Log.DEBUG
@destroyEngine()
parts = @get('log.parts')
parts.removeArrayObserver(@, didChange: 'partsDidChange', willChange: 'noop')
versionDidChange: (->
@rerender() if @get('inDOM')
@ -196,6 +39,36 @@ Travis.reopen
@rerender() if @get('inDOM')
).observes('log')
createEngine: ->
console.log 'log view: create engine' if Log.DEBUG
# @limit = new Log.Limit
# @scroll = new Log.Scroll
# @engine = Log.create(listeners: [new Log.FragmentRenderer, new Log.Folds, @scroll])
@engine = new Log
@observeParts()
@numberLineOnHover()
observeParts: ->
parts = @get('log.parts')
parts.addArrayObserver(@, didChange: 'partsDidChange', willChange: 'noop')
parts = parts.slice(0)
@partsDidChange(parts, 0, null, parts.length)
partsDidChange: (parts, start, _, added) ->
console.log 'log view: parts did change' if Log.DEBUG
for part, i in parts.slice(start, start + added)
# console.log "limit in log view: #{@get('limited')}"
break if @get('limited')
@engine.set(part.number, part.content)
@propertyDidChange('limited')
lineNumberDidChange: (->
# @scroll.set(number) if !@get('isDestroyed') && number = @get('controller.lineNumber')
).observes('controller.lineNumber')
limited: (->
@limit && @limit.limited
).property()
plainTextLogUrl: (->
Travis.Urls.plainTextLog(id) if id = @get('log.job.id')
@ -218,55 +91,42 @@ Travis.reopen
target = $(event.target)
target.closest('.fold').toggleClass('open')
logUrl: (->
if item = @get('controller.currentItem')
if repo = item.get('repo')
name = if item.constructor == Travis.Build
'build'
else
'job'
Travis.__container__.lookup('router:main').generate(name, repo, item)
).property('controller.currentItem.repo', 'controller.currentItem')
lineNumberClicked: (number) ->
path = @get('logUrl') + "#L#{number}"
window.history.replaceState({ path: path }, null, path);
window.history.pushState(null, null, "#{window.location.pathname}#L#{number}");
@set('controller.lineNumber', number)
noop: -> # TODO required?
})
Log.Scroll = ->
Log.Scroll.prototype = $.extend new Log.Listener,
set: (number) ->
return unless number
@number = number
@tryScroll()
insert: (log, line, pos) ->
@tryScroll() if @number
true
tryScroll: ->
if element = $("#log p:visible")[@number - 1]
$('#main').scrollTop(0)
$('html, body').scrollTop($(element).offset()?.top) # weird, html works in chrome, body in firefox
@highlight(element)
@number = undefined
highlight: (element) ->
$('#log p.highlight').removeClass('highlight')
$(element).addClass('highlight')
Log.Logger = ->
Log.Logger.prototype = $.extend new Log.Listener,
receive: (log, num, string) ->
@log("rcv #{num} #{JSON.stringify(string)}")
true
insert: (log, element, pos) ->
@log("ins #{element.id}, #{if pos.before then 'before' else 'after'}: #{pos.before || pos.after || '?'}, #{JSON.stringify(element)}")
remove: (log, element) ->
@log("rem #{element.id}")
log: (line) ->
console.log(line)
# Log.Scroll = ->
# Log.Scroll.prototype = $.extend new Log.Listener,
# set: (number) ->
# return unless number
# @number = number
# @tryScroll()
#
# insert: (log, line, pos) ->
# @tryScroll() if @number
# true
#
# tryScroll: ->
# if element = $("#log p:visible")[@number - 1]
# $('#main').scrollTop(0)
# $('html, body').scrollTop($(element).offset()?.top) # weird, html works in chrome, body in firefox
# @highlight(element)
# @number = undefined
#
# highlight: (element) ->
# $('#log p.highlight').removeClass('highlight')
# $(element).addClass('highlight')
#
# Log.Logger = ->
# Log.Logger.prototype = $.extend new Log.Listener,
# receive: (log, num, string) ->
# @log("rcv #{num} #{JSON.stringify(string)}")
# true
# insert: (log, element, pos) ->
# @log("ins #{element.id}, #{if pos.before then 'before' else 'after'}: #{pos.before || pos.after || '?'}, #{JSON.stringify(element)}")
# remove: (log, element) ->
# @log("rem #{element.id}")
# log: (line) ->
# console.log(line)

File diff suppressed because one or more lines are too long

View File

@ -6,6 +6,9 @@
.display-inline
display: inline-block !important
.hidden
display: none
.emoji
vertical-align: middle
width: 20px