1 class Pettanr.Views.Speech.Element extends Backbone.View
\r
3 className: 'pettanr-comic-speech'
\r
5 initialize: (options) ->
\r
6 @element = options.element
\r
9 @speech_balloon = options.parent
\r
10 @div = new Tag.Div({
\r
12 style: Pettanr.to_style(@inner_style())
\r
14 content: @element.scenario(),
\r
15 class_name: 'pettanr-comic-speech-inner'
\r
19 @outer_attr = {style: Pettanr.to_style(@outer_style())}
\r
20 this.$el.attr(@outer_attr)
\r
21 this.$el.html(@div.render().el)
\r
26 top: @element.get('y'),
\r
27 left: @element.get('x'),
\r
28 width: @element.get('width'),
\r
29 height: @element.get('height')
\r
34 'font-size': Pettanr.to_s(@element.get('font_size')) + 'em',
\r
35 'text-align': @element.text_align_text(),
\r
36 color: '#' + ('000000' + Pettanr.to_s(@element.get('fore_color'))).slice(-6)
\r
39 class Pettanr.Views.Speech.Element.Edit extends Pettanr.Views.Speech.Element
\r
41 initialize: (options) ->
\r
46 img = @speech_balloon.balloon_view.$el
\r
47 @div.$el.mouseover ->
\r
48 $('.ui-resizable-handle', img.parent()).map ->
\r
49 $(@).css('display', 'block')
\r
50 @div.$el.mouseout ->
\r
51 $('.ui-resizable-handle', img.parent()).map ->
\r
52 $(@).css('display', 'none')
\r