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     tab = new Editor.EditorModule.DockModule.NewElementBoard({\r
 131       parent: this, index: 0, name: 'new'\r
 132     })\r
 133     bb = new Editor.EditorModule.DockModule.TabModule.NewElementBoardBody({parent: tab})\r
 134     @add_tab(\r
 135       tab, \r
 136       new Editor.EditorModule.DockModule.TabModule.NewElementBoardLabel({parent: tab}), \r
 137       bb\r
 138     )\r
 139     @elements_tabs.add_element_tab(tab)\r
 140   \r
 141   render: () ->\r
 142     this.$el.html('')\r
 143     this.$el.attr('id', @body.dom_id())\r
 144     this.$el.append(@elements_tabs.render().el)\r
 145     @elements_tabs.$el.tabs()\r
 146     # @add_new_tab()\r
 147     this\r
 148   \r
 149   sorted: () ->\r
 150     # data-z copy to model\r
 151     _.each @tabs, (tab) ->\r
 152       z = parseInt(tab.label.$el.attr('data-z'))\r
 153       tab.element.set({\r
 154         z: z\r
 155       }, {silent: true})\r
 156       tab.element.trigger('sort')\r
 157   \r
 158   panel_body: () ->\r
 159     @dock().editor().body\r
 160   \r
 161 class Editor.EditorModule.DockModule.ElementBay.ElementsTabs extends Backbone.View\r
 162   tagName: 'div'\r
 163   className: 'elements_tabs ui-tabs-vertical ui-helper-clearfix'\r
 164   \r
 165   initialize: (options) ->\r
 166     super(options)\r
 167     @inner_elements_tabs = new Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs({\r
 168     })\r
 169     @listenTo(@inner_elements_tabs, 'sorted', @sorted)\r
 170   \r
 171   render: () ->\r
 172     this.$el.html('')\r
 173     this.$el.append(@inner_elements_tabs.render().$el)\r
 174     this\r
 175   \r
 176   add_element_tab: (tab) ->\r
 177     @inner_elements_tabs.add_label(tab.label)\r
 178     this.$el.append(tab.body.render().$el)\r
 179   \r
 180   sorted: () ->\r
 181     # data-z copy to model\r
 182     @trigger('sorted')\r
 183   \r
 184 class Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs extends Backbone.View\r
 185   tagName: 'ul'\r
 186   \r
 187   initialize: (options) ->\r
 188     super(options)\r
 189     @labels = []\r
 190   \r
 191   render: () ->\r
 192     this.$el.html('')\r
 193     _.each @zorderd_labels(), (label) =>\r
 194       this.$el.append(label.render().$el)\r
 195     _this = this\r
 196     this.$el.sortable {\r
 197       update: (event, ui) ->\r
 198         z = 1\r
 199         $('li', $(@)).map ->\r
 200           $(@).attr('data-z', z)\r
 201           z++\r
 202         _this.trigger('sorted')\r
 203     }\r
 204     this\r
 205   \r
 206   zorderd_labels: () ->\r
 207     res = []\r
 208     _.each @labels, (label) =>\r
 209       res[label.z()] = label\r
 210     res\r
 211   \r
 212   add_label: (label) ->\r
 213     #z = label.z()\r
 214     @labels.push(label) # insert array\r
 215     @render()\r
 216     label.add_label()\r
 217   \r
 218 class Editor.EditorModule.DockModule.TabModule.ElementBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
 219   \r
 220 class Editor.EditorModule.DockModule.TabModule.ElementBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
 221   \r
 222   render: () ->\r
 223     @body.render()\r
 224   \r
 225 class Editor.EditorModule.DockModule.ElementBoard extends Editor.EditorModule.DockModule.Board\r
 226   \r
 227   initialize: (options) ->\r
 228     super(options)\r
 229     @element = options.element\r
 230   \r
 231   dom_id: () ->\r
 232     super() + '-' + @element.get('id')  # use tab index\r
 233   \r
 234 class Editor.EditorModule.DockModule.TabModule.ElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 235   \r
 236   render: () ->\r
 237     super()\r
 238     this.$el.attr('data-z', @z())\r
 239     this.$el.removeClass('ui-corner-top')\r
 240     this.$el.addClass('ui-corner-left')\r
 241     this\r
 242   \r
 243   z: () ->\r
 244     @element().get('z')\r
 245   \r
 246   add_label: () ->\r
 247     this.$el.attr('id', @dom_id())\r
 248   \r
 249 class Editor.EditorModule.DockModule.TabModule.ElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 250   \r
 251   initialize: (options) ->\r
 252     super(options)\r
 253     @form = Locmare.Form.factory({\r
 254       form_name: @element().item_name(), \r
 255       item: @element(), \r
 256       mounted: @mounted(), \r
 257       submit: null, \r
 258       operators: @dock().editor().operators,\r
 259       action: '/' + @element().table_name() + '/' + Pettanr.to_s(@element().get('id'))\r
 260     })\r
 261   \r
 262   render: () ->\r
 263     this.$el.attr('id', @dom_id())\r
 264     this.$el.html(@form.render().el)\r
 265     this\r
 266   \r
 267   add_element: (element) ->\r
 268     @form.add_element(element)\r
 269   \r
 270   mounted: () ->\r
 271     true\r
 272   \r
 273   element: () ->\r
 274     @parent.element\r
 275   \r
 276 class Editor.EditorModule.DockModule.NewElementBoard extends Editor.EditorModule.DockModule.Board\r
 277   \r
 278   initialize: (options) ->\r
 279     super(options)\r
 280   \r
 281 class Editor.EditorModule.DockModule.TabModule.NewElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 282   \r
 283   render: () ->\r
 284     super()\r
 285     this.$el.attr('data-z', @z())\r
 286     this.$el.removeClass('ui-corner-top')\r
 287     this.$el.addClass('ui-corner-left')\r
 288     this\r
 289   \r
 290   face: () ->\r
 291     this.$el.append()\r
 292     linked_elements_tab = new Tag.A({\r
 293       attr: {href: '#' + @board().body.dom_id() },\r
 294       content: 'new'\r
 295     })\r
 296     this.$el.append(linked_elements_tab.render().el)\r
 297   \r
 298   z: () ->\r
 299     0\r
 300   \r
 301   add_label: () ->\r
 302     this.$el.attr('id', @dom_id())\r
 303   \r
 304 class Editor.EditorModule.DockModule.TabModule.NewElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 305   \r
 306   initialize: (options) ->\r
 307     super(options)\r
 308   \r
 309   render: () ->\r
 310     this.$el.attr('id', @dom_id())\r
 311     @buttons = new Editor.EditorModule.DockModule.TabModule.NewElementButtons({parent: this})\r
 312     this.$el.append(@buttons.render().el)\r
 313     this\r
 314   \r
 315 class Editor.EditorModule.DockModule.TabModule.NewElementButtons extends Backbone.View\r
 316   \r
 317   initialize: (options) ->\r
 318     @parent = options.parent\r
 319     @panel = @parent.dock().editor().panel\r
 320   \r
 321   render: () ->\r
 322     this.$el.html('')\r
 323     _.each @panel.my_class().child_models(), (model) =>\r
 324       icon = new Pettanr.Image.Icon({item: model})\r
 325       this.$el.append(icon.render().el)\r
 326     this\r
 327   \r
 328 class Editor.EditorModule.DockModule.ScenarioBay extends Editor.EditorModule.DockModule.BoardBay\r
 329   \r
 330   initialize: (options) ->\r
 331     super(options)\r
 332     i = 0\r
 333     _.each @elements(), (element) =>\r
 334       tab = new Editor.EditorModule.DockModule.ScenarioBoard({\r
 335         parent: this, index: i, name: element.item_name(), element: element\r
 336       })\r
 337       @add_tab(\r
 338         tab, \r
 339         new Editor.EditorModule.DockModule.TabModule.ScenarioBoardLabel({parent: tab, caption: element.item_name()}), \r
 340         new Editor.EditorModule.DockModule.TabModule.ScenarioBoardBody({parent: tab})\r
 341       )\r
 342       i++\r
 343   \r
 344   render: () ->\r
 345     this.$el.html('')\r
 346     this.$el.attr('id', @body.dom_id())\r
 347     elements_tabs = new Editor.EditorModule.DockModule.ScenarioBay.ScenarioTabs({\r
 348       tabs: @tabs\r
 349     })\r
 350     this.$el.append(elements_tabs.render().el)\r
 351     _.each @tabs, (tab) =>\r
 352       this.$el.append(tab.body.render().el)\r
 353     elements_tabs.$el.tabs()\r
 354     this\r
 355   \r
 356   elements: () ->\r
 357     @root_item().scenario_elements()\r
 358   \r
 359   class_name: () ->\r
 360     "tsort-box"\r
 361   \r
 362 class Editor.EditorModule.DockModule.ScenarioBay.ScenarioTabs extends Backbone.View\r
 363   tagName: 'ul'\r
 364   className: 'tsort'\r
 365   \r
 366   initialize: (options) ->\r
 367     super(options)\r
 368     @tabs = options.tabs\r
 369   \r
 370   render: () ->\r
 371     this.$el.html('')\r
 372     _.each @tabs, (tab) =>\r
 373       this.$el.append(tab.label.render().el)\r
 374     this\r
 375   \r
 376 class Editor.EditorModule.DockModule.TabModule.ScenarioBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
 377   \r
 378 class Editor.EditorModule.DockModule.TabModule.ScenarioBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
 379   \r
 380   initialize: (options) ->\r
 381     super(options)\r
 382   \r
 383 class Editor.EditorModule.DockModule.ScenarioBoard extends Editor.EditorModule.DockModule.Board\r
 384   \r
 385   initialize: (options) ->\r
 386     super(options)\r
 387     @element = options.element\r
 388   \r
 389 class Editor.EditorModule.DockModule.TabModule.ScenarioBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 390   \r
 391   with_destroy_button: () ->\r
 392     false\r
 393   \r
 394 class Editor.EditorModule.DockModule.TabModule.ScenarioBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 395   \r
 396   initialize: (options) ->\r
 397     super(options)\r
 398     @bucket = new Editor.EditorModule.DockModule.ScenarioBucket({\r
 399       parent: this\r
 400     })\r
 401   \r
 402 class Editor.EditorModule.DockModule.PriorityBay extends Editor.EditorModule.DockModule.BoardBay\r
 403   \r
 404   initialize: (options) ->\r
 405     super(options)\r
 406     i = 0\r
 407     _.each @elements(), (element) =>\r
 408       tab = new Editor.EditorModule.DockModule.PriorityBoard({\r
 409         parent: this, index: i, name: element.item_name(), element: element\r
 410       })\r
 411       @add_tab(\r
 412         tab, \r
 413         new Editor.EditorModule.DockModule.TabModule.PriorityBoardLabel({parent: tab, name: element.item_name()}), \r
 414         new Editor.EditorModule.DockModule.TabModule.PriorityBoardBody({parent: tab})\r
 415       )\r
 416       i++\r
 417   \r
 418   render: () ->\r
 419     this.$el.html('')\r
 420     this.$el.attr('id', @body.dom_id())\r
 421     elements_tabs = new Editor.EditorModule.DockModule.PriorityBay.PriorityTabs({\r
 422       tabs: @tabs\r
 423     })\r
 424     this.$el.append(elements_tabs.render().el)\r
 425     _.each @tabs, (tab) =>\r
 426       this.$el.append(tab.body.render().el)\r
 427     elements_tabs.$el.tabs()\r
 428     this\r
 429   \r
 430   elements: () ->\r
 431     @root_item().scenario_elements()\r
 432   \r
 433   class_name: () ->\r
 434     "zsort-box"\r
 435   \r
 436 class Editor.EditorModule.DockModule.PriorityBay.PriorityTabs extends Backbone.View\r
 437   tagName: 'ul'\r
 438   className: 'zsort'\r
 439   \r
 440   initialize: (options) ->\r
 441     super(options)\r
 442     @tabs = options.tabs\r
 443   \r
 444   render: () ->\r
 445     this.$el.html('')\r
 446     _.each @tabs, (tab) =>\r
 447       this.$el.append(tab.label.render().el)\r
 448     this\r
 449   \r
 450 class Editor.EditorModule.DockModule.TabModule.PriorityBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
 451   \r
 452 class Editor.EditorModule.DockModule.TabModule.PriorityBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
 453   \r
 454   initialize: (options) ->\r
 455     super(options)\r
 456   \r
 457 class Editor.EditorModule.DockModule.PriorityBoard extends Editor.EditorModule.DockModule.Board\r
 458   \r
 459   initialize: (options) ->\r
 460     super(options)\r
 461     @element = options.element\r
 462   \r
 463   mounted: () ->\r
 464     false\r
 465   \r
 466 class Editor.EditorModule.DockModule.TabModule.PriorityBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 467   \r
 468   with_destroy_button: () ->\r
 469     false\r
 470   \r
 471 class Editor.EditorModule.DockModule.TabModule.PriorityBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 472   \r
 473   initialize: (options) ->\r
 474     super(options)\r
 475     @bucket = new Editor.EditorModule.DockModule.PriorityBucket({\r
 476       parent: this\r
 477     })\r
 478     \r
 479 #    form_manager = Pettanr::Application::manifest.form_managers[self.root_item.form_name]\r
 480 #    form = form_manager.open self.root_item, @dock_body.dock.editor.operators, mounted\r
 481 #    bucket = Bucket.new self,form\r
 482   \r
 483 class Editor.EditorModule.DockModule.NewBay extends Editor.EditorModule.DockModule.BoardBay\r
 484   \r
 485 \r
 486 class Editor.EditorModule.DockModule.TabModule.NewBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
 487   \r
 488 \r
 489 class Editor.EditorModule.DockModule.TabModule.NewBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
 490   \r
 491   initialize: (options) ->\r
 492     super(options)\r
 493   \r
 494 class Editor.EditorModule.DockModule.NewBoard extends Editor.EditorModule.DockModule.Board\r
 495   \r
 496 class Editor.EditorModule.DockModule.TabModule.NewBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
 497   \r
 498 class Editor.EditorModule.DockModule.TabModule.NewBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
 499   \r
 500   initialize: (options) ->\r
 501     super(options)\r
 502 #    form_manager = Pettanr::Application::manifest.form_managers[self.root_item.form_name]\r
 503 #    form = form_manager.open self.root_item, @dock_body.dock.editor.operators, mounted\r
 504 #    bucket = Bucket.new self,form\r
 505   \r