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

   1 class Pettanr.Views.Speech.Element extends Backbone.View\r
   2   tagName: 'div'\r
   3   className: 'pettanr-comic-speech'\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: Pettanr.to_style(@outer_style())}\r
  12     @div = new Pettanr.Tag.Div({\r
  13       attr: {\r
  14         style: Pettanr.to_style(@inner_style())\r
  15       }, \r
  16       content: @element.scenario(),\r
  17       class_name: 'pettanr-comic-speech-inner'\r
  18     })\r
  19     this.$el.attr(@attr)\r
  20     this.$el.html(@div.render().el)\r
  21     this\r
  22   \r
  23   outer_style: () ->\r
  24     {\r
  25       top: @element.get('y'), \r
  26       left: @element.get('x'), \r
  27       width: @element.get('width'), \r
  28       height: @element.get('height')\r
  29     }\r
  30   \r
  31   inner_style: () ->\r
  32     {\r
  33       'font-size': Pettanr.to_s(@element.get('font_size')) + 'em',\r
  34       'text-align': @element.text_align_text(), \r
  35       color: '#' + ('000000' + Pettanr.to_s(@element.get('fore_color'))).slice(-6)\r
  36     }\r
  37   \r