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