OSDN Git Service

change: picker
[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     @listenTo(@root_bay.body, 'http_post', @http_post)\r
44     @listenTo(@element_bay, 'add:credit', @add_credit)\r
45   \r
46   render: () ->\r
47     this.$el.html('')\r
48     l = _.map @tabs, (tab) ->\r
49       tab.label\r
50     labels = new Tag.Ul({contents: l, class_name: @dom_labels_class()})\r
51     this.$el.append(labels.render().el)\r
52     _.each @tabs, (tab) =>\r
53       this.$el.append(tab.render().el)\r
54     this\r
55   \r
56   init_tabs: () ->\r
57     @element_bay.init_tabs()\r
58     @scenario_bay.init_tabs()\r
59     this.$el.tabs({\r
60       activate: (e, ui) ->\r
61         ui.newPanel.trigger('activate')\r
62     })\r
63   \r
64   editor: () ->\r
65     @parent\r
66   \r
67   dom_id: () ->\r
68     @editor().dom_id() + '-dock'\r
69   \r
70   dom_class: () ->\r
71     @editor().dom_class() + '-dock'\r
72   \r
73   dom_labels_class: () ->\r
74     @dom_class() + '-labels'\r
75   \r
76   http_post: (url, root_form) ->\r
77     @trigger('http_post', url, this)  # send dock\r
78     false\r
79   \r
80   add_credit: (element) ->\r
81     @trigger('add:credit', element)\r
82   \r
83   save_data: () ->\r
84     attrs = @root_bay.save_data()\r
85     _.extend(attrs, @element_bay.save_data())\r
86     attrs\r
87   \r
88 class Editor.EditorModule.DockModule.RootBay extends Editor.EditorModule.DockModule.SimpleBay\r
89   \r
90   render: () ->\r
91     @body.render()\r
92   \r
93   save_data: () ->\r
94     @body.form.save_data()\r
95   \r
96 class Editor.EditorModule.DockModule.TabModule.RootBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
97   \r
98 class Editor.EditorModule.DockModule.TabModule.RootBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
99   \r
100   initialize: (options) ->\r
101     super(options)\r
102     @form = Locmare.Form.factory({\r
103       form_name: @root_item().item_name(), \r
104       use_name: 'default' \r
105       item: @root_item(), \r
106       mounted: @mounted(), \r
107       submit: 'default' \r
108       operators: @dock().editor().operators,\r
109       action: '/' + @root_item().table_name() + '/' + Pettanr.to_s(@root_item().get('id'))\r
110     })\r
111     @listenTo(@form, 'http_post', @http_post)\r
112   \r
113   render: () ->\r
114     super()\r
115     @el.className = @bay().body.dom_class()\r
116     this.$el.html(@form.render().el)\r
117     this\r
118   \r
119   mounted: () ->\r
120     true\r
121   \r
122   dock: () ->\r
123     @parent.dock()\r
124   \r
125   root_item: () ->\r
126     @dock().root_item()\r
127   \r
128   http_post: (url, root_form) ->\r
129     @trigger('http_post', url, root_form)\r
130     false\r
131   \r
132 class Editor.EditorModule.DockModule.ElementBay extends Editor.EditorModule.DockModule.BoardBay\r
133   \r
134   initialize: (options) ->\r
135     super(options)\r
136     @elements_tabs = new Editor.EditorModule.DockModule.ElementBay.ElementsTabs({\r
137     })\r
138     @listenTo(@elements_tabs, 'sorted', @sorted)\r
139   \r
140   add_element: (element) ->\r
141     index = element.get('z') - 1\r
142     tab = new Editor.EditorModule.DockModule.ElementBoard({\r
143       parent: this, index: index, name: element.item_name(), element: element\r
144     })\r
145     bb = new Editor.EditorModule.DockModule.TabModule.ElementBoardBody({parent: tab})\r
146     @add_tab(\r
147       tab, \r
148       new Editor.EditorModule.DockModule.TabModule.ElementBoardLabel({parent: tab, name: element.item_name()}), \r
149       bb\r
150     )\r
151     @elements_tabs.add_element_tab(tab)\r
152     @elements_tabs.$el.tabs('refresh')\r
153     if element.constructor.has_picture()\r
154       @trigger('add:credit', element)\r
155   \r
156   add_new_tab: () ->\r
157     tab = new Editor.EditorModule.DockModule.NewElementBoard({\r
158       parent: this, index: 0, name: 'new'\r
159     })\r
160     bb = new Editor.EditorModule.DockModule.TabModule.NewElementBoardBody({parent: tab})\r
161     @add_tab(\r
162       tab, \r
163       new Editor.EditorModule.DockModule.TabModule.NewElementBoardLabel({parent: tab}), \r
164       bb\r
165     )\r
166     @elements_tabs.add_element_tab(tab)\r
167   \r
168   render: () ->\r
169     this.$el.html('')\r
170     @delegateEvents({'activate': 'activate'})\r
171     this.$el.attr('id', @body.dom_id())\r
172     this.$el.append(@elements_tabs.render().el)\r
173     _this = this\r
174     @elements_tabs.$el.tabs({\r
175       activate: (e, ui) ->\r
176         ui.newPanel.trigger('activate')\r
177     })\r
178     this\r
179   \r
180   init_tabs: () ->\r
181     @add_new_tab()\r
182     list = @root_item().zorderd_elements()\r
183     _.each list, (element) =>\r
184       @add_element(element)\r
185   \r
186   activate: () ->\r
187     _.each @tabs, (tab) ->\r
188       return if not tab.element  # without new element tab\r
189       if tab.body.$el.css('display') != 'none'\r
190         tab.body.refresh()\r
191   \r
192   sorted: () ->\r
193     # data-z copy to model\r
194     _.each @tabs, (tab) ->\r
195       if tab.element   # without new_tab\r
196         z = parseInt(tab.label.$el.attr('data-z'))\r
197         tab.element.set({\r
198           z: z\r
199         }, {silent: true})\r
200         tab.element.trigger('sort')\r
201   \r
202   panel_body: () ->\r
203     @dock().editor().body\r
204   \r
205   save_data: () ->\r
206     attrs = {}\r
207     _.each @tabs, (tab) ->\r
208       return if not tab.element  # without new element tab\r
209       form = tab.body.form\r
210       name = form.item.table_name() + '_attributes'\r
211       attrs[name] ||= []\r
212       attrs[name].push(form.save_data())\r
213     attrs\r
214   \r
215 class Editor.EditorModule.DockModule.ElementBay.ElementsTabs extends Backbone.View\r
216   tagName: 'div'\r
217   className: 'elements_tabs ui-tabs-vertical ui-helper-clearfix'\r
218   \r
219   initialize: (options) ->\r
220     super(options)\r
221     @inner_elements_tabs = new Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs({\r
222     })\r
223     @listenTo(@inner_elements_tabs, 'sorted', @sorted)\r
224   \r
225   render: () ->\r
226     this.$el.html('')\r
227     this.$el.append(@inner_elements_tabs.render().$el)\r
228     this\r
229   \r
230   add_element_tab: (tab) ->\r
231     @inner_elements_tabs.add_label(tab.label)\r
232     this.$el.append(tab.body.render().$el)\r
233   \r
234   sorted: () ->\r
235     # data-z copy to model\r
236     @trigger('sorted')\r
237   \r
238 class Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs extends Backbone.View\r
239   tagName: 'ul'\r
240   \r
241   initialize: (options) ->\r
242     super(options)\r
243     @labels = []\r
244   \r
245   render: () ->\r
246     this.$el.html('')\r
247     this.$el.addClass('inner-elements-tabs')\r
248     _.each @zorderd_labels(), (label) =>\r
249       this.$el.append(label.render().$el)\r
250     _this = this\r
251     this.$el.sortable {\r
252       update: (event, ui) ->\r
253         z = 1\r
254         $('.z-label', $(@)).map ->\r
255           $(@).attr('data-z', z)\r
256           z++\r
257         _this.trigger('sorted')\r
258     }\r
259     this\r
260   \r
261   zorderd_labels: () ->\r
262     res = []\r
263     _.each @labels, (label) =>\r
264       res[label.z()] = label\r
265     res\r
266   \r
267   add_label: (label) ->\r
268     #z = label.z()\r
269     @labels.push(label) # insert array\r
270     @render()\r
271     label.add_label()\r
272   \r
273 class Editor.EditorModule.DockModule.TabModule.ElementBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
274   \r
275 class Editor.EditorModule.DockModule.TabModule.ElementBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
276   \r
277   render: () ->\r
278     @body.render()\r
279 class Editor.EditorModule.DockModule.ElementBoard extends Editor.EditorModule.DockModule.Board\r
280   \r
281   initialize: (options) ->\r
282     super(options)\r
283     @element = options.element\r
284   \r
285   dom_id: () ->\r
286     super() + '-' + @element.get('id')  # use tab index\r
287   \r
288 class Editor.EditorModule.DockModule.TabModule.ElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
289   \r
290   render: () ->\r
291     super()\r
292     this.$el.attr('data-z', @z())\r
293     this.$el.removeClass('ui-corner-top')\r
294     this.$el.addClass('ui-corner-left z-label')\r
295     _this = this\r
296     this.$el.mouseover -> \r
297       _this.element().trigger('active')\r
298     this.$el.mouseout -> \r
299       _this.element().trigger('inactive')\r
300     this\r
301   \r
302   z: () ->\r
303     @element().get('z')\r
304   \r
305   add_label: () ->\r
306     this.$el.attr('id', @dom_id())\r
307   \r
308 class Editor.EditorModule.DockModule.TabModule.ElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
309   \r
310   initialize: (options) ->\r
311     super(options)\r
312     @form = Locmare.Form.factory({\r
313       form_name: @element().item_name(), \r
314       use_name: 'default' \r
315       item: @element(), \r
316       element_form: true, \r
317       submit: null, \r
318       operators: @dock().editor().operators,\r
319     })\r
320   \r
321   render: () ->\r
322     @delegateEvents({'activate': 'activate'})\r
323     this.$el.attr('id', @dom_id())\r
324     this.$el.html(@form.render().el)\r
325     this\r
326   \r
327   add_element: (element) ->\r
328     @form.add_element(element)\r
329   \r
330   activate: () ->\r
331     @refresh()\r
332   \r
333   refresh: () ->\r
334     @form.refresh()\r
335   \r
336   element: () ->\r
337     @parent.element\r
338   \r
339 class Editor.EditorModule.DockModule.NewElementBoard extends Editor.EditorModule.DockModule.Board\r
340   \r
341   initialize: (options) ->\r
342     super(options)\r
343     @panel = @parent.dock().editor().panel\r
344   \r
345 class Editor.EditorModule.DockModule.TabModule.NewElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
346   \r
347   render: () ->\r
348     super()\r
349     this.$el.attr('data-z', @z())\r
350     this.$el.removeClass('ui-corner-top')\r
351     this.$el.addClass('ui-corner-left')\r
352     this\r
353   \r
354   face: () ->\r
355     icon = new Pettanr.Image.SymbolImg({attr: {src: '/images/new.gif'}})\r
356     linked_elements_tab = new Tag.A({\r
357       attr: {href: '#' + @board().body.dom_id() },\r
358       content: icon.render().el\r
359     })\r
360     this.$el.append(linked_elements_tab.render().el)\r
361   \r
362   z: () ->\r
363     0\r
364   \r
365   add_label: () ->\r
366     this.$el.attr('id', @dom_id())\r
367   \r
368 class Editor.EditorModule.DockModule.TabModule.NewElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
369   className: 'new-element-board-body'\r
370   \r
371   initialize: (options) ->\r
372     super(options)\r
373   \r
374   render: () ->\r
375     this.$el.attr('id', @dom_id())\r
376     @buttons = new Editor.EditorModule.DockModule.NewElementButtons({\r
377       parent: this, element_models: @element_models()\r
378     })\r
379     @listenTo(@buttons, 'click', @click_button)\r
380     this.$el.append(@buttons.render().el)\r
381     this\r
382   \r
383   panel: () ->\r
384     @parent.panel\r
385   \r
386   element_models: () ->\r
387     @panel().my_class().child_models()\r
388   \r
389   click_button: (model) ->\r
390     @new_element.remove() if @new_element\r
391     @new_element = new Pettanr.Views[model.singular()].NewElement({\r
392       parent: this, target_model: model\r
393     })\r
394     this.$el.append(@new_element.render().el)\r
395   \r
396 class Editor.EditorModule.DockModule.NewElementButtons extends Backbone.View\r
397   tagName: 'div'\r
398   className: 'new-element-buttons'\r
399   \r
400   initialize: (options) ->\r
401     super(options)\r
402     @parent = options.parent\r
403     @element_models = options.element_models\r
404   \r
405   render: () ->\r
406     _.each @element_models, (model) =>\r
407       button = new Editor.EditorModule.DockModule.NewElementButton({\r
408         parent: this, model: model\r
409       })\r
410       @listenTo(button, 'click', @click)\r
411       this.$el.append(button.render().el)\r
412     this\r
413   \r
414   click: (model) ->\r
415     @trigger('click', model)\r
416   \r
417 class Editor.EditorModule.DockModule.NewElementButton extends Backbone.View\r
418   tagName: 'div'\r
419   \r
420   initialize: (options) ->\r
421     super(options)\r
422     @parent = options.parent\r
423     @model = options.model\r
424   \r
425   render: () ->\r
426     this.$el.html('')\r
427     icon = new Pettanr.Image.Icon({item: @model})\r
428     linked_icon = new Editor.EditorModule.DockModule.NewElementLinkedButton({\r
429       attr: {href: '#' },\r
430       content: icon.render().el\r
431     })\r
432     @listenTo(linked_icon, 'click', @click)\r
433     this.$el.append(linked_icon.render().el)\r
434     this\r
435   \r
436   click: () ->\r
437     @trigger('click', @model)\r
438   \r
439 class Editor.EditorModule.DockModule.NewElementLinkedButton extends Tag.A\r
440   \r
441   click: () ->\r
442     @trigger('click')\r
443     return false\r
444   \r
445 class Editor.EditorModule.DockModule.ScenarioBay extends Editor.EditorModule.DockModule.SimpleBay\r
446   \r
447   initialize: (options) ->\r
448     super(options)\r
449   \r
450   render: () ->\r
451     @body.render()\r
452   \r
453   add_element: (element) ->\r
454     @body.add_element(element)\r
455   \r
456   init_tabs: () ->\r
457     list = @root_item().scenario_elements()\r
458     _.each list, (element) =>\r
459       @add_element(element)\r
460   \r
461   save_data: () ->\r
462     @body.form.save_data()\r
463   \r
464 class Editor.EditorModule.DockModule.TabModule.ScenarioBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
465   \r
466 class Editor.EditorModule.DockModule.TabModule.ScenarioBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
467   \r
468   initialize: (options) ->\r
469     super(options)\r
470     @elements = new Editor.EditorModule.DockModule.ScenarioBay.Elements({\r
471       parent: this, \r
472     })\r
473     @listenTo(@elements, 'sorted', @sorted)\r
474   \r
475   add_element: (element) ->\r
476     @elements.add_element(element)\r
477   \r
478   render: () ->\r
479     super()\r
480     this.$el.append(@elements.render().el)\r
481     @delegateEvents({'activate': 'activate'})\r
482     this\r
483   \r
484   activate: () ->\r
485     @elements.refresh()\r
486   \r
487   sorted: () ->\r
488     # data-t copy to model\r
489     _.each @elements.element_lis, (element_li) =>\r
490       t = parseInt(element_li.$el.attr('data-t'))\r
491       element_li.element.set({\r
492         t: t\r
493       }, {silent: true})\r
494       element_li.element.trigger('sort')\r
495   \r
496   panel_body: () ->\r
497     @dock().editor().body\r
498   \r
499   save_data: () ->\r
500     attrs = {}\r
501     _.each @tabs, (tab) ->\r
502       return if not tab.element  # without new element tab\r
503       form = tab.body.form\r
504       name = form.item.table_name() + '_attributes'\r
505       attrs[name] ||= []\r
506       attrs[name].push(form.save_data())\r
507     attrs\r
508   \r
509 class Editor.EditorModule.DockModule.ScenarioBay.Elements extends Backbone.View\r
510   tagName: 'ul'\r
511   className: 'scenarios_elements'\r
512   \r
513   initialize: (options) ->\r
514     super(options)\r
515     @parent = options.parent\r
516     @element_lis = []\r
517   \r
518   render: () ->\r
519     this.$el.html('')\r
520     _.each @scenario_elements(), (element_li) =>\r
521       this.$el.append(element_li.render().$el)\r
522     _this = this\r
523     this.$el.sortable {\r
524       update: (event, ui) ->\r
525         t = 0\r
526         $('.t-label', $(@)).map ->\r
527           $(@).attr('data-t', t)\r
528           t++\r
529         _this.trigger('sorted')\r
530     }\r
531     this\r
532   \r
533   refresh: () ->\r
534     _.each @element_lis, (element_li) =>\r
535       element_li.refresh()\r
536   \r
537   scenario_elements: () ->\r
538     res = []\r
539     _.each @element_lis, (element_li) =>\r
540       res[element_li.t()] = element_li\r
541     res\r
542   \r
543   add_element: (element) ->\r
544     e = new Editor.EditorModule.DockModule.ScenarioBay.Element({\r
545       parent: this, \r
546       element: element\r
547     })\r
548     @element_lis.push(e) # insert array\r
549     @render()\r
550     e\r
551   \r
552   sorted: () ->\r
553     # data-t copy to model\r
554     @trigger('sorted')\r
555   \r
556 class Editor.EditorModule.DockModule.ScenarioBay.Element extends Backbone.View\r
557   tagName: 'li'\r
558   className: 't-label'\r
559   \r
560   initialize: (options) ->\r
561     super(options)\r
562     @parent = options.parent\r
563     @element = options.element\r
564   \r
565   render: () ->\r
566     this.$el.html('')\r
567     this.$el.attr('data-t', @t())\r
568     @label = new Editor.EditorModule.DockModule.ScenarioBay.ElementLabel({\r
569       parent: this, \r
570     })\r
571     @body = new Editor.EditorModule.DockModule.ScenarioBay.ElementBody({\r
572       parent: this, \r
573     })\r
574     this.$el.append(@label.render().$el)\r
575     this.$el.append(@body.render().$el)\r
576     rb = new Tag.RowBreak()\r
577     this.$el.append(rb.render().el)\r
578     this\r
579   \r
580   refresh: () ->\r
581     @body.form.refresh()\r
582   \r
583   t: () ->\r
584     @element.get('t')\r
585   \r
586   dom_id: () ->\r
587     super() + '-' + @element.get('id')  # use tab index\r
588   \r
589 class Editor.EditorModule.DockModule.ScenarioBay.ElementLabel extends Backbone.View\r
590   className: 'scenario-label'\r
591   \r
592   initialize: (options) ->\r
593     super(options)\r
594     @parent = options.parent\r
595   \r
596   render: () ->\r
597     this.$el.append(@element().element_face().render().el)\r
598     _this = this\r
599     this.$el.mouseover -> \r
600       _this.element().trigger('active')\r
601     this.$el.mouseout -> \r
602       _this.element().trigger('inactive')\r
603     this\r
604   \r
605   element: () ->\r
606     @parent.element\r
607   \r
608   elements: () ->\r
609     @parent.parent\r
610   \r
611   bay: () ->\r
612     @elements().parent\r
613   \r
614   dock: () ->\r
615     @bay().dock()\r
616   \r
617 class Editor.EditorModule.DockModule.ScenarioBay.ElementBody extends Backbone.View\r
618   \r
619   initialize: (options) ->\r
620     super(options)\r
621     @parent = options.parent\r
622     @form = Locmare.Form.factory({\r
623       form_name: @element().item_name(), \r
624       use_name: 'scenario' \r
625       item: @element(), \r
626       element_form: true, \r
627       submit: null, \r
628       operators: @dock().editor().operators,\r
629     })\r
630   \r
631   render: () ->\r
632     this.$el.html(@form.render().el)\r
633     this\r
634   \r
635   element: () ->\r
636     @parent.element\r
637   \r
638   elements: () ->\r
639     @parent.parent\r
640   \r
641   bay: () ->\r
642     @elements().parent\r
643   \r
644   dock: () ->\r
645     @bay().dock()\r
646   \r
647   mounted: () ->\r
648     true\r
649   \r
650   element: () ->\r
651     @parent.element\r
652   \r
653 class Editor.EditorModule.DockModule.NewBay extends Editor.EditorModule.DockModule.BoardBay\r
654   \r
655 \r
656 class Editor.EditorModule.DockModule.TabModule.NewBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel\r
657   \r
658 \r
659 class Editor.EditorModule.DockModule.TabModule.NewBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody\r
660   \r
661   initialize: (options) ->\r
662     super(options)\r
663   \r
664 class Editor.EditorModule.DockModule.NewBoard extends Editor.EditorModule.DockModule.Board\r
665   \r
666 class Editor.EditorModule.DockModule.TabModule.NewBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel\r
667   \r
668 class Editor.EditorModule.DockModule.TabModule.NewBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody\r
669   \r
670   initialize: (options) ->\r
671     super(options)\r
672 #    form_manager = Pettanr::Application::manifest.form_managers[self.root_item.form_name]\r
673 #    form = form_manager.open self.root_item, @dock_body.dock.editor.operators, mounted\r
674 #    bucket = Bucket.new self,form\r
675   \r