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

   1 class Editor.PanelEditor extends Backbone.View\r
   2   tagName: 'div'\r
   3   className: 'panel-editor'\r
   4   \r
   5   initialize: (options) ->\r
   6     @panel = options.root_item\r
   7     @operators = options.operators\r
   8     @dialog = new Editor.PanelEditor.Dialog({\r
   9       parent: this\r
  10     })\r
  11     @body = new Pettanr.Views.Panel.Body.Edit({\r
  12       panel: @root_item(),\r
  13       operators: @operators,\r
  14       spot: null\r
  15     })\r
  16     @dock = new Editor.PanelEditor.Dock({parent: this})\r
  17     @credits = new Pettanr.Views.Panel.ShowModule.Credits({pictures: {}})\r
  18     \r
  19     list = @panel.zorderd_elements()\r
  20     _.each list, (element) =>\r
  21       element.fetch({cache: true}).done =>\r
  22         @add_element(element)\r
  23     @body.on('panel:resize', @panel_resize)\r
  24     @listenTo(@dock, 'put', @put)\r
  25   \r
  26   add_element: (element) ->\r
  27     panel_element_view = @body.add_element(element)\r
  28     element_tab_form = @dock.add_element_to_element_tab(element)\r
  29     scenario_tab_form = @dock.add_element_to_scenario_tab(element)\r
  30     @dig(element, panel_element_view, element_tab_form, scenario_tab_form)\r
  31     if element.constructor.has_picture()\r
  32       @credits.add_picture(element.picture())\r
  33   \r
  34   dig: (element, panel_element_view, element_tab_form, scenario_tab_form) ->\r
  35     _.each element.elements_items(), (child_element) =>\r
  36       child_element.fetch({cache: true}).done =>\r
  37         child_panel_element_view = panel_element_view.add_element(child_element)\r
  38         child_element_tab_form = element_tab_form.add_element(child_element)\r
  39         child_scenario_tab_form = scenario_tab_form.add_element(child_element)\r
  40         @dig(child_element, child_panel_element_view, child_element_tab_form, child_scenario_tab_form)\r
  41   \r
  42   remove_element: (element) ->\r
  43     \r
  44   \r
  45   render: () ->\r
  46     this.$el.html('')\r
  47     # this.$el.append(@dialog.render().el)\r
  48     #@dialog.$el.dialog({autoOpen: false,      width: 640, height: 560    })\r
  49     this.$el.append(@body.render().el)\r
  50     this.$el.append(@dock.render().el)\r
  51     @dock.element_bay.add_new_tab()\r
  52     this.$el.append(@credits.render().el)\r
  53     rb = new Tag.RowBreak()\r
  54     this.$el.append(rb.render().el)\r
  55     @dock.init_tabs()\r
  56     window.editor = this  # enable leave cancel flag on unsave\r
  57     this\r
  58   \r
  59   panel_resize: () ->\r
  60     my = @body.$el\r
  61     w = parseInt(my.width())\r
  62     h = parseInt(my.height())\r
  63     #$(trace + 'width').val(w)\r
  64     #$(trace + 'height').val(h)\r
  65   \r
  66   quit: () ->\r
  67     @dialog.$el.dialog('destroy')\r
  68     window.editor = null  # release editor\r
  69   \r
  70   put: () ->\r
  71     success = (data, textStatus) =>\r
  72       window.editor = null  # release editor\r
  73       @dock.valid()\r
  74     error = (data, textStatus) =>\r
  75       @dock.invalid()\r
  76     @dock.save({success: success, error: error})\r
  77     false\r
  78   \r
  79   root_item: () ->\r
  80     @panel\r
  81   \r
  82   dom_id: () ->\r
  83     'editor-' + Pettanr.to_s(@root_item().get('id'))\r
  84   \r
  85   dom_class: () ->\r
  86     'editor'\r
  87 \r
  88 class Editor.PanelEditor.Dialog extends Backbone.View\r
  89   tagName: 'div'\r
  90   className: 'panel-editor-dialog'\r
  91   \r
  92   initialize: (options) ->\r
  93     @parent = options.parent\r
  94   \r
  95   render: () ->\r
  96     this.$el.html('')\r
  97     this\r
  98   \r