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   \r
  10   render: () ->\r
  11     attr = {style: @style()}\r
  12     @balloon = new Pettanr.Views.Balloon.Element({\r
  13       element: @element, \r
  14       root: @root,\r
  15       spot: @spot\r
  16     })\r
  17     @speech = new Pettanr.Views.Speech.Element({\r
  18       element: @element, \r
  19       root: @root,\r
  20       spot: @spot\r
  21     })\r
  22     this.$el.attr(@attr)\r
  23     this.$el.html(@img.render().el)\r
  24     this\r
  25   \r
  26   style: () ->\r
  27     {\r
  28       width: Pettanr.to_s(@balloon.get('width')) + 'px', \r
  29       height: Pettanr.to_s(@balloon.get('height')) + 'px',\r
  30       top: Pettanr.to_s(@balloon.get('y')) + 'px',\r
  31       left: Pettanr.to_s(@balloon.get('x')) + 'px',\r
  32       'z-index': @element.get('z')\r
  33     }\r
  34   \r