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   clear: () ->\r
  11     this\r
  12   \r
  13   render: () ->\r
  14     s = @style(@spot)\r
  15     _.extend(s, @style_wh())\r
  16     attr = {\r
  17       style: Pettanr.to_style(s)\r
  18     }\r
  19     this.$el.attr(attr)\r
  20     this\r
  21   \r
  22   add_element: (element) ->\r
  23     null\r
  24   \r
  25   style: (spot = null, opacity = 20) ->\r
  26     r = {\r
  27       position: 'absolute', \r
  28       top: '0px', \r
  29       left: '0px',\r
  30       'z-index': @element.get('z'), \r
  31       'background-image': 'url(' + @element.picture().r_url() + ')', \r
  32       'background-repeat': @element.repeat_text(), \r
  33       'background-position': Pettanr.to_s(@element.get('x')) + 'px ' + Pettanr.to_s(@element.get('y')) + 'px'\r
  34     }\r
  35     r\r
  36   \r
  37   style_wh: () ->\r
  38     {\r
  39       width: Pettanr.to_s(@root.get('width')) + 'px', \r
  40       height: Pettanr.to_s(@root.get('height')) + 'px'\r
  41     }\r
  42   \r
  43 class Pettanr.Views.GroundPicture.Element.Edit extends Pettanr.Views.GroundPicture.Element\r
  44   \r