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     #@dock.add_new_tab()\r
  24     @body.on('panel:resize', @panel_resize)\r
  25     @listenTo(@dock, 'put', @put)\r
  26   \r
  27   add_element: (element) ->\r
  28     console.log(element)\r
  29     panel_element_view = @body.add_element(element)\r
  30     element_form = @dock.add_element(element)\r
  31     @dig(element, panel_element_view, element_form)\r
  32     if element.constructor.has_picture()\r
  33       @credits.add_picture(element.picture())\r
  34   \r
  35   dig: (element, panel_element_view, element_form) ->\r
  36     console.log(element.elements_items())\r
  37     _.each element.elements_items(), (child_element) =>\r
  38       console.log(child_element)\r
  39       child_element.fetch({cache: true}).done =>\r
  40         child_panel_element_view = panel_element_view.add_element(child_element)\r
  41         child_element_form = element_form.add_element(child_element)\r
  42         @dig(child_element, child_panel_element_view, child_element_form)\r
  43   \r
  44   remove_element: (element) ->\r
  45     \r
  46   \r
  47   render: () ->\r
  48     this.$el.html('')\r
  49     # this.$el.append(@dialog.render().el)\r
  50     #@dialog.$el.dialog({autoOpen: false,      width: 640, height: 560    })\r
  51     this.$el.append(@body.render().el)\r
  52     this.$el.append(@dock.render().el)\r
  53     @dock.element_bay.add_new_tab()\r
  54     this.$el.append(@credits.render().el)\r
  55     rb = new Tag.RowBreak()\r
  56     this.$el.append(rb.render().el)\r
  57     @dock.$el.tabs()\r
  58     window.editor = this  # enable leave cancel flag on unsave\r
  59     this\r
  60   \r
  61   panel_resize: () ->\r
  62     my = @body.$el\r
  63     w = parseInt(my.width())\r
  64     h = parseInt(my.height())\r
  65     #$(trace + 'width').val(w)\r
  66     #$(trace + 'height').val(h)\r
  67   \r
  68   quit: () ->\r
  69     @dialog.$el.dialog('destroy')\r
  70     window.editor = null  # release editor\r
  71   \r
  72   put: () ->\r
  73     success = (data, textStatus) =>\r
  74       window.editor = null  # release editor\r
  75       @dock.valid()\r
  76     error = (data, textStatus) =>\r
  77       @dock.invalid()\r
  78     @dock.save({success: success, error: error})\r
  79     false\r
  80   \r
  81   root_item: () ->\r
  82     @panel\r
  83   \r
  84   dom_id: () ->\r
  85     'editor-' + Pettanr.to_s(@root_item().get('id'))\r
  86   \r
  87   dom_class: () ->\r
  88     'editor'\r
  89 \r
  90 class Editor.PanelEditor.Dialog extends Backbone.View\r
  91   tagName: 'div'\r
  92   className: 'panel-editor-dialog'\r
  93   \r
  94   initialize: (options) ->\r
  95     @parent = options.parent\r
  96   \r
  97   render: () ->\r
  98     this.$el.html('')\r
  99     this\r
 100   \r