fix:

[pettanr/pettanr.git] / app / assets / javascripts / locmare / form / field / helper / tail_angle.js.coffee

diff --git a/app/assets/javascripts/locmare/form/field/helper/tail_angle.js.coffee b/app/assets/javascripts/locmare/form/field/helper/tail_angle.js.coffee
index 741cbc5..b06b798 100644 (file)
--- a/app/assets/javascripts/locmare/form/field/helper/tail_angle.js.coffee
+++ b/app/assets/javascripts/locmare/form/field/helper/tail_angle.js.coffee
@@ -1,6 +1,106 @@
 class Locmare.FormModule.FieldModule.HelperModule.TailAngle extends Locmare.FormModule.FieldModule.HelperModule.Base\r
+  className: 'r-wrap'\r
+  \r
+  # wrapper\r
+  initialize: (options) ->\r
+    super(options)\r
+    @down = new Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Down({field: @field, helper: this})\r
+    @up = new Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Up({field: @field, helper: this})\r
+    @reset = new Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Reset({field: @field, helper: this})\r
+    @listenTo(this, 'down', @down_click)\r
+    @listenTo(this, 'up', @up_click)\r
+    @listenTo(this, 'reset', @reset_click)\r
   \r
   render: () ->\r
+    @attr = {\r
+      style: 'display: block'\r
+    }\r
+    this.$el.attr(@attr)\r
     this.$el.html('')\r
+    this.$el.append(@down.render().el)\r
+    this.$el.append(@up.render().el)\r
+    this.$el.append(@reset.render().el)\r
+    this\r
+  \r
+  refresh: () -> \r
+  \r
+  r_step: () ->\r
+    @field.item().r_step()\r
+  \r
+  # balloon r helper\r
+  \r
+  set_r: (r) ->\r
+    @field.tag.$el.val(r)\r
+    @field.change()\r
+  \r
+  r: () ->\r
+    parseInt(@field.val())\r
+  \r
+  down_click: () ->\r
+    @set_r(Math.floor(@r() - @r_step()))\r
+  \r
+  up_click: () ->\r
+    @set_r(Math.floor(@r() + @r_step()))\r
+  \r
+  reset_click: () ->\r
+    @set_r(0)\r
+  \r
+class Locmare.FormModule.FieldModule.HelperModule.TailAngleModule\r
+class Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Down extends Backbone.View\r
+  tagName: 'button'\r
+  className: 'r-down'\r
+  events: {\r
+    'click': 'click'\r
+  }\r
+  \r
+  initialize: (options) ->\r
+    @field = options.field\r
+    @helper = options.helper\r
+  \r
+  render: () ->\r
+    this.$el.html('<')\r
     this\r
   \r
+  click: () -> \r
+    @helper.trigger('down')\r
+    false\r
+    \r
+class Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Up extends Backbone.View\r
+  tagName: 'button'\r
+  className: 'r-up'\r
+  events: {\r
+    'click': 'click'\r
+  }\r
+  \r
+  initialize: (options) ->\r
+    @field = options.field\r
+    @helper = options.helper\r
+  \r
+  render: () ->\r
+    this.$el.html('>')\r
+    this\r
+  \r
+  click: () -> \r
+    @helper.trigger('up')\r
+    false\r
+  \r
+class Locmare.FormModule.FieldModule.HelperModule.TailAngleModule.Reset extends Backbone.View\r
+  tagName: 'button'\r
+  className: 'r-reset'\r
+  events: {\r
+    'click': 'click'\r
+  }\r
+  \r
+  initialize: (options) ->\r
+    @field = options.field\r
+    @helper = options.helper\r
+  \r
+  render: () ->\r
+    this.$el.html('reset')\r
+    this\r
+  \r
+  click: () -> \r
+    @field.tag.$el.val(0)\r
+    @helper.trigger('reset')\r
+    false\r
+  \r