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

   1 class Pettanr.Views.GroundPicture.Element extends Backbone.View\r
   2   tagName: 'div'\r
   3   className: 'pettanr-comic-ground-picture'\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     s = @style(@spot)\r
  12     _.extend(s, @style_wh())\r
  13     attr = {\r
  14       style: Pettanr.to_style(s)\r
  15     }\r
  16     this.$el.attr(attr)\r
  17     this\r
  18   \r
  19   style: (spot = null, opacity = 20) ->\r
  20     r = {\r
  21       position: 'absolute', \r
  22       top: '0px', \r
  23       left: '0px',\r
  24       'z-index': @element.get('z'), \r
  25       'background-image': 'url(' + @picture().r_url() + ')', \r
  26       'background-repeat': @repeat_text(), \r
  27       'background-position': Pettanr.to_s(@element.get('x')) + 'px ' + Pettanr.to_s(@element.get('y')) + 'px'\r
  28     }\r
  29     r\r
  30   \r
  31   style_wh: () ->\r
  32     {\r
  33       width: Pettanr.to_s(@root.get('width')) + 'px', \r
  34       height: Pettanr.to_s(@root.get('height')) + 'px'\r
  35     }\r
  36   \r