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     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   put: () ->\r
  71     attrs = @dock.save_data()\r
  72     false\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