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

   1 class Pettanr.Views.GroundColor.Symbol extends Pettanr.View\r
   2   tagName: 'div'\r
   3   \r
   4   initialize: (options) ->\r
   5     @item = options.item\r
   6     @class_name = options.class_name || 'face'\r
   7   \r
   8   clear: () ->\r
   9     @trigger('ready:symbol', symbol_picture)\r
  10     this\r
  11   \r
  12   render: () ->\r
  13     this.$el.addClass(@class_name)\r
  14     this.$el.html(@bg_color())\r
  15     attr = {\r
  16       style: Pettanr.to_style(@style())\r
  17     }\r
  18     this.$el.attr(attr)\r
  19     @delegateEvents({'click': @click})\r
  20     this\r
  21   \r
  22   fore_color: () ->\r
  23     c = @item.get('code') ^ 0xffffff\r
  24     ('000000' + c.toString(16)).slice(-6)\r
  25     \r
  26   bg_color: () ->\r
  27     c = @item.get('code')\r
  28     ('000000' + c.toString(16)).slice(-6)\r
  29     \r
  30   style: (spot = null, opacity = 20) ->\r
  31     width = Manifest.manifest().magic_numbers['thumbnail_width']\r
  32     height = Manifest.manifest().magic_numbers['thumbnail_height']\r
  33     {\r
  34       width: Pettanr.to_s(width) + 'px', \r
  35       height: Pettanr.to_s(height) + 'px', \r
  36       color: '#' + @fore_color()\r
  37       'background-color': '#' + @bg_color()\r
  38     }\r
  39   \r
  40   click: () ->\r
  41     @trigger('click')\r
  42   \r