1 class Editor.PanelEditor.Dock extends Editor.EditorModule.DockBase
\r
5 initialize: (options) ->
\r
7 @root_bay = new Editor.EditorModule.DockModule.RootBay({
\r
8 parent: this, index: 0, name: 'panel'
\r
12 new Editor.EditorModule.DockModule.TabModule.RootBayLabel({
\r
13 parent: @root_bay, caption: 'panel'
\r
15 new Editor.EditorModule.DockModule.TabModule.RootBayBody({
\r
19 @element_bay = new Editor.EditorModule.DockModule.ElementBay({
\r
20 parent: this, index: 1, name: 'elements'
\r
24 new Editor.EditorModule.DockModule.TabModule.ElementBayLabel({
\r
25 parent: @element_bay, caption: 'elements'
\r
27 new Editor.EditorModule.DockModule.TabModule.ElementBayBody({
\r
28 parent: @element_bay
\r
31 @scenario_bay = new Editor.EditorModule.DockModule.ScenarioBay({
\r
32 parent: this, index: 2, name: 'scenario'
\r
36 new Editor.EditorModule.DockModule.TabModule.ScenarioBayLabel({
\r
37 parent: @scenario_bay, caption: 'scenario'
\r
39 new Editor.EditorModule.DockModule.TabModule.ScenarioBayBody({
\r
40 parent: @scenario_bay
\r
43 @listenTo(@root_bay.body, 'put', @put)
\r
47 l = _.map @tabs, (tab) ->
\r
49 labels = new Tag.Ul({contents: l, class_name: @dom_labels_class()})
\r
50 this.$el.append(labels.render().el)
\r
51 _.each @tabs, (tab) =>
\r
52 this.$el.append(tab.render().el)
\r
57 activate: (e, ui) ->
\r
58 ui.newPanel.trigger('activate')
\r
61 add_element_to_element_tab: (element) ->
\r
62 @element_bay.add_element(element)
\r
64 add_element_to_scenario_tab: (element) ->
\r
65 @scenario_bay.add_element(element)
\r
71 @editor().dom_id() + '-dock'
\r
74 @editor().dom_class() + '-dock'
\r
76 dom_labels_class: () ->
\r
77 @dom_class() + '-labels'
\r
84 attrs = @save_data()
\r
85 @root_bay.body.form.save(attrs, options)
\r
88 attrs = @root_bay.save_data()
\r
89 _.extend(attrs, @element_bay.save_data())
\r
93 @root_bay.body.form.valid()
\r
96 @root_bay.body.form.invalid()
\r
98 class Editor.EditorModule.DockModule.RootBay extends Editor.EditorModule.DockModule.SimpleBay
\r
104 @body.form.save_data()
\r
106 class Editor.EditorModule.DockModule.TabModule.RootBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel
\r
108 class Editor.EditorModule.DockModule.TabModule.RootBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody
\r
110 initialize: (options) ->
\r
112 @form = Locmare.Form.factory({
\r
113 form_name: @root_item().item_name(),
\r
114 use_name: 'default'
\r
115 item: @root_item(),
\r
116 mounted: @mounted(),
\r
118 operators: @dock().editor().operators,
\r
119 action: '/' + @root_item().table_name() + '/' + Pettanr.to_s(@root_item().get('id'))
\r
121 @listenTo(@form, 'put', @put)
\r
125 @el.className = @bay().body.dom_class()
\r
126 this.$el.html(@form.render().el)
\r
136 @dock().root_item()
\r
142 class Editor.EditorModule.DockModule.ElementBay extends Editor.EditorModule.DockModule.BoardBay
\r
144 initialize: (options) ->
\r
146 @elements_tabs = new Editor.EditorModule.DockModule.ElementBay.ElementsTabs({
\r
148 @listenTo(@elements_tabs, 'sorted', @sorted)
\r
150 add_element: (element) ->
\r
151 index = element.get('z') - 1
\r
152 tab = new Editor.EditorModule.DockModule.ElementBoard({
\r
153 parent: this, index: index, name: element.item_name(), element: element
\r
155 bb = new Editor.EditorModule.DockModule.TabModule.ElementBoardBody({parent: tab})
\r
158 new Editor.EditorModule.DockModule.TabModule.ElementBoardLabel({parent: tab, name: element.item_name()}),
\r
161 @elements_tabs.add_element_tab(tab)
\r
162 @elements_tabs.$el.tabs('refresh')
\r
166 tab = new Editor.EditorModule.DockModule.NewElementBoard({
\r
167 parent: this, index: 0, name: 'new'
\r
169 bb = new Editor.EditorModule.DockModule.TabModule.NewElementBoardBody({parent: tab})
\r
172 new Editor.EditorModule.DockModule.TabModule.NewElementBoardLabel({parent: tab}),
\r
175 @elements_tabs.add_element_tab(tab)
\r
179 @delegateEvents({'activate': 'activate'})
\r
180 this.$el.attr('id', @body.dom_id())
\r
181 this.$el.append(@elements_tabs.render().el)
\r
183 @elements_tabs.$el.tabs({
\r
184 activate: (e, ui) ->
\r
185 ui.newPanel.trigger('activate')
\r
190 _.each @tabs, (tab) ->
\r
191 return if not tab.element # without new element tab
\r
192 console.log(tab.body.$el.css('display'))
\r
193 if tab.body.$el.css('display') != 'none'
\r
197 # data-z copy to model
\r
198 _.each @tabs, (tab) ->
\r
199 if tab.element # without new_tab
\r
200 z = parseInt(tab.label.$el.attr('data-z'))
\r
204 tab.element.trigger('sort')
\r
207 @dock().editor().body
\r
211 _.each @tabs, (tab) ->
\r
212 return if not tab.element # without new element tab
\r
213 form = tab.body.form
\r
214 name = form.item.table_name() + '_attributes'
\r
216 attrs[name].push(form.save_data())
\r
219 class Editor.EditorModule.DockModule.ElementBay.ElementsTabs extends Backbone.View
\r
221 className: 'elements_tabs ui-tabs-vertical ui-helper-clearfix'
\r
223 initialize: (options) ->
\r
225 @inner_elements_tabs = new Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs({
\r
227 @listenTo(@inner_elements_tabs, 'sorted', @sorted)
\r
231 this.$el.append(@inner_elements_tabs.render().$el)
\r
234 add_element_tab: (tab) ->
\r
235 @inner_elements_tabs.add_label(tab.label)
\r
236 this.$el.append(tab.body.render().$el)
\r
239 # data-z copy to model
\r
242 class Editor.EditorModule.DockModule.ElementBay.InnerElementsTabs extends Backbone.View
\r
245 initialize: (options) ->
\r
251 this.$el.addClass('inner-elements-tabs')
\r
252 _.each @zorderd_labels(), (label) =>
\r
253 this.$el.append(label.render().$el)
\r
255 this.$el.sortable {
\r
256 update: (event, ui) ->
\r
258 $('.z-label', $(@)).map ->
\r
259 $(@).attr('data-z', z)
\r
261 _this.trigger('sorted')
\r
265 zorderd_labels: () ->
\r
267 _.each @labels, (label) =>
\r
268 res[label.z()] = label
\r
271 add_label: (label) ->
\r
273 @labels.push(label) # insert array
\r
277 class Editor.EditorModule.DockModule.TabModule.ElementBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel
\r
279 class Editor.EditorModule.DockModule.TabModule.ElementBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody
\r
283 class Editor.EditorModule.DockModule.ElementBoard extends Editor.EditorModule.DockModule.Board
\r
285 initialize: (options) ->
\r
287 @element = options.element
\r
290 super() + '-' + @element.get('id') # use tab index
\r
292 class Editor.EditorModule.DockModule.TabModule.ElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel
\r
296 this.$el.attr('data-z', @z())
\r
297 this.$el.removeClass('ui-corner-top')
\r
298 this.$el.addClass('ui-corner-left z-label')
\r
300 this.$el.mouseover ->
\r
301 _this.element().trigger('active')
\r
302 this.$el.mouseout ->
\r
303 _this.element().trigger('inactive')
\r
307 @element().get('z')
\r
310 this.$el.attr('id', @dom_id())
\r
312 class Editor.EditorModule.DockModule.TabModule.ElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody
\r
314 initialize: (options) ->
\r
316 @form = Locmare.Form.factory({
\r
317 form_name: @element().item_name(),
\r
318 use_name: 'default'
\r
320 mounted: @mounted(),
\r
322 operators: @dock().editor().operators,
\r
323 action: '/' + @element().table_name() + '/' + Pettanr.to_s(@element().get('id'))
\r
327 @delegateEvents({'activate': 'activate'})
\r
328 this.$el.attr('id', @dom_id())
\r
329 this.$el.html(@form.render().el)
\r
332 add_element: (element) ->
\r
333 @form.add_element(element)
\r
347 class Editor.EditorModule.DockModule.NewElementBoard extends Editor.EditorModule.DockModule.Board
\r
349 initialize: (options) ->
\r
351 @panel = @parent.dock().editor().panel
\r
353 class Editor.EditorModule.DockModule.TabModule.NewElementBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel
\r
357 this.$el.attr('data-z', @z())
\r
358 this.$el.removeClass('ui-corner-top')
\r
359 this.$el.addClass('ui-corner-left')
\r
364 icon = new Pettanr.Image.SymbolImg({attr: {src: '/images/new.gif'}})
\r
365 linked_elements_tab = new Tag.A({
\r
366 attr: {href: '#' + @board().body.dom_id() },
\r
367 content: icon.render().el
\r
369 this.$el.append(linked_elements_tab.render().el)
\r
375 this.$el.attr('id', @dom_id())
\r
377 class Editor.EditorModule.DockModule.TabModule.NewElementBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody
\r
378 className: 'new-element-board-body'
\r
380 initialize: (options) ->
\r
384 this.$el.attr('id', @dom_id())
\r
385 @buttons = new Editor.EditorModule.DockModule.NewElementButtons({
\r
386 parent: this, element_models: @element_models()
\r
388 @form_wrapper = new Editor.EditorModule.DockModule.NewElementFormWrapper({
\r
391 this.$el.append(@buttons.render().el)
\r
392 this.$el.append(@form_wrapper.clear().el)
\r
398 element_models: () ->
\r
399 @panel().my_class().child_models()
\r
401 class Editor.EditorModule.DockModule.NewElementButtons extends Backbone.View
\r
403 className: 'new-element-buttons'
\r
405 initialize: (options) ->
\r
407 @parent = options.parent
\r
408 @element_models = options.element_models
\r
411 _.each @element_models, (model) =>
\r
412 button = new Editor.EditorModule.DockModule.NewElementButton({
\r
413 parent: this, model: model
\r
415 this.$el.append(button.render().el)
\r
418 class Editor.EditorModule.DockModule.NewElementButton extends Backbone.View
\r
421 initialize: (options) ->
\r
423 @parent = options.parent
\r
424 @model = options.model
\r
428 icon = new Pettanr.Image.Icon({item: @model})
\r
429 linked_icon = new Editor.EditorModule.DockModule.NewElementLinkedButton({
\r
430 attr: {href: '#event' },
\r
431 content: icon.render().el,
\r
432 handler_name: 'click'
\r
434 @listenTo(linked_icon, 'click', @click)
\r
435 this.$el.append(linked_icon.render().el)
\r
441 @dialog().$el.dialog('open')
\r
445 controller: @model.path_name(), action: 'index',
\r
448 @list = Locmare.ListGroup.list(
\r
449 @model.path_name(), 'index', @operators(), @params
\r
452 pager = Locmare.ListGroupModule.LibModule.Pager.factory(@list.page_status, @params)
\r
453 f = new Locmare.Filer({
\r
455 item_name: @model.item_name(),
\r
456 items: @list.items(),
\r
458 operators: @operators()
\r
464 @form_wrapper().select(@model)
\r
467 @editor().operators
\r
469 form_wrapper: () ->
\r
470 @parent.parent.form_wrapper
\r
473 @parent.parent.dock()
\r
481 class Editor.EditorModule.DockModule.NewElementLinkedButton extends Tag.A
\r
487 class Editor.EditorModule.DockModule.NewElementFormWrapper extends Backbone.View
\r
490 initialize: (options) ->
\r
492 @parent = options.parent
\r
495 this.$el.html('new form')
\r
499 this.$el.html(@model.item_name())
\r
505 class Editor.EditorModule.DockModule.ScenarioBay extends Editor.EditorModule.DockModule.SimpleBay
\r
510 add_element: (element) ->
\r
511 element_li = @body.add_element(element)
\r
512 element_li.body.form
\r
515 @body.form.save_data()
\r
517 class Editor.EditorModule.DockModule.TabModule.ScenarioBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel
\r
519 class Editor.EditorModule.DockModule.TabModule.ScenarioBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody
\r
521 initialize: (options) ->
\r
523 @elements = new Editor.EditorModule.DockModule.ScenarioBay.Elements({
\r
526 @listenTo(@elements, 'sorted', @sorted)
\r
528 add_element: (element) ->
\r
529 element_li = @elements.add_element(element)
\r
533 this.$el.append(@elements.render().el)
\r
534 @delegateEvents({'activate': 'activate'})
\r
538 @elements.refresh()
\r
541 # data-t copy to model
\r
542 _.each @elements.element_lis, (element_li) =>
\r
543 t = parseInt(element_li.$el.attr('data-t'))
\r
544 element_li.element.set({
\r
547 element_li.element.trigger('sort')
\r
550 @dock().editor().body
\r
554 _.each @tabs, (tab) ->
\r
555 return if not tab.element # without new element tab
\r
556 form = tab.body.form
\r
557 name = form.item.table_name() + '_attributes'
\r
559 attrs[name].push(form.save_data())
\r
562 class Editor.EditorModule.DockModule.ScenarioBay.Elements extends Backbone.View
\r
564 className: 'scenarios_elements'
\r
566 initialize: (options) ->
\r
568 @parent = options.parent
\r
573 _.each @scenario_elements(), (element_li) =>
\r
574 this.$el.append(element_li.render().$el)
\r
576 this.$el.sortable {
\r
577 update: (event, ui) ->
\r
579 $('.t-label', $(@)).map ->
\r
580 $(@).attr('data-t', t)
\r
582 _this.trigger('sorted')
\r
587 _.each @element_lis, (element_li) =>
\r
588 element_li.refresh()
\r
590 scenario_elements: () ->
\r
592 _.each @element_lis, (element_li) =>
\r
593 res[element_li.t()] = element_li
\r
596 add_element: (element) ->
\r
597 e = new Editor.EditorModule.DockModule.ScenarioBay.Element({
\r
601 @element_lis.push(e) # insert array
\r
606 # data-t copy to model
\r
609 class Editor.EditorModule.DockModule.ScenarioBay.Element extends Backbone.View
\r
611 className: 't-label'
\r
613 initialize: (options) ->
\r
615 @parent = options.parent
\r
616 @element = options.element
\r
620 this.$el.attr('data-t', @t())
\r
621 @label = new Editor.EditorModule.DockModule.ScenarioBay.ElementLabel({
\r
624 @body = new Editor.EditorModule.DockModule.ScenarioBay.ElementBody({
\r
627 this.$el.append(@label.render().$el)
\r
628 this.$el.append(@body.render().$el)
\r
629 rb = new Tag.RowBreak()
\r
630 this.$el.append(rb.render().el)
\r
634 @body.form.refresh()
\r
640 super() + '-' + @element.get('id') # use tab index
\r
642 class Editor.EditorModule.DockModule.ScenarioBay.ElementLabel extends Backbone.View
\r
643 className: 'scenario-label'
\r
645 initialize: (options) ->
\r
647 @parent = options.parent
\r
650 this.$el.append(@element().element_face().render().el)
\r
652 this.$el.mouseover ->
\r
653 _this.element().trigger('active')
\r
654 this.$el.mouseout ->
\r
655 _this.element().trigger('inactive')
\r
670 class Editor.EditorModule.DockModule.ScenarioBay.ElementBody extends Backbone.View
\r
672 initialize: (options) ->
\r
674 @parent = options.parent
\r
675 @form = Locmare.Form.factory({
\r
676 form_name: @element().item_name(),
\r
677 use_name: 'scenario'
\r
679 mounted: @mounted(),
\r
681 operators: @dock().editor().operators,
\r
682 action: '/' + @element().table_name() + '/' + Pettanr.to_s(@element().get('id'))
\r
686 this.$el.html(@form.render().el)
\r
707 class Editor.EditorModule.DockModule.NewBay extends Editor.EditorModule.DockModule.BoardBay
\r
710 class Editor.EditorModule.DockModule.TabModule.NewBayLabel extends Editor.EditorModule.DockModule.TabModule.BayLabel
\r
713 class Editor.EditorModule.DockModule.TabModule.NewBayBody extends Editor.EditorModule.DockModule.TabModule.BayBody
\r
715 initialize: (options) ->
\r
718 class Editor.EditorModule.DockModule.NewBoard extends Editor.EditorModule.DockModule.Board
\r
720 class Editor.EditorModule.DockModule.TabModule.NewBoardLabel extends Editor.EditorModule.DockModule.TabModule.BoardLabel
\r
722 class Editor.EditorModule.DockModule.TabModule.NewBoardBody extends Editor.EditorModule.DockModule.TabModule.BoardBody
\r
724 initialize: (options) ->
\r
726 # form_manager = Pettanr::Application::manifest.form_managers[self.root_item.form_name]
\r
727 # form = form_manager.open self.root_item, @dock_body.dock.editor.operators, mounted
\r
728 # bucket = Bucket.new self,form
\r