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

   1 class Editor.PanelEditor.Dock extends Editor.EditorModule.DockBase\r
   2   tagName: 'div'\r
   3   className: 'dock'\r
   4   \r
   5   initialize: (options) ->\r
   6     super(options)\r
   7     @root_bay = new Editor.EditorModule.DockModule.RootBay({\r
   8       parent: this, index: 0, name: 'panel'\r
   9     })\r
  10     @add_tab(\r
  11       @root_bay, \r
  12       new Editor.EditorModule.DockModule.TabModule.RootBayLabel({\r
  13         parent: @root_bay, caption: 'panel'\r
  14       }), \r
  15       new Editor.EditorModule.DockModule.TabModule.RootBayBody({\r
  16         parent: @root_bay\r
  17       })\r
  18     )\r
  19     @element_bay = new Editor.EditorModule.DockModule.ElementBay({\r
  20       parent: this, index: 1, name: 'elements'\r
  21     })\r
  22     @add_tab(\r
  23       @element_bay, \r
  24       new Editor.EditorModule.DockModule.TabModule.ElementBayLabel({\r
  25         parent: @element_bay, caption: 'elements'\r
  26       }), \r
  27       new Editor.EditorModule.DockModule.TabModule.ElementBayBody({\r
  28         parent: @element_bay\r
  29       })\r
  30     )\r
  31     @scenario_bay = new Editor.EditorModule.DockModule.ScenarioBay({\r
  32       parent: this, index: 2, name: 'scenario'\r
  33     })\r
  34     @add_tab(\r
  35       @scenario_bay, \r
  36       new Editor.EditorModule.DockModule.TabModule.ScenarioBayLabel({\r
  37         parent: @scenario_bay, caption: 'scenario'\r
  38       }), \r
  39       new Editor.EditorModule.DockModule.TabModule.ScenarioBayBody({\r
  40         parent: @scenario_bay\r
  41       })\r
  42     )\r
  43   \r
  44   render: () ->\r
  45     this.$el.html('')\r
  46     l = _.map @tabs, (tab) ->\r
  47       tab.label\r
  48     labels = new Tag.Ul({contents: l, class_name: @dom_labels_class()})\r
  49     this.$el.append(labels.render().el)\r
  50     _.each @tabs, (tab) =>\r
  51       this.$el.append(tab.render().el)\r
  52     this\r
  53   \r
  54   add_element: (element) ->\r
  55     @element_bay.add_element(element)\r
  56   \r
  57   editor: () ->\r
  58     @parent\r
  59   \r
  60   dom_id: () ->\r
  61     @editor().dom_id() + '-dock'\r
  62   \r
  63   dom_class: () ->\r
  64     @editor().dom_class() + '-dock'\r
  65   \r
  66   dom_labels_class: () ->\r
  67     @dom_class() + '-labels'\r
  68   \r
  69 class Editor.EditorModule.DockModule.RootBay extends Editor.EditorModule.DockModule.SimpleBay\r
  70   \r
  71   render: () ->\r
  72     @body.render()\r
  73   \r
  74 class Editor.EditorModule.DockModule.TabModule.RootBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
  75   \r
  76 class Editor.EditorModule.DockModule.TabModule.RootBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
  77   \r
  78   initialize: (options) ->\r
  79     super(options)\r
  80     @form = new Locmare.Bucket.factory(\r
  81       @root_item().item_name(), \r
  82       @root_item(), \r
  83       @mounted(), \r
  84       'default', \r
  85       @dock().editor().operators\r
  86     )\r
  87     @bucket = new Editor.EditorModule.DockModule.FormBucket({\r
  88       parent: this, form: @form\r
  89     })\r
  90   \r
  91   render: () ->\r
  92     super()\r
  93     @el.className = @bay().body.dom_class()\r
  94     this.$el.html(@bucket.render().el)\r
  95     this\r
  96   \r
  97   mounted: () ->\r
  98     true\r
  99   \r
 100   dock: () ->\r
 101     @parent.dock()\r
 102   \r
 103   root_item: () ->\r
 104     @dock().root_item()\r
 105   \r
 106 class Editor.EditorModule.DockModule.ElementBay extends Editor.EditorModule.DockModule.BoardBay\r
 107   \r
 108   initialize: (options) ->\r
 109     super(options)\r
 110     @elements_tabs = new Editor.EditorModule.DockModule.ElementBay.ElementsTabs({\r
 111     })\r
 112     @listenTo(@elements_tabs, 'sorted', @sorted)\r
 113   \r
 114   add_element: (element) ->\r
 115     index = element.get('z') - 1\r
 116     tab = new Editor.EditorModule.DockModule.ElementBoard({\r
 117       parent: this, index: index, name: element.item_name(), element: element\r
 118     })\r
 119     bb = new Editor.EditorModule.DockModule.TabModule.ElementBoardBody({parent: tab})\r
 120     @add_tab(\r
 121       tab, \r
 122       new Editor.EditorModule.DockModule.TabModule.ElementBoardLabel({parent: tab, name: element.item_name()}), \r
 123       bb\r
 124     )\r
 125     @elements_tabs.add_element_tab(tab)\r
 126     @elements_tabs.$el.tabs('refresh')\r
 127     bb.form\r
 128   \r
 129   add_new_tab: () ->\r
 130   \r
 131   render: () ->\r
 132     this.$el.html('')\r
 133     this.$el.attr('id', @body.dom_id())\r
 134     this.$el.append(@elements_tabs.render().el)\r
 135     @elements_tabs.$el.tabs()\r
 136     this\r
 137   \r
 138   sorted: () ->\r
 139     # data-z copy to model\r
 140     _.each @tabs, (tab) ->\r
 141       z = parseInt(tab.label.$el.attr('data-z'))\r
 142       tab.element.set({\r
 143         z: z\r
 144       }, {silent: true})\r
 145       tab.element.trigger('sort')\r
 146   \r
 147   panel_body: () ->\r
 148     @dock().editor().body\r
 149   \r
 150 class Editor.EditorModule.DockModule.ElementBay.ElementsTabs extends Backbone.View\r
 151   tagName: 'div'\r
 152   className: 'elements_tabs ui-tabs-vertical ui-helper-clearfix'\r
 153   \r
 154   initialize: (options) ->\r
 155     super(options)\r
 156     @inner_elements_tabs = new Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs({\r
 157     })\r
 158     @listenTo(@inner_elements_tabs, 'sorted', @sorted)\r
 159   \r
 160   render: () ->\r
 161     this.$el.html('')\r
 162     this.$el.append(@inner_elements_tabs.render().$el)\r
 163     this\r
 164   \r
 165   add_element_tab: (tab) ->\r
 166     @inner_elements_tabs.add_label(tab.label)\r
 167     this.$el.append(tab.body.render().$el)\r
 168   \r
 169   sorted: () ->\r
 170     # data-z copy to model\r
 171     @trigger('sorted')\r
 172   \r
 173 class Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs extends Backbone.View\r
 174   tagName: 'ul'\r
 175   \r
 176   initialize: (options) ->\r
 177     super(options)\r
 178   \r
 179   render: () ->\r
 180     this.$el.html('')\r
 181     _this = this\r
 182     this.$el.sortable {\r
 183       update: (event, ui) ->\r
 184         z = 1\r
 185         $('li', $(@)).map ->\r
 186           $(@).attr('data-z', z)\r
 187           z++\r
 188         _this.trigger('sorted')\r
 189     }\r
 190     this\r
 191   \r
 192   add_label: (label) ->\r
 193     this.$el.append(label.render().$el)\r
 194     this.$el.sortable {\r
 195       appendTo: label.el\r
 196     }\r
 197     label.add_label()\r
 198   \r
 199 class Editor.EditorModule.DockModule.TabModule.ElementBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
 200   \r
 201 class Editor.EditorModule.DockModule.TabModule.ElementBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
 202   \r
 203   render: () ->\r
 204     @body.render()\r
 205   \r
 206 class Editor.EditorModule.DockModule.ElementBoard extends Editor.EditorModule.DockModule.Board\r
 207   \r
 208   initialize: (options) ->\r
 209     super(options)\r
 210     @element = options.element\r
 211   \r
 212   dom_id: () ->\r
 213     super() + '-' + @element.get('id') + '-'  # use tab index\r
 214   \r
 215 class Editor.EditorModule.DockModule.TabModule.ElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 216   \r
 217   render: () ->\r
 218     super()\r
 219     this.$el.attr('data-z', @element().get('z'))\r
 220     this.$el.removeClass('ui-corner-top')\r
 221     this.$el.addClass('ui-corner-left')\r
 222     _this = this\r
 223     this.$el.mouseover -> \r
 224       _this.element().trigger('active')\r
 225     this.$el.mouseout -> \r
 226       _this.element().trigger('inactive')\r
 227     this\r
 228   \r
 229   add_label: () ->\r
 230     this.$el.attr('id', @dom_id())\r
 231   \r
 232 class Editor.EditorModule.DockModule.TabModule.ElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 233   \r
 234   initialize: (options) ->\r
 235     super(options)\r
 236     @form = Locmare.Form.factory({\r
 237       form_name: @element().item_name(), \r
 238       item: @element(), \r
 239       mounted: @mounted(), \r
 240       submit: null, \r
 241       operators: @dock().editor().operators,\r
 242       action: '/' + @element().table_name() + '/' + Pettanr.to_s(@element().get('id'))\r
 243     })\r
 244   \r
 245   render: () ->\r
 246     this.$el.attr('id', @dom_id())\r
 247     this.$el.html(@form.render().el)\r
 248     this\r
 249   \r
 250   add_element: (element) ->\r
 251     @form.add_element(element)\r
 252   \r
 253   mounted: () ->\r
 254     true\r
 255   \r
 256   element: () ->\r
 257     @parent.element\r
 258   \r
 259 class Editor.EditorModule.DockModule.ScenarioBay extends Editor.EditorModule.DockModule.BoardBay\r
 260   \r
 261   initialize: (options) ->\r
 262     super(options)\r
 263     i = 0\r
 264     _.each @elements(), (element) =>\r
 265       tab = new Editor.EditorModule.DockModule.ScenarioBoard({\r
 266         parent: this, index: i, name: element.item_name(), element: element\r
 267       })\r
 268       @add_tab(\r
 269         tab, \r
 270         new Editor.EditorModule.DockModule.TabModule.ScenarioBoardLabel({parent: tab, caption: element.item_name()}), \r
 271         new Editor.EditorModule.DockModule.TabModule.ScenarioBoardBody({parent: tab})\r
 272       )\r
 273       i++\r
 274   \r
 275   render: () ->\r
 276     this.$el.html('')\r
 277     this.$el.attr('id', @body.dom_id())\r
 278     elements_tabs = new Editor.EditorModule.DockModule.ScenarioBay.ScenarioTabs({\r
 279       tabs: @tabs\r
 280     })\r
 281     this.$el.append(elements_tabs.render().el)\r
 282     _.each @tabs, (tab) =>\r
 283       this.$el.append(tab.body.render().el)\r
 284     elements_tabs.$el.tabs()\r
 285     this\r
 286   \r
 287   elements: () ->\r
 288     @root_item().scenario_elements()\r
 289   \r
 290   class_name: () ->\r
 291     "tsort-box"\r
 292   \r
 293 class Editor.EditorModule.DockModule.ScenarioBay.ScenarioTabs extends Backbone.View\r
 294   tagName: 'ul'\r
 295   className: 'tsort'\r
 296   \r
 297   initialize: (options) ->\r
 298     super(options)\r
 299     @tabs = options.tabs\r
 300   \r
 301   render: () ->\r
 302     this.$el.html('')\r
 303     _.each @tabs, (tab) =>\r
 304       this.$el.append(tab.label.render().el)\r
 305     this\r
 306   \r
 307 class Editor.EditorModule.DockModule.TabModule.ScenarioBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
 308   \r
 309 class Editor.EditorModule.DockModule.TabModule.ScenarioBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
 310   \r
 311   initialize: (options) ->\r
 312     super(options)\r
 313   \r
 314 class Editor.EditorModule.DockModule.ScenarioBoard extends Editor.EditorModule.DockModule.Board\r
 315   \r
 316   initialize: (options) ->\r
 317     super(options)\r
 318     @element = options.element\r
 319   \r
 320 class Editor.EditorModule.DockModule.TabModule.ScenarioBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 321   \r
 322   with_destroy_button: () ->\r
 323     false\r
 324   \r
 325 class Editor.EditorModule.DockModule.TabModule.ScenarioBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 326   \r
 327   initialize: (options) ->\r
 328     super(options)\r
 329     @bucket = new Editor.EditorModule.DockModule.ScenarioBucket({\r
 330       parent: this\r
 331     })\r
 332   \r
 333 class Editor.EditorModule.DockModule.PriorityBay extends Editor.EditorModule.DockModule.BoardBay\r
 334   \r
 335   initialize: (options) ->\r
 336     super(options)\r
 337     i = 0\r
 338     _.each @elements(), (element) =>\r
 339       tab = new Editor.EditorModule.DockModule.PriorityBoard({\r
 340         parent: this, index: i, name: element.item_name(), element: element\r
 341       })\r
 342       @add_tab(\r
 343         tab, \r
 344         new Editor.EditorModule.DockModule.TabModule.PriorityBoardLabel({parent: tab, name: element.item_name()}), \r
 345         new Editor.EditorModule.DockModule.TabModule.PriorityBoardBody({parent: tab})\r
 346       )\r
 347       i++\r
 348   \r
 349   render: () ->\r
 350     this.$el.html('')\r
 351     this.$el.attr('id', @body.dom_id())\r
 352     elements_tabs = new Editor.EditorModule.DockModule.PriorityBay.PriorityTabs({\r
 353       tabs: @tabs\r
 354     })\r
 355     this.$el.append(elements_tabs.render().el)\r
 356     _.each @tabs, (tab) =>\r
 357       this.$el.append(tab.body.render().el)\r
 358     elements_tabs.$el.tabs()\r
 359     this\r
 360   \r
 361   elements: () ->\r
 362     @root_item().scenario_elements()\r
 363   \r
 364   class_name: () ->\r
 365     "zsort-box"\r
 366   \r
 367 class Editor.EditorModule.DockModule.PriorityBay.PriorityTabs extends Backbone.View\r
 368   tagName: 'ul'\r
 369   className: 'zsort'\r
 370   \r
 371   initialize: (options) ->\r
 372     super(options)\r
 373     @tabs = options.tabs\r
 374   \r
 375   render: () ->\r
 376     this.$el.html('')\r
 377     _.each @tabs, (tab) =>\r
 378       this.$el.append(tab.label.render().el)\r
 379     this\r
 380   \r
 381 class Editor.EditorModule.DockModule.TabModule.PriorityBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
 382   \r
 383 class Editor.EditorModule.DockModule.TabModule.PriorityBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
 384   \r
 385   initialize: (options) ->\r
 386     super(options)\r
 387   \r
 388 class Editor.EditorModule.DockModule.PriorityBoard extends Editor.EditorModule.DockModule.Board\r
 389   \r
 390   initialize: (options) ->\r
 391     super(options)\r
 392     @element = options.element\r
 393   \r
 394   mounted: () ->\r
 395     false\r
 396   \r
 397 class Editor.EditorModule.DockModule.TabModule.PriorityBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 398   \r
 399   with_destroy_button: () ->\r
 400     false\r
 401   \r
 402 class Editor.EditorModule.DockModule.TabModule.PriorityBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 403   \r
 404   initialize: (options) ->\r
 405     super(options)\r
 406     @bucket = new Editor.EditorModule.DockModule.PriorityBucket({\r
 407       parent: this\r
 408     })\r
 409     \r
 410 #    form_manager = Pettanr::Application::manifest.form_managers[self.root_item.form_name]\r
 411 #    form = form_manager.open self.root_item, @dock_body.dock.editor.operators, mounted\r
 412 #    bucket = Bucket.new self,form\r
 413   \r
 414 class Editor.EditorModule.DockModule.NewBay extends Editor.EditorModule.DockModule.BoardBay\r
 415   \r
 416 \r
 417 class Editor.EditorModule.DockModule.TabModule.NewBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
 418   \r
 419 \r
 420 class Editor.EditorModule.DockModule.TabModule.NewBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
 421   \r
 422   initialize: (options) ->\r
 423     super(options)\r
 424   \r
 425 class Editor.EditorModule.DockModule.NewBoard extends Editor.EditorModule.DockModule.Board\r
 426   \r
 427 class Editor.EditorModule.DockModule.TabModule.NewBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 428   \r
 429 class Editor.EditorModule.DockModule.TabModule.NewBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 430   \r
 431   initialize: (options) ->\r
 432     super(options)\r
 433 #    form_manager = Pettanr::Application::manifest.form_managers[self.root_item.form_name]\r
 434 #    form = form_manager.open self.root_item, @dock_body.dock.editor.operators, mounted\r
 435 #    bucket = Bucket.new self,form\r
 436   \r