app/assets/javascripts/views/speech_balloons/element.js.coffee

   1 class Pettanr.Views.SpeechBalloon.Element extends Backbone.View\r
   2   tagName: 'div'\r
   3   className: 'pettanr-comic-balloon'\r
   4   \r
   5   initialize: (options) ->\r
   6     @element = options.element\r
   7     @root = options.root\r
   8     @spot = options.spot\r
   9     @balloon = @element.get('balloon')\r
  10     @speech = @element.get('speech')\r
  11   \r
  12   render: () ->\r
  13     @attr = {style: Pettanr.to_style(@style())}\r
  14     @b = new Pettanr.Views.Balloon.Element({\r
  15       element: @balloon, \r
  16       root: @root,\r
  17       spot: @spot\r
  18     })\r
  19     @s = new Pettanr.Views.Speech.Element({\r
  20       element: @speech, \r
  21       root: @root,\r
  22       spot: @spot\r
  23     })\r
  24     this.$el.attr(@attr)\r
  25     this.$el.html('')\r
  26     this.$el.append(@b.render().el)\r
  27     this.$el.append(@s.render().el)\r
  28     this\r
  29   \r
  30   style: () ->\r
  31     {\r
  32       width: Pettanr.to_s(@balloon.get('width')) + 'px', \r
  33       height: Pettanr.to_s(@balloon.get('height')) + 'px',\r
  34       top: Pettanr.to_s(@balloon.get('y')) + 'px',\r
  35       left: Pettanr.to_s(@balloon.get('x')) + 'px',\r
  36       'z-index': @element.get('z')\r
  37     }\r
  38   \r