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

   1 class Pettanr.Views.GroundColor.Element extends Backbone.View\r
   2   tagName: 'div'\r
   3   className: 'pettanr-comic-ground-color'\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 = {\r
  12       style: Pettanr.to_style(@style(@spot))\r
  13     }\r
  14     this.$el.attr(attr)\r
  15     this\r
  16   \r
  17   div_offset: () ->\r
  18     if @element.get('xy')\r
  19       @element.get('xy')\r
  20     else\r
  21       0\r
  22   \r
  23   div_size: () ->\r
  24     if @element.get('wh')\r
  25       @element.get('wh')\r
  26     else\r
  27       100 - @div_offset()\r
  28   \r
  29   div_x: () ->\r
  30     if @element.get('orientation') == 0\r
  31       0\r
  32     else\r
  33       @div_offset()\r
  34   \r
  35   div_y: () ->\r
  36     if @element.get('orientation') == 0\r
  37       @div_offset()\r
  38     else\r
  39       0\r
  40   \r
  41   div_width: () ->\r
  42     if @element.get('orientation') == 0\r
  43       100\r
  44     else\r
  45       @div_size()\r
  46   \r
  47   div_height: () ->\r
  48     if @element.get('orientation') == 0\r
  49       @div_size()\r
  50     else\r
  51       100\r
  52   \r
  53   style: (spot = null, opacity = 20) ->\r
  54     r = {\r
  55       position: 'absolute', \r
  56       'z-index': @element.get('z'), \r
  57       top: Pettanr.to_s(@div_y()) + '%', \r
  58       left: Pettanr.to_s(@div_x()) + '%', \r
  59       width: Pettanr.to_s(@div_width()) + '%', \r
  60       height: Pettanr.to_s(@div_height()) + '%', \r
  61       'background-color': '#' + ('000000' + Pettanr.to_s(@element.get('code'))).slice(-6)\r
  62     }\r
  63     @merge_opacity(r, opacity) if spot and spot != @element\r
  64     r\r
  65   \r