OSDN Git Service

add lost canceler
[pettanr/pettanr.git] / 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       if tab.element   # without new_tab\r
153         z = parseInt(tab.label.$el.attr('data-z'))\r
154         tab.element.set({\r
155           z: z\r
156         }, {silent: true})\r
157         tab.element.trigger('sort')\r
158   \r
159   panel_body: () ->\r
160     @dock().editor().body\r
161   \r
162 class Editor.EditorModule.DockModule.ElementBay.ElementsTabs extends Backbone.View\r
163   tagName: 'div'\r
164   className: 'elements_tabs ui-tabs-vertical ui-helper-clearfix'\r
165   \r
166   initialize: (options) ->\r
167     super(options)\r
168     @inner_elements_tabs = new Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs({\r
169     })\r
170     @listenTo(@inner_elements_tabs, 'sorted', @sorted)\r
171   \r
172   render: () ->\r
173     this.$el.html('')\r
174     this.$el.append(@inner_elements_tabs.render().$el)\r
175     this\r
176   \r
177   add_element_tab: (tab) ->\r
178     @inner_elements_tabs.add_label(tab.label)\r
179     this.$el.append(tab.body.render().$el)\r
180   \r
181   sorted: () ->\r
182     # data-z copy to model\r
183     @trigger('sorted')\r
184   \r
185 class Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs extends Backbone.View\r
186   tagName: 'ul'\r
187   \r
188   initialize: (options) ->\r
189     super(options)\r
190     @labels = []\r
191   \r
192   render: () ->\r
193     this.$el.html('')\r
194     this.$el.addClass('inner-elements-tabs')\r
195     _.each @zorderd_labels(), (label) =>\r
196       this.$el.append(label.render().$el)\r
197     _this = this\r
198     this.$el.sortable {\r
199       update: (event, ui) ->\r
200         z = 1\r
201         $('li', $(@)).map ->\r
202           $(@).attr('data-z', z)\r
203           z++\r
204         _this.trigger('sorted')\r
205     }\r
206     this\r
207   \r
208   zorderd_labels: () ->\r
209     res = []\r
210     _.each @labels, (label) =>\r
211       res[label.z()] = label\r
212     res\r
213   \r
214   add_label: (label) ->\r
215     #z = label.z()\r
216     @labels.push(label) # insert array\r
217     @render()\r
218     label.add_label()\r
219   \r
220 class Editor.EditorModule.DockModule.TabModule.ElementBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
221   \r
222 class Editor.EditorModule.DockModule.TabModule.ElementBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
223   \r
224   render: () ->\r
225     @body.render()\r
226   \r
227 class Editor.EditorModule.DockModule.ElementBoard extends Editor.EditorModule.DockModule.Board\r
228   \r
229   initialize: (options) ->\r
230     super(options)\r
231     @element = options.element\r
232   \r
233   dom_id: () ->\r
234     super() + '-' + @element.get('id')  # use tab index\r
235   \r
236 class Editor.EditorModule.DockModule.TabModule.ElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
237   \r
238   render: () ->\r
239     super()\r
240     this.$el.attr('data-z', @z())\r
241     this.$el.removeClass('ui-corner-top')\r
242     this.$el.addClass('ui-corner-left')\r
243     _this = this\r
244     this.$el.mouseover -> \r
245       _this.element().trigger('active')\r
246     this.$el.mouseout -> \r
247       _this.element().trigger('inactive')\r
248     this\r
249   \r
250   z: () ->\r
251     @element().get('z')\r
252   \r
253   add_label: () ->\r
254     this.$el.attr('id', @dom_id())\r
255   \r
256 class Editor.EditorModule.DockModule.TabModule.ElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
257   \r
258   initialize: (options) ->\r
259     super(options)\r
260     @form = Locmare.Form.factory({\r
261       form_name: @element().item_name(), \r
262       item: @element(), \r
263       mounted: @mounted(), \r
264       submit: null, \r
265       operators: @dock().editor().operators,\r
266       action: '/' + @element().table_name() + '/' + Pettanr.to_s(@element().get('id'))\r
267     })\r
268   \r
269   render: () ->\r
270     this.$el.attr('id', @dom_id())\r
271     this.$el.html(@form.render().el)\r
272     this\r
273   \r
274   add_element: (element) ->\r
275     @form.add_element(element)\r
276   \r
277   mounted: () ->\r
278     true\r
279   \r
280   element: () ->\r
281     @parent.element\r
282   \r
283 class Editor.EditorModule.DockModule.NewElementBoard extends Editor.EditorModule.DockModule.Board\r
284   \r
285   initialize: (options) ->\r
286     super(options)\r
287     @panel = @parent.dock().editor().panel\r
288   \r
289 class Editor.EditorModule.DockModule.TabModule.NewElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
290   \r
291   render: () ->\r
292     super()\r
293     this.$el.attr('data-z', @z())\r
294     this.$el.removeClass('ui-corner-top')\r
295     this.$el.addClass('ui-corner-left')\r
296     this\r
297   \r
298   face: () ->\r
299     this.$el.append()\r
300     icon = new Pettanr.Image.SymbolImg({attr: {src: '/images/new.gif'}})\r
301     linked_elements_tab = new Tag.A({\r
302       attr: {href: '#' + @board().body.dom_id() },\r
303       content: icon.render().el\r
304     })\r
305     this.$el.append(linked_elements_tab.render().el)\r
306   \r
307   z: () ->\r
308     0\r
309   \r
310   add_label: () ->\r
311     this.$el.attr('id', @dom_id())\r
312   \r
313 class Editor.EditorModule.DockModule.TabModule.NewElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
314   className: 'new-element-board-body'\r
315   \r
316   initialize: (options) ->\r
317     super(options)\r
318   \r
319   render: () ->\r
320     this.$el.attr('id', @dom_id())\r
321     @buttons = new Editor.EditorModule.DockModule.NewElementButtons({\r
322       parent: this, element_models: @element_models()\r
323     })\r
324     @form_wrapper = new Editor.EditorModule.DockModule.NewElementFormWrapper({\r
325       parent: this\r
326     })\r
327     this.$el.append(@buttons.render().el)\r
328     this.$el.append(@form_wrapper.clear().el)\r
329     this\r
330   \r
331   panel: () ->\r
332     @parent.panel\r
333   \r
334   element_models: () ->\r
335     @panel().my_class().child_models()\r
336   \r
337 class Editor.EditorModule.DockModule.NewElementButtons extends Backbone.View\r
338   tagName: 'div'\r
339   className: 'new-element-buttons'\r
340   \r
341   initialize: (options) ->\r
342     super(options)\r
343     @parent = options.parent\r
344     @element_models = options.element_models\r
345   \r
346   render: () ->\r
347     _.each @element_models, (model) =>\r
348       button = new Editor.EditorModule.DockModule.NewElementButton({\r
349         parent: this, model: model\r
350       })\r
351       this.$el.append(button.render().el)\r
352     this\r
353   \r
354 class Editor.EditorModule.DockModule.NewElementButton extends Backbone.View\r
355   tagName: 'div'\r
356   \r
357   initialize: (options) ->\r
358     super(options)\r
359     @parent = options.parent\r
360     @model = options.model\r
361   \r
362   render: () ->\r
363     this.$el.html('')\r
364     icon = new Pettanr.Image.Icon({item: @model})\r
365     linked_icon = new Editor.EditorModule.DockModule.NewElementLinkedButton({\r
366       attr: {href: '#event' },\r
367       content: icon.render().el,\r
368       handler_name: 'click'\r
369     })\r
370     @listenTo(linked_icon, 'click', @click)\r
371     this.$el.append(linked_icon.render().el)\r
372     this\r
373   \r
374   click: () ->\r
375     @set_dialog()\r
376     @set_form()\r
377     @dialog().$el.dialog('open')\r
378   \r
379   set_dialog: () ->\r
380     @params = {\r
381       controller: @model.path_name(), action: 'index',\r
382       page_size: 6\r
383     }\r
384     @list = Locmare.ListGroup.list(\r
385       @model.path_name(), 'index', @operators(), @params\r
386     )\r
387     @list.open(() =>\r
388       pager = Locmare.ListGroupModule.LibModule.Pager.factory(@list.page_status, @params)\r
389       f = new Locmare.Filer({\r
390         el: @dialog().$el,\r
391         item_name: @model.item_name(), \r
392         items: @list.items(), \r
393         pager: pager, \r
394         operators: @operators()\r
395       })\r
396     )\r
397     this\r
398   \r
399   set_form: () ->\r
400     @form_wrapper().select(@model)\r
401   \r
402   operators: () ->\r
403     @editor().operators\r
404   \r
405   form_wrapper: () ->\r
406     @parent.parent.form_wrapper\r
407   \r
408   dock: () ->\r
409     @parent.parent.dock()\r
410   \r
411   dialog: () ->\r
412     @editor().dialog\r
413   \r
414   editor: () ->\r
415     @dock().parent\r
416   \r
417 class Editor.EditorModule.DockModule.NewElementLinkedButton extends Tag.A\r
418   \r
419   click: () ->\r
420     @trigger('click')\r
421     return false\r
422   \r
423 class Editor.EditorModule.DockModule.NewElementFormWrapper extends Backbone.View\r
424   tagName: 'div'\r
425   \r
426   initialize: (options) ->\r
427     super(options)\r
428     @parent = options.parent\r
429   \r
430   clear: () ->\r
431     this.$el.html('new form')\r
432     this\r
433   \r
434   render: () ->\r
435     this.$el.html(@model.item_name())\r
436   \r
437   select: (model) ->\r
438     @model = model\r
439     @render()\r
440   \r
441 class Editor.EditorModule.DockModule.ScenarioBay extends Editor.EditorModule.DockModule.BoardBay\r
442   \r
443   initialize: (options) ->\r
444     super(options)\r
445     i = 0\r
446     _.each @elements(), (element) =>\r
447       tab = new Editor.EditorModule.DockModule.ScenarioBoard({\r
448         parent: this, index: i, name: element.item_name(), element: element\r
449       })\r
450       @add_tab(\r
451         tab, \r
452         new Editor.EditorModule.DockModule.TabModule.ScenarioBoardLabel({parent: tab, caption: element.item_name()}), \r
453         new Editor.EditorModule.DockModule.TabModule.ScenarioBoardBody({parent: tab})\r
454       )\r
455       i++\r
456   \r
457   render: () ->\r
458     this.$el.html('')\r
459     this.$el.attr('id', @body.dom_id())\r
460     elements_tabs = new Editor.EditorModule.DockModule.ScenarioBay.ScenarioTabs({\r
461       tabs: @tabs\r
462     })\r
463     this.$el.append(elements_tabs.render().el)\r
464     _.each @tabs, (tab) =>\r
465       this.$el.append(tab.body.render().el)\r
466     elements_tabs.$el.tabs()\r
467     this\r
468   \r
469   elements: () ->\r
470     @root_item().scenario_elements()\r
471   \r
472   class_name: () ->\r
473     "tsort-box"\r
474   \r
475 class Editor.EditorModule.DockModule.ScenarioBay.ScenarioTabs extends Backbone.View\r
476   tagName: 'ul'\r
477   className: 'tsort'\r
478   \r
479   initialize: (options) ->\r
480     super(options)\r
481     @tabs = options.tabs\r
482   \r
483   render: () ->\r
484     this.$el.html('')\r
485     _.each @tabs, (tab) =>\r
486       this.$el.append(tab.label.render().el)\r
487     this\r
488   \r
489 class Editor.EditorModule.DockModule.TabModule.ScenarioBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
490   \r
491 class Editor.EditorModule.DockModule.TabModule.ScenarioBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
492   \r
493   initialize: (options) ->\r
494     super(options)\r
495   \r
496 class Editor.EditorModule.DockModule.ScenarioBoard extends Editor.EditorModule.DockModule.Board\r
497   \r
498   initialize: (options) ->\r
499     super(options)\r
500     @element = options.element\r
501   \r
502 class Editor.EditorModule.DockModule.TabModule.ScenarioBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
503   \r
504   with_destroy_button: () ->\r
505     false\r
506   \r
507 class Editor.EditorModule.DockModule.TabModule.ScenarioBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
508   \r
509   initialize: (options) ->\r
510     super(options)\r
511     @bucket = new Editor.EditorModule.DockModule.ScenarioBucket({\r
512       parent: this\r
513     })\r
514   \r
515 class Editor.EditorModule.DockModule.PriorityBay extends Editor.EditorModule.DockModule.BoardBay\r
516   \r
517   initialize: (options) ->\r
518     super(options)\r
519     i = 0\r
520     _.each @elements(), (element) =>\r
521       tab = new Editor.EditorModule.DockModule.PriorityBoard({\r
522         parent: this, index: i, name: element.item_name(), element: element\r
523       })\r
524       @add_tab(\r
525         tab, \r
526         new Editor.EditorModule.DockModule.TabModule.PriorityBoardLabel({parent: tab, name: element.item_name()}), \r
527         new Editor.EditorModule.DockModule.TabModule.PriorityBoardBody({parent: tab})\r
528       )\r
529       i++\r
530   \r
531   render: () ->\r
532     this.$el.html('')\r
533     this.$el.attr('id', @body.dom_id())\r
534     elements_tabs = new Editor.EditorModule.DockModule.PriorityBay.PriorityTabs({\r
535       tabs: @tabs\r
536     })\r
537     this.$el.append(elements_tabs.render().el)\r
538     _.each @tabs, (tab) =>\r
539       this.$el.append(tab.body.render().el)\r
540     elements_tabs.$el.tabs()\r
541     this\r
542   \r
543   elements: () ->\r
544     @root_item().scenario_elements()\r
545   \r
546   class_name: () ->\r
547     "zsort-box"\r
548   \r
549 class Editor.EditorModule.DockModule.PriorityBay.PriorityTabs extends Backbone.View\r
550   tagName: 'ul'\r
551   className: 'zsort'\r
552   \r
553   initialize: (options) ->\r
554     super(options)\r
555     @tabs = options.tabs\r
556   \r
557   render: () ->\r
558     this.$el.html('')\r
559     _.each @tabs, (tab) =>\r
560       this.$el.append(tab.label.render().el)\r
561     this\r
562   \r
563 class Editor.EditorModule.DockModule.TabModule.PriorityBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
564   \r
565 class Editor.EditorModule.DockModule.TabModule.PriorityBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
566   \r
567   initialize: (options) ->\r
568     super(options)\r
569   \r
570 class Editor.EditorModule.DockModule.PriorityBoard extends Editor.EditorModule.DockModule.Board\r
571   \r
572   initialize: (options) ->\r
573     super(options)\r
574     @element = options.element\r
575   \r
576   mounted: () ->\r
577     false\r
578   \r
579 class Editor.EditorModule.DockModule.TabModule.PriorityBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
580   \r
581   with_destroy_button: () ->\r
582     false\r
583   \r
584 class Editor.EditorModule.DockModule.TabModule.PriorityBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
585   \r
586   initialize: (options) ->\r
587     super(options)\r
588     @bucket = new Editor.EditorModule.DockModule.PriorityBucket({\r
589       parent: this\r
590     })\r
591     \r
592 #    form_manager = Pettanr::Application::manifest.form_managers[self.root_item.form_name]\r
593 #    form = form_manager.open self.root_item, @dock_body.dock.editor.operators, mounted\r
594 #    bucket = Bucket.new self,form\r
595   \r
596 class Editor.EditorModule.DockModule.NewBay extends Editor.EditorModule.DockModule.BoardBay\r
597   \r
598 \r
599 class Editor.EditorModule.DockModule.TabModule.NewBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
600   \r
601 \r
602 class Editor.EditorModule.DockModule.TabModule.NewBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
603   \r
604   initialize: (options) ->\r
605     super(options)\r
606   \r
607 class Editor.EditorModule.DockModule.NewBoard extends Editor.EditorModule.DockModule.Board\r
608   \r
609 class Editor.EditorModule.DockModule.TabModule.NewBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
610   \r
611 class Editor.EditorModule.DockModule.TabModule.NewBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
612   \r
613   initialize: (options) ->\r
614     super(options)\r
615 #    form_manager = Pettanr::Application::manifest.form_managers[self.root_item.form_name]\r
616 #    form = form_manager.open self.root_item, @dock_body.dock.editor.operators, mounted\r
617 #    bucket = Bucket.new self,form\r
618   \r