app/assets/javascripts/editor/panel_editor/scenario/element.js.coffee

   1 class Editor.EditorModule.DockModule.ScenarioBay.Element extends Backbone.View\r
   2   tagName: 'li'\r
   3   className: 't-label'\r
   4   \r
   5   initialize: (options) ->\r
   6     super(options)\r
   7     @parent = options.parent\r
   8     @element = options.element\r
   9   \r
  10   render: () ->\r
  11     this.$el.html('')\r
  12     this.$el.attr('data-t', @t())\r
  13     @label = new Editor.EditorModule.DockModule.ScenarioBay.ElementLabel({\r
  14       parent: this, \r
  15     })\r
  16     @body = new Editor.EditorModule.DockModule.ScenarioBay.ElementBody({\r
  17       parent: this, \r
  18     })\r
  19     this.$el.append(@label.render().$el)\r
  20     this.$el.append(@body.render().$el)\r
  21     rb = new Tag.RowBreak()\r
  22     this.$el.append(rb.render().el)\r
  23     this\r
  24   \r
  25   refresh: () ->\r
  26     @body.form.refresh()\r
  27   \r
  28   t: () ->\r
  29     @element.get('t')\r
  30   \r
  31   dom_id: () ->\r
  32     super() + '-' + @element.get('id')  # use tab index\r
  33   \r
  34 class Editor.EditorModule.DockModule.ScenarioBay.ElementLabel extends Backbone.View\r
  35   className: 'scenario-label'\r
  36   \r
  37   initialize: (options) ->\r
  38     super(options)\r
  39     @parent = options.parent\r
  40   \r
  41   render: () ->\r
  42     this.$el.append(@element().element_face().render().el)\r
  43     _this = this\r
  44     this.$el.mouseover -> \r
  45       _this.element().trigger('active')\r
  46     this.$el.mouseout -> \r
  47       _this.element().trigger('inactive')\r
  48     this\r
  49   \r
  50   element: () ->\r
  51     @parent.element\r
  52   \r
  53   elements: () ->\r
  54     @parent.parent\r
  55   \r
  56   bay: () ->\r
  57     @elements().parent\r
  58   \r
  59   dock: () ->\r
  60     @bay().dock()\r
  61   \r
  62 class Editor.EditorModule.DockModule.ScenarioBay.ElementBody extends Backbone.View\r
  63   \r
  64   initialize: (options) ->\r
  65     super(options)\r
  66     @parent = options.parent\r
  67     @form = Locmare.Form.factory({\r
  68       form_name: @element().item_name(), \r
  69       use_name: 'scenario' \r
  70       item: @element(), \r
  71       element_form: true, \r
  72       submit: null, \r
  73     })\r
  74   \r
  75   render: () ->\r
  76     this.$el.html(@form.render().el)\r
  77     this\r
  78   \r
  79   element: () ->\r
  80     @parent.element\r
  81   \r
  82   elements: () ->\r
  83     @parent.parent\r
  84   \r
  85   bay: () ->\r
  86     @elements().parent\r
  87   \r
  88   dock: () ->\r
  89     @bay().dock()\r
  90   \r
  91   mounted: () ->\r
  92     true\r
  93   \r
  94   element: () ->\r
  95     @parent.element\r
  96   \r