app/assets/javascripts/locmare/form/field/helper/tail_angle.js.coffee

   1 class Locmare.FormModule.FieldModule.HelperModule.TailAngle extends Locmare.FormModule.FieldModule.HelperModule.Base\r
   2   className: 'r-wrap'\r
   3   \r
   4   # wrapper\r
   5   initialize: (options) ->\r
   6     super(options)\r
   7     @down = new Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Down({field: @field, helper: this})\r
   8     @up = new Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Up({field: @field, helper: this})\r
   9     @reset = new Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Reset({field: @field, helper: this})\r
  10     @listenTo(this, 'down', @down_click)\r
  11     @listenTo(this, 'up', @up_click)\r
  12     @listenTo(this, 'reset', @reset_click)\r
  13   \r
  14   render: () ->\r
  15     @attr = {\r
  16       style: 'display: block'\r
  17     }\r
  18     this.$el.attr(@attr)\r
  19     this.$el.html('')\r
  20     this.$el.append(@down.render().el)\r
  21     this.$el.append(@up.render().el)\r
  22     this.$el.append(@reset.render().el)\r
  23     this\r
  24   \r
  25   refresh: () -> \r
  26   \r
  27   r_step: () ->\r
  28     @field.item().r_step()\r
  29   \r
  30   # balloon r helper\r
  31   \r
  32   set_r: (r) ->\r
  33     @field.tag.$el.val(r)\r
  34     @field.change()\r
  35   \r
  36   r: () ->\r
  37     parseInt(@field.val())\r
  38   \r
  39   down_click: () ->\r
  40     @set_r(Math.floor(@r() - @r_step()))\r
  41   \r
  42   up_click: () ->\r
  43     @set_r(Math.floor(@r() + @r_step()))\r
  44   \r
  45   reset_click: () ->\r
  46     @set_r(0)\r
  47   \r
  48 class Locmare.FormModule.FieldModule.HelperModule.TailAngleModule\r
  49 class Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Down extends Backbone.View\r
  50   tagName: 'button'\r
  51   className: 'r-down'\r
  52   events: {\r
  53     'click': 'click'\r
  54   }\r
  55   \r
  56   initialize: (options) ->\r
  57     @field = options.field\r
  58     @helper = options.helper\r
  59   \r
  60   render: () ->\r
  61     this.$el.html('<')\r
  62     this\r
  63   \r
  64   click: () -> \r
  65     @helper.trigger('down')\r
  66     false\r
  67     \r
  68 class Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Up extends Backbone.View\r
  69   tagName: 'button'\r
  70   className: 'r-up'\r
  71   events: {\r
  72     'click': 'click'\r
  73   }\r
  74   \r
  75   initialize: (options) ->\r
  76     @field = options.field\r
  77     @helper = options.helper\r
  78   \r
  79   render: () ->\r
  80     this.$el.html('>')\r
  81     this\r
  82   \r
  83   click: () -> \r
  84     @helper.trigger('up')\r
  85     false\r
  86   \r
  87 class Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Reset extends Backbone.View\r
  88   tagName: 'button'\r
  89   className: 'r-reset'\r
  90   events: {\r
  91     'click': 'click'\r
  92   }\r
  93   \r
  94   initialize: (options) ->\r
  95     @field = options.field\r
  96     @helper = options.helper\r
  97   \r
  98   render: () ->\r
  99     this.$el.html('reset')\r
 100     this\r
 101   \r
 102   click: () -> \r
 103     @field.tag.$el.val(0)\r
 104     @helper.trigger('reset')\r
 105     false\r
 106   \r