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.Show.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({\r
  51       autoOpen: false,\r
  52       width: 640, height: 560\r
  53     })\r
  54     this.$el.append(@body.render().el)\r
  55     this.$el.append(@dock.render().el)\r
  56     @dock.element_bay.add_new_tab()\r
  57     this.$el.append(@credits.render().el)\r
  58     rb = new Tag.RowBreak()\r
  59     this.$el.append(rb.render().el)\r
  60     this.$el.tabs()\r
  61     window.editor = this  # enable leave cancel flag on unsave\r
  62     this\r
  63   \r
  64   panel_resize: () ->\r
  65     my = @body.$el\r
  66     w = parseInt(my.width())\r
  67     h = parseInt(my.height())\r
  68     #$(trace + 'width').val(w)\r
  69     #$(trace + 'height').val(h)\r
  70   \r
  71   quit: () ->\r
  72     @dialog.$el.dialog('destroy')\r
  73     window.editor = null  # release editor\r
  74   \r
  75   put: () ->\r
  76     if @dock.save()\r
  77       window.editor = null  # release editor\r
  78       @dock.valid()\r
  79     else\r
  80       @dock.invalid()\r
  81     false\r
  82   \r
  83   root_item: () ->\r
  84     @panel\r
  85   \r
  86   dom_id: () ->\r
  87     'editor-' + Pettanr.to_s(@root_item().get('id'))\r
  88   \r
  89   dom_class: () ->\r
  90     'editor'\r
  91 \r
  92 class Editor.PanelEditor.Dialog extends Backbone.View\r
  93   tagName: 'div'\r
  94   className: 'panel-editor-dialog'\r
  95   \r
  96   initialize: (options) ->\r
  97     @parent = options.parent\r
  98   \r
  99   render: () ->\r
 100     this.$el.html('')\r
 101     this\r
 102   \r