truck/Sahli
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

zooming ... zooms, but needs to recenter. Text: hmm. Gfx: definately.

Browse source
This commit is contained in:
Iam Naughton Phier 2015-02-20 21:07:53 +02:00
parent 0d7e957bbe
commit a164beedbe
1 changed files with 46 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

71
sahli.coffee
View file

@ -24,21 +24,21 @@ class @Sahli
when 'ansi' when 'ansi'
@loadhugeansi picdata, inserthere @loadhugeansi picdata, inserthere
when 'bin' when 'bin'
@loadansi picdata, inserthere @loadhugeansi picdata, inserthere
when 'xbin' when 'xbin'
@loadansi picdata, inserthere @loadhugeansi picdata, inserthere
when 'ice' when 'ice'
@loadansi picdata, inserthere @loadhugeansi picdata, inserthere
when 'avatar' when 'avatar'
@loadavatar picdata, inserthere @loadavatar picdata, inserthere
when 'pcboard' when 'pcboard'
@loadansi picdata, inserthere @loadhugeansi picdata, inserthere
when 'idf' when 'idf'
@loadansi picdata, inserthere @loadhugeansi picdata, inserthere
when 'adf' when 'adf'
@loadansi picdata, inserthere @loadhugeansi picdata, inserthere
when 'tundra' when 'tundra'
@loadansi picdata, inserthere @loadhugeansi picdata, inserthere
else else
@loadplain picdata, inserthere @loadplain picdata, inserthere
@ -46,7 +46,10 @@ class @Sahli
pdiv = $('<div>') pdiv = $('<div>')
req = new XMLHttpRequest req = new XMLHttpRequest
fname = @location + '/' + picdata.file fname = @location + '/' + picdata.file
ptxt = $('<pre></pre>') buf = $('<span>')
buf.css {'margin':'0 auto'}
buf.text '&nbsp'
ptxt = $('<pre>')
color = @calccolor(picdata.color) color = @calccolor(picdata.color)
bgcolor = @calccolor(picdata.bg) bgcolor = @calccolor(picdata.bg)
pdiv.addClass 'scrolly' pdiv.addClass 'scrolly'
@ -55,13 +58,16 @@ class @Sahli
'color': color 'color': color
'background-color': bgcolor 'background-color': bgcolor
'margin': 'auto' 'margin': 'auto'
'display': 'inline-block'
ptxt.width picdata.width * 8 ptxt.width picdata.width * 8
pdiv.width '100%' @origwidth = ptxt.width
pdiv.width ptxt.width
pdiv.prepend buf.clone()
pdiv.append ptxt pdiv.append ptxt
pdiv.append buf
# this is going to be interesting when dealing with ansi files in UTF-8 # this is going to be interesting when dealing with ansi files in UTF-8
# or SHIFT-JIS etc - is it needed now? # or SHIFT-JIS etc - is it needed now?
req.overrideMimeType 'text/plain; charset=ISO-8859-1' req.overrideMimeType 'text/plain; charset=ISO-8859-1'
req.onreadystatechange = -> req.onreadystatechange = ->
if req.readyState == req.DONE if req.readyState == req.DONE
if req.status == 200 or req.status == 0 if req.status == 200 or req.status == 0
@ -73,11 +79,10 @@ class @Sahli
req.open 'GET', fname, true req.open 'GET', fname, true
req.send null req.send null
@loadansi = (picdata, inserthere) -> @loadansi = (picdata, inserthere) ->
fname = @location + '/' + picdata.file fname = @location + '/' + picdata.file
pdiv = $('<div>') pdiv = $('<div>')
pdiv.addClass 'scrolly'
AnsiLove.render fname, ((canv, SAUCE) -> AnsiLove.render fname, ((canv, SAUCE) ->
pdiv.append canv pdiv.append canv
inserthere.after pdiv inserthere.after pdiv
@ -96,7 +101,8 @@ class @Sahli
calcheight = 0 calcheight = 0
canvwidth = 0 canvwidth = 0
pdiv.css 'display', 'inline-block' pdiv.css 'display', 'inline-block'
AnsiLove.splitRender fname, ((chunks, SAUCE) -> pdiv.addClass 'scrolly'
AnsiLove.splitRender fname, ((chunks, SAUCE) =>
chunks.forEach (canv) -> chunks.forEach (canv) ->
canv.style.verticalAlign = 'bottom' canv.style.verticalAlign = 'bottom'
pdiv.append canv pdiv.append canv
@ -206,36 +212,51 @@ class @Sahli
$('body').stop() $('body').stop()
@setscroll() @setscroll()
# - save width upon draw
# - toggle zoom out to full width / normal
# - with a number, change width by that much
@zoom = (amt) ->
zoomee = $('div.scrolly canvas')
if amt > 0
zoomee.width zoomee.width()+amt
if zoomee.width() != @origwidth
zoomee.width @origwidth
else
zoomee.width $('body').width()
@loadkeys = -> @loadkeys = ->
$(document).on('keydown', (ev) => $(document).on('keydown', (ev) =>
switch ev.which switch ev.which
when @keycode(' ') when @keycode ' '
@nextpic() @nextpic()
when @keycode('f') when @keycode 'f'
@togglefullscreen() @togglefullscreen()
when @keycode('s') when @keycode 's'
@setscroll() @setscroll()
when @keycode('t') when @keycode 't'
$('body').scrollTop(0) $('body').scrollTop(0)
when @keycode('a') when @keycode 'a'
$('body').stop() $('body').stop()
@scroll_direction = - @scroll_direction @scroll_direction = - @scroll_direction
when @keycode('w') when @keycode 'z'
@zoom()
when @keycode 'w'
@changescrolldirection -1 @changescrolldirection -1
when @keycode('x') when @keycode 'x'
@changescrolldirection 1 @changescrolldirection 1
when @keycode('1') when @keycode '1'
@changespeed 1 @changespeed 1
when @keycode('2') when @keycode '2'
@changespeed 2 @changespeed 2
@scroll_speed = 2 @scroll_speed = 2
when @keycode('3') when @keycode '3'
@changespeed 3 @changespeed 3
@scroll_speed = 3 @scroll_speed = 3
when @keycode('4') when @keycode '4'
@changespeed 4 @changespeed 4
@scroll_speed = 4 @scroll_speed = 4
when @keycode('5') when @keycode '5'
@changespeed 5 @changespeed 5
else else
console.log ev.which console.log ev.which