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

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