You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
3.0 KiB
CoffeeScript
143 lines
3.0 KiB
CoffeeScript
class AsciiIo.TerminalView extends Backbone.View
|
|
tagName: 'pre'
|
|
className: 'terminal'
|
|
|
|
events:
|
|
'click': 'onClick'
|
|
|
|
initialize: (options) ->
|
|
@cols = options.cols
|
|
@lines = options.lines
|
|
@cachedSpans = {}
|
|
|
|
@createChildElements()
|
|
@showCursor true
|
|
@startCursorBlink()
|
|
# this.updateScreen();
|
|
# this.render();
|
|
|
|
createChildElements: ->
|
|
i = 0
|
|
|
|
while i < @lines
|
|
row = $("<span class=\"line\">")
|
|
@$el.append row
|
|
@$el.append "\n"
|
|
i++
|
|
|
|
onClick: ->
|
|
@trigger('terminal-click')
|
|
|
|
clearScreen: ->
|
|
# this.lineData.length = 0;
|
|
# @cursorY = @cursorX = 0
|
|
@$el.find(".line").empty()
|
|
|
|
render: (changes, cursorX, cursorY) ->
|
|
@$el.find('.cursor').removeClass('cursor')
|
|
|
|
for n, data of changes
|
|
c = if parseInt(n) is cursorY then cursorX else undefined
|
|
@renderLine n, data || [], c
|
|
|
|
afterInsertedToDom: ->
|
|
width = @$el.width()
|
|
height = @$el.height()
|
|
@$el.css(width: width + 'px', height: height + 'px')
|
|
|
|
renderLine: (n, data, cursorX) ->
|
|
html = []
|
|
prevBrush = undefined
|
|
|
|
for i in [0...@cols]
|
|
d = data[i]
|
|
|
|
if d
|
|
[char, brush] = d
|
|
|
|
char = char.replace('&', '&').replace('<', '<')
|
|
|
|
if brush != prevBrush or i is cursorX or i is (cursorX + 1)
|
|
if prevBrush
|
|
html.push '</span>'
|
|
|
|
html.push @spanFromBrush(brush, i is cursorX)
|
|
|
|
prevBrush = brush
|
|
|
|
html.push char
|
|
else
|
|
html.push ' '
|
|
|
|
html.push '</span>' if prevBrush
|
|
|
|
@$el.find(".line:eq(" + n + ")")[0].innerHTML = '<span>' + html.join('') + '</span>'
|
|
|
|
spanFromBrush: (brush, hasCursor) ->
|
|
key = "#{brush.hash()}_#{hasCursor}"
|
|
span = @cachedSpans[key]
|
|
|
|
if not span
|
|
span = ""
|
|
|
|
if hasCursor or brush != AsciiIo.Brush.normal()
|
|
span = "<span class=\""
|
|
|
|
if brush.fg isnt undefined
|
|
fg = brush.fg
|
|
fg += 8 if fg < 8 and brush.bright
|
|
span += " fg" + fg
|
|
|
|
if brush.bg isnt undefined
|
|
bg = brush.bg
|
|
bg += 8 if bg < 8 and brush.blink
|
|
span += " bg" + bg
|
|
|
|
if brush.bright
|
|
span += " bright"
|
|
|
|
if brush.underline
|
|
span += " underline"
|
|
|
|
if brush.italic
|
|
span += " italic"
|
|
|
|
span += " cursor visible" if hasCursor
|
|
span += "\">"
|
|
|
|
@cachedSpans[key] = span
|
|
|
|
span
|
|
|
|
showCursor: (show) ->
|
|
if show
|
|
@$el.addClass "cursor-on"
|
|
else
|
|
@$el.removeClass "cursor-on"
|
|
|
|
blinkCursor: ->
|
|
cursor = @$el.find(".cursor")
|
|
if cursor.hasClass("visible")
|
|
cursor.removeClass "visible"
|
|
else
|
|
cursor.addClass "visible"
|
|
|
|
resetCursorState: ->
|
|
cursor = @$el.find(".cursor")
|
|
cursor.addClass "visible"
|
|
|
|
startCursorBlink: ->
|
|
@cursorTimerId = setInterval(@blinkCursor.bind(this), 500)
|
|
|
|
stopCursorBlink: ->
|
|
if @cursorTimerId
|
|
clearInterval @cursorTimerId
|
|
@cursorTimerId = null
|
|
|
|
restartCursorBlink: ->
|
|
@stopCursorBlink()
|
|
@resetCursorState()
|
|
@startCursorBlink()
|
|
|
|
visualBell: ->
|