[IMP]improve code in view editor.
[odoo/odoo.git] / addons / web / static / src / js / view_editor.js
1 openerp.web.view_editor = function(openerp) {
2 var _t = openerp.web._t;
3 var QWeb = openerp.web.qweb;
4 openerp.web.ViewEditor =   openerp.web.Widget.extend({
5     init: function(parent, element_id, dataset, view, options) {
6         this._super(parent);
7         this.element_id = element_id
8         this.parent = parent
9         this.dataset = new openerp.web.DataSetSearch(this, 'ir.ui.view', null, null),
10         this.model = dataset.model;
11         this.xml_element_id = 0;
12         this.property = openerp.web.ViewEditor.property_widget;
13     },
14     start: function() {
15         this.init_view_editor();
16     },
17     init_view_editor: function() {
18         var self = this;
19         var action = {
20             name: _.sprintf("Manage Views (%s)", this.model),
21             context: this.session.user_context,
22             domain: [["model", "=", this.model]],
23             res_model: 'ir.ui.view',
24             views: [[false, 'list']],
25             type: 'ir.actions.act_window',
26             target: "current",
27             limit: this.dataset.limit || 80,
28             auto_search: true,
29             flags: {
30                 sidebar: false,
31                 deletable: false,
32                 views_switcher: false,
33                 action_buttons: false,
34                 search_view: false,
35                 pager: false,
36                 radio: true,
37                 select_view_id: self.parent.fields_view.view_id
38             },
39         };
40         this.view_edit_dialog = new openerp.web.Dialog(this, {
41             modal: true,
42             title: 'ViewEditor',
43             width: 750,
44             height: 500,
45             buttons: {
46                 "Create": function(){
47                     self.on_create_view();
48                 },
49                 "Edit": function(){
50                     self.xml_element_id = 0;
51                     self.get_arch();
52                 },
53                 "Remove": function(){
54                     self.do_delete_view();
55                 },
56                 "Close": function(){
57                     self.view_edit_dialog.close();
58                 }
59             },
60         }).start().open();
61         this.main_view_id = this.parent.fields_view.view_id;
62         this.action_manager = new openerp.web.ActionManager(this);
63         this.action_manager.appendTo(this.view_edit_dialog);
64         $.when(this.action_manager.do_action(action)).then(function() {
65             var viewmanager = self.action_manager.inner_viewmanager,
66                 controller = viewmanager.views[viewmanager.active_view].controller;
67             controller.on_loaded.add_last(function(){
68                 $(controller.groups).bind({
69                     'selected': function(e, ids, records) {
70                         self.main_view_id = ids[0];
71                     }
72                 })
73             });
74         });
75     },
76     on_create_view: function() {
77         var self = this;
78         this.create_view_dialog = new openerp.web.Dialog(this, {
79             modal: true,
80             title: _.sprintf("Create a view (%s)", self.model),
81             width: 500,
82             height: 400,
83             buttons: {
84                     "Save": function(){
85                         var view_values = {};
86                         var warn = false;
87                         _.each(self.create_view_widget, function(widget) {
88                             if (widget.invalid) {
89                                 warn = true;
90                                 return false;
91                             };
92                             if (widget.dirty && !widget.invalid) {
93                                 view_values[widget.name] = widget.get_value();
94                             }
95                         });
96                         if (warn) {
97                             self.on_valid_create_view();
98                         } else {
99                             $.when(self.do_save_view(view_values)).then(function() {
100                                 self.create_view_dialog.close();
101                                 var controller = self.action_manager.inner_viewmanager.views[self.action_manager.inner_viewmanager.active_view].controller;
102                                 controller.reload_content();
103                             });
104                         }
105                     },
106                     "Cancel": function(){
107                         self.create_view_dialog.close();
108                     }
109                 }
110         });
111         this.create_view_dialog.start().open();
112         var view_widget = [{'name': 'view_name', 'string':'View Name', 'type': 'char', 'required': true, 'value' : this.model + '.custom_' + Math.round(Math.random() * 1000)},
113                            {'name': 'view_type', 'string': 'View Type', 'type': 'selection', 'required': true, 'value': 'Form', 'selection': [['',''],['tree', 'Tree'],['form', 'Form'],['graph', 'Graph'],['calendar', 'Calender']]},
114                            {'name': 'proirity', 'string': 'Priority', 'type': 'char', 'required': true, 'value':'16'}];
115         this.create_view_dialog.$element.append('<table id="create_view"  style="width:400px" class="oe_forms"></table>');
116         this.create_view_widget = [];
117         _.each(view_widget, function(widget) {
118             var type_widget =  new (self.property.get_any([widget.type])) (self.create_view_dialog, widget.name);
119             if (widget.selection) {
120                 type_widget.selection = widget.selection;
121             }
122             type_widget.required = widget.required;
123             self.create_view_dialog.$element.find('table[id=create_view]').append('<tr><td width="100px" align="right">' + widget.string + ':</td>' + type_widget.render()+'</tr>');
124             var value = null;
125             if (widget.value) {
126                 value = widget.value;
127                 type_widget.dirty = true;
128             }
129             type_widget.start();
130             type_widget.set_value(value)
131             self.create_view_widget.push(type_widget);
132         });
133     },
134     do_save_view: function(values) {
135         def = $.Deferred();
136         var field_dataset = new openerp.web.DataSetSearch(this, this.model, null, null);
137         var model_dataset = new openerp.web.DataSetSearch(this, 'ir.model', null, null);
138         var view_string = "", field_name = false, self = this;
139         field_dataset.call( 'fields_get', [],  function(fields) {
140             _.each(['name', 'x_name'], function(value) {
141                 if (_.include(_.keys(fields), value)) {
142                     field_name = value;
143                     return false;
144                 }
145             });
146             if (field_name) {
147                 model_dataset.read_slice(['name','field_id'], {"domain": [['model','=',self.model]]}, function(records) {
148                     if (records) {view_string = records[0].name;}
149                     var arch = _.sprintf("<?xml version='1.0'?>\n<%s string='%s'>\n\t<field name='%s'/>\n</%s>", values.view_type, view_string, field_name, values.view_type);
150                     var vals = {'model': self.model, 'name': values.view_name, 'priority': values.priority, 'type': values.view_type, 'arch': arch};
151                     self.dataset.create(vals, function(suc) {
152                         def.resolve();
153                     });
154                 });
155             }
156         });
157         return def.promise();
158     },
159     on_valid_create_view: function() {
160         var msg = "<ul>";
161         _.each(self.create_view_widget, function(widget) {
162             if (widget.invalid) {
163                 msg += "<li>" + widget.name + "</li>";
164             }
165         });
166         msg += "</ul>";
167         self.do_warn("The following fields are invalid :", msg);
168     },
169     add_node_name : function(node) {
170         if(node.tagName.toLowerCase() == "button" || node.tagName.toLowerCase() == "field"){
171             return (node.getAttribute('name'))?
172                 _.sprintf( "<%s name='%s'>",node.tagName.toLowerCase(), node.getAttribute('name')):
173                 _.sprintf( "<%s>",node.tagName.toLowerCase());
174         }else{
175             return (node.getAttribute('string'))?
176                 _.sprintf( "<%s string='%s'>",node.tagName.toLowerCase(), node.getAttribute('string')):
177                 _.sprintf( "<%s>",node.tagName.toLowerCase());
178         }
179     },
180     do_delete_view: function() {
181         var self = this;
182         if (confirm(_t("Do you really want to remove this view?"))) {
183                var controller = this.action_manager.inner_viewmanager.views[this.action_manager.inner_viewmanager.active_view].controller;
184             this.dataset.unlink([this.main_view_id]).then(function() {
185                 controller.reload_content();
186                 self.main_view_id = self.parent.fields_view.view_id;
187             });
188         }
189     },
190     create_View_Node: function(node){
191         var self = this;
192         ViewNode = {
193             'level': ($(node).parents()).length + 1,
194             'id': self.xml_element_id += 1,
195             'att_list': [],
196             'name': self.add_node_name(node),
197             'child_id': []
198         }
199         ViewNode.att_list.push(node.tagName.toLowerCase());
200         _.each(node.attributes ,function(att){
201            ViewNode.att_list.push([att.nodeName,att.nodeValue]);
202        });
203         return ViewNode;
204     },
205     append_child_object: function(main_object, parent_id, child_obj_list) {
206         var self = this;
207             if(main_object.id == parent_id){
208                 var pare
209                 main_object.child_id = child_obj_list;
210                 return main_object;
211             }else{
212                 _.each(main_object.child_id ,function(child_object){
213                     self.append_child_object(child_object, parent_id, child_obj_list);
214                 });
215             }
216     },
217     convert_arch_to_obj: function(xml_Node, main_object, parent_id){
218         var self = this;
219         var child_obj_list = [];
220         _.each(xml_Node,function(element){
221            child_obj_list.push(self.create_View_Node(element)) ;
222         });
223         this.append_child_object(main_object, parent_id, child_obj_list);
224         var obj_xml_list = _.zip(xml_Node,child_obj_list);
225         _.each(obj_xml_list, function(node){
226             var children = _.filter(node[0].childNodes, function (child) {
227                 return child.nodeType == 1;
228             });
229             if(children){
230             self.convert_arch_to_obj(children, main_object, node[1].id);}
231         });
232         return main_object;
233     },
234     parse_xml: function(arch, view_id) {
235         main_object = {
236             'level': 0,
237             'id': this.xml_element_id +=1,
238             'att_list': [],
239             'name': _.sprintf("<view view_id = %s>", view_id),
240             'child_id': []
241         };
242         var xml_arch = QWeb.load_xml(arch);
243         return [this.convert_arch_to_obj(xml_arch.childNodes, main_object, this.xml_element_id)];
244     },
245     get_arch: function() {
246         var self = this;
247         var view_arch_list = [];
248         this.dataset.read_ids([parseInt(self.main_view_id)], ['arch', 'type'], function(arch) {
249             if (arch.length) {
250                 var arch_object = self.parse_xml(arch[0].arch, self.main_view_id);
251                 self.main_view_type = arch[0].type
252                 view_arch_list.push({"view_id": self.main_view_id, "arch": arch[0].arch});
253                 self.dataset.read_slice([], {domain: [['inherit_id','=', parseInt(self.main_view_id)]]}, function(result) {
254                     _.each(result, function(res) {
255                         view_arch_list.push({"view_id": res.id, "arch": res.arch});
256                         self.inherit_view(arch_object, res);
257                     });
258                     return self.edit_view({"main_object": arch_object,
259                         "parent_child_id": self.parent_child_list(arch_object, []),
260                         "arch": view_arch_list});
261                 });
262             } else {
263                 self.do_warn("Please select view in list :");
264             }
265         });
266     },
267     parent_child_list : function(one_object, parent_list) {
268         var self = this;
269         _.each(one_object , function(element) {
270             if (element.child_id.length != 0) {
271                 parent_list.push({"key": element.id, "value": _.pluck(element.child_id, 'id')});
272                 self.parent_child_list(element.child_id, parent_list);
273             }
274         });
275         return parent_list;
276     },
277     inherit_view : function(arch_object, result) {
278         var self = this;
279         var xml_list = [];
280         var xml_arch = QWeb.load_xml(result.arch);
281         if(xml_arch.childNodes[0].tagName == "data"){
282             xml_list = _.filter(xml_arch.childNodes[0].childNodes, function (child) {
283                             return child.nodeType == 1;
284                         });
285         }else{ xml_list.push( xml_arch.childNodes[0] ); }
286
287         _.each(xml_list, function(xml) {
288             var expr_to_list = [];
289             var xpath_arch_object = self.parse_xml(QWeb.tools.xml_node_to_string(xml), result.id);
290             if(xml.tagName == "xpath"){
291                 var part_expr = _.without(xml.getAttribute('expr').split("/"), "");
292                 _.each(part_expr, function(part) {
293                     expr_to_list.push(_.without($.trim(part.replace(/[^a-zA-Z 0-9 _]+/g,'!')).split("!"), ""));
294                 });
295             }else{
296                 var temp = _.reject(xpath_arch_object[0].child_id[0].att_list, function(list) {
297                     return _.include(list, "position")
298                 });
299                 expr_to_list = [_.flatten(temp)];
300             }
301             self.inherit_apply(expr_to_list, arch_object ,xpath_arch_object);
302         });
303     },
304     inherit_apply: function(expr_list ,arch_object ,xpath_arch_object) {
305         var self = this;
306         if (xpath_arch_object.length) {
307             var check = expr_list[0];
308             var obj;
309             switch (check.length) {
310                 case 2:
311                     if (parseInt(check[1])) {
312                         //for field[3]
313                         var temp_list = _.select(arch_object, function(element) {
314                             return _.include(_.flatten(element.att_list), check[0]);
315                         });
316                         obj = arch_object[_.indexOf(arch_object, temp_list[parseInt(check[1]) - 1])];
317                     } else {
318                         //for notebook[last()]
319                         obj = _.detect(arch_object, function(element) {
320                             return _.include(_.flatten(element.att_list), check[0]);
321                         });
322                     }
323                     break;
324                 case 3:
325                     //for field[@name='type']
326                     obj = _.detect(arch_object, function(element){
327                         if ((_.intersection(_.flatten(element.att_list), _.uniq(check))).length == check.length) {
328                             return element;
329                         }
330                     });
331                     break;
332                 case 1:
333                     //for /form/notebook
334                     var temp_list = _.select(arch_object, function(element) {
335                         return _.include(_.flatten(element.att_list), check[0]);
336                     });
337                     if (temp_list.length != 0) {
338                         expr_list.length == 1 ? obj = temp_list[0] : expr_list.shift();
339                     }
340                     break;
341             }
342             if (obj) {
343                 expr_list.shift();
344                 if (expr_list.length) {
345                     self.inherit_apply(expr_list, obj.child_id, xpath_arch_object);
346                 } else {
347                     self.increase_level(xpath_arch_object[0], obj.level + 1);
348                     obj.child_id.push(xpath_arch_object[0]);
349                     xpath_arch_object.pop();
350                 }
351             } else {
352                 _.each(arch_object, function(element) {
353                     self.inherit_apply(expr_list, element.child_id, xpath_arch_object);
354                 });
355             }
356         }
357     },
358     increase_level: function(val, level) {
359         var self = this;
360         val.level = level;
361         _.each(val.child_id, function(val, key) {
362             self.increase_level(val, level + 1);
363         });
364     },
365     edit_view: function(one_object) {
366         var self = this;
367         this.edit_xml_dialog = new openerp.web.Dialog(this, {
368             modal: true,
369             title: _.sprintf("View Editor %d - %s", self.main_view_id, self.model),
370             width: 750,
371             height: 500,
372             buttons: {
373                 "Inherited View": function() {
374                     //todo
375                 },
376                 "Preview": function() {
377                     var action = {
378                         context: self.session.user_context,
379                         res_model: self.model,
380                         views: [[self.main_view_id, self.main_view_type]],
381                         type: 'ir.actions.act_window',
382                         target: "new",
383                         flags: {
384                             sidebar: false,
385                             views_switcher: false,
386                             action_buttons: false,
387                         },
388                     };
389                     var action_manager = new openerp.web.ActionManager(self);
390                     action_manager.do_action(action);
391                 },
392                 "Close": function(){
393                     self.edit_xml_dialog.close();
394                 }
395             }
396         }).start().open();
397         var no_property_att = [];
398         _.each(_PROPERTIES, function(val, key) {
399             if (! val.length) no_property_att.push(key);
400         });
401         this.edit_xml_dialog.$element.html(QWeb.render('view_editor', {'data': one_object['main_object'], 'no_properties': no_property_att}));
402         this.edit_xml_dialog.$element.find("tr[id^='viewedit-']").click(function() {
403             self.edit_xml_dialog.$element.find("tr[id^='viewedit-']").removeClass('ui-selected');
404             $(this).addClass('ui-selected');
405         });
406         this.edit_xml_dialog.$element.find("img[id^='parentimg-']").click(function() {
407             if ($(this).attr('src') == '/web/static/src/img/collapse.gif') {
408                 $(this).attr('src', '/web/static/src/img/expand.gif');
409                 self.on_expand(this);
410             } else {
411                 $(this).attr('src', '/web/static/src/img/collapse.gif');
412                 var id = this.id.split('-')[1];
413                 self.on_collapse(this,one_object['parent_child_id'], one_object['main_object']);
414             }
415         });
416         this.edit_xml_dialog.$element.find("img[id^='side-']").click(function() {
417             var side = $(this).closest("tr[id^='viewedit-']");
418             var clicked_tr_id = parseInt((side.attr('id')).split('-')[1]);
419             var img = side.find("img[id='parentimg-" + clicked_tr_id + "']").attr('src');
420             var clicked_tr_level = parseInt(side.attr('level'));
421             var cur_tr = side;
422             var last_tr;
423             var next_tr;
424             var tr_to_move = [];
425             tr_to_move.push(side);
426             var view_id;
427             var view_xml_id;
428             var view_find = side;
429             var min_level = clicked_tr_level;
430             if(($(side).find('a').text()).search("view_id") != -1){
431                 view_id = parseInt(($(view_find).find('a').text()).replace(/[^0-9]+/g, ''));
432                 view_xml_id = (view_find.attr('id')).split('-')[1];
433                 clicked_tr_id  += 1;
434                 clicked_tr_level += 1;
435             }else{
436                 while (1) {
437                     view_find = view_find.prev();
438                     if (view_find.length == 0 ||
439                         (self.edit_xml_dialog.$element.find(view_find).find('a').text()).search("view_id") != -1
440                             && parseInt(view_find.attr('level')) < min_level ) {
441                         view_id = parseInt(($(view_find).find('a').text()).replace(/[^0-9]+/g, ''));
442                         view_xml_id = (view_find.attr('id')).split('-')[1];
443                         break;
444                     }
445                     if(view_find.attr('level') < min_level){
446                         min_level = parseInt(view_find.attr('level'));
447                     }
448                 }
449             }
450             switch (this.id) {
451                 case "side-add":
452                     var tr = $(side).find('a').text();
453                     var parent_tr = ($(side).prevAll("tr[level="+String(clicked_tr_level - 1)+"]"))[0];
454                     parent_tr = $(parent_tr).find('a').text();
455                     self.rpc("/web/searchview/fields_get", {model:self.model}, function(result) {
456                                 var fields = _.keys(result.fields);
457                                 fields.push(" "),fields.sort();
458                                 var property_to_check = [];
459                                 _.each([tr,parent_tr],function(element){
460                                     property_to_check.push(
461                                         _.detect(_.keys(_CHILDREN),function(res){
462                                                 return _.includes(element, res);
463                                             }));
464                                     });
465                                 self.on_add_node(property_to_check, fields ,
466                                     clicked_tr_id, one_object, view_id, view_xml_id, clicked_tr_level);
467                             });
468                     break;
469                 case "side-remove":
470                     if (confirm(_t("Do you really want to remove this node?"))) {
471                         self.do_save_update_arch
472                             (one_object, view_id, view_xml_id, clicked_tr_id, clicked_tr_level, "remove_node");
473                     }
474                     break;
475                 case "side-edit":
476                     var tr = $(this).closest("tr[id^='viewedit-']").find('a').text();
477                     var tag = _.detect(_.keys(_PROPERTIES),function(res){
478                         return _.includes(tr, res);
479                     });
480                     var properties = _PROPERTIES[tag];
481                     self.on_edit_node(properties, clicked_tr_id, one_object, view_id, view_xml_id, clicked_tr_level);
482                     break;
483                 case "side-up":
484                     while (1) {
485                         var prev_tr = cur_tr.prev();
486                         if (clicked_tr_level >= parseInt(prev_tr.attr('level')) || prev_tr.length == 0) {
487                            last_tr = prev_tr;
488                            break;
489                         }
490                         cur_tr = prev_tr;
491                     }
492                     if (img) {
493                     self.edit_xml_dialog.$element.find("img[id='parentimg-" + clicked_tr_id + "']").
494                             attr('src', '/web/static/src/img/expand.gif');
495                         while (1) {
496                             next_tr = side.next();
497                             if (parseInt(next_tr.attr('level')) <= clicked_tr_level || next_tr.length == 0) {
498                                 break;
499                             } else {
500                                 next_tr.hide();
501                                 tr_to_move.push(next_tr);
502                                 side = next_tr;
503                             }
504                         }
505                     }
506                     if (last_tr.length != 0 && parseInt(last_tr.attr('level')) == clicked_tr_level &&
507                             (self.edit_xml_dialog.$element.find(last_tr).find('a').text()).search("view_id") == -1) {
508                         _.each(tr_to_move, function(rec) {
509                              $(last_tr).before(rec);
510                         });
511                         self.do_save_update_arch(one_object, view_id, view_xml_id, clicked_tr_id, clicked_tr_level, "up");
512                     }
513                 break;
514             case "side-down":
515                 if (img) {
516                     while (1) {
517                         next_tr = cur_tr.next();
518                         if ( parseInt(next_tr.attr('level')) <= clicked_tr_level || next_tr.length == 0) {
519                             last_tr = next_tr;
520                             break;
521                         } else {
522                             tr_to_move.push(next_tr);
523                             cur_tr = next_tr;
524                         }
525                    }
526                 } else {
527                     last_tr = cur_tr.next();
528                 }
529
530                 if ((self.edit_xml_dialog.$element.find(last_tr).find('a').text()).search("view_id") != -1) {
531                     return;
532                 }
533                 if (last_tr.length != 0 &&  parseInt(last_tr.attr('level')) == clicked_tr_level) {
534                     var last_tr_id = (last_tr.attr('id')).split('-')[1];
535                     img = last_tr.find("img[id='parentimg-" + last_tr_id + "']").attr('src');
536                     if (img) {
537                         self.edit_xml_dialog.$element.find("img[id='parentimg-" + last_tr_id + "']").
538                                                         attr('src', '/web/static/src/img/expand.gif');
539                         while (1) {
540                             var next_tr = last_tr.next();
541                             if (next_tr.attr('level') <= clicked_tr_level || next_tr.length == 0) break;
542                             next_tr.hide();
543                             last_tr = next_tr;
544                         }
545                     }
546                     tr_to_move.reverse();
547                     _.each(tr_to_move, function(rec) {
548                        $(last_tr).after(rec);
549                     });
550                     self.do_save_update_arch(one_object, view_id, view_xml_id, clicked_tr_id, clicked_tr_level, "down");
551                 }
552                 break;
553             }
554         });
555     },
556     do_save_update_arch: function(one_object, view_id, view_xml_id, clicked_tr_id, clicked_tr_level, move_direct, update_values) {
557         var self = this;
558         var arch = _.detect(one_object['arch'], function(element) {return element.view_id == view_id;});
559         var obj = self.get_object_by_id(view_xml_id, one_object['main_object'], []);
560          //for finding xpath tag from inherit view
561         var xml_arch = QWeb.load_xml(arch.arch);
562         if (xml_arch.childNodes[0].tagName == "data") {
563             var check_list = _.flatten(obj[0].child_id[0].att_list);
564             var children = _.filter(xml_arch.childNodes[0].childNodes, function (child) {
565                 return child.nodeType == 1;
566             });
567             arch.arch = _.detect(children, function(xml_child){
568                 var temp_obj = self.create_View_Node(xml_child);
569                 var insert = _.intersection(_.flatten(temp_obj.att_list),_.uniq(check_list));
570                 if (insert.length == check_list.length ) {return xml_child;}
571             });
572         }
573         arch_to_pass = _.filter($(arch.arch), function (child) {
574                 return child.nodeType == 1;
575             });
576         
577         return self.do_save_xml(arch_to_pass[0], obj[0].child_id[0], 
578                     parseInt(clicked_tr_id), [], parseInt(clicked_tr_level),
579                             parseInt(view_id), arch, move_direct, update_values);
580     },
581     get_object_by_id: function(view_xml_id, one_object, result) {
582         var self = this;
583         if (result.length == 0 ) {
584             var check = _.detect(one_object , function(obj) {
585                 return view_xml_id == obj.id;
586             });
587             if (check) {result.push(check);};
588             _.each(one_object, function(obj) {
589                self.get_object_by_id(view_xml_id, obj.child_id, result);
590             });
591         }
592         return result;
593     },
594     do_save_xml: function(arch1, obj, id, child_list, level, view_id, arch, move_direct, update_values){
595         var self = this;
596         var children_list =  $(arch1).children();
597         var list_obj_xml = _.zip(children_list, obj.child_id);
598         if (id) {
599             if (obj.id == id) {
600                 var id;
601                 var index = _.indexOf(child_list, obj);
602                 if (move_direct == "down") {
603                     var next = $(arch1).next();
604                     $(next).after(arch1);
605                     var re_insert_obj = child_list.splice(index, 1);
606                     child_list.splice(index+1, 0, re_insert_obj[0]);
607                     var parent = $(arch1).parents();
608                 } else if (move_direct == "up") {
609                     var prev = $(arch1).prev();
610                     $(prev).before(arch1);
611                     var re_insert_obj = child_list.splice(index, 1);
612                     child_list.splice(index-1, 0, re_insert_obj[0]);
613                     var parent = $(arch1).parents();
614                 } else if (move_direct == "update_node") {
615                     _.each(update_values, function(val){
616                         if(val[0] == "required"){
617                                 $(arch1).attr("required", "true");
618                         }else{
619                             $(arch1).attr(val[0],val[1]);
620                         }
621                     });
622                     var new_obj = self.create_View_Node(arch1);
623                     new_obj.id = obj.id,new_obj.child_id = obj.child_id;
624                     self.edit_xml_dialog.$element.find("tr[id='viewedit-"+id+"']").find('a').text(new_obj.name);
625                     child_list.splice(index, 1, new_obj);
626                     var parent = $(arch1).parents();
627                 }else if(move_direct == "add_node"){
628                      switch (update_values[1]) {
629                         case "After":
630                             $(arch1).after(update_values[0]);
631                             break;
632                         case "Before":
633                             $(arch1).before(update_values[0]);
634                             break;
635                         case "Inside":
636                             $(arch1).append(update_values[0]);
637                             break;
638                     }
639                     var parent = $(arch1).parents();
640                 }else if(move_direct == "remove_node"){
641                     var parent = $(arch1).parents();
642                     if(parent.length == 0 || (parent[0].tagName.toLowerCase() == "data")){
643                         id = id -1;
644                         level = level - 1;
645                         (parent.length == 0)?parent.push("remove_view"):false;
646                     }
647                     $(arch1).remove();
648                     child_list.splice(index,1);
649                     var cur_tr = self.edit_xml_dialog.$element.find("tr[id='viewedit-"+id +"']");
650                     _.each(self.get_list_tr(cur_tr,level), function(tr_element){
651                         tr_element.remove();
652                     });
653                     cur_tr.remove();
654                 }
655                 var convert_to_utf = (parent.length != 0)?parent[parent.length-1]:arch1;
656                 if(convert_to_utf != "remove_view"){
657                     convert_to_utf = QWeb.tools.xml_node_to_string(convert_to_utf);
658                     convert_to_utf = convert_to_utf.replace('xmlns="http://www.w3.org/1999/xhtml"', "");
659                     convert_to_utf = '<?xml version="1.0"?>' + convert_to_utf;
660                     arch.arch = convert_to_utf;
661                     this.dataset.write(parseInt(view_id),{"arch":convert_to_utf}, function(r) {
662                     });
663                 }else{
664                     this.dataset.unlink([parseInt(view_id)],function(res) {
665                     });
666                 }
667                 if(move_direct == "add_node"){
668                     self.add_node_dialog.close();
669                     self.edit_xml_dialog.close();
670                     self.xml_element_id = 0;
671                     self.get_arch();}
672             }
673             if (obj.level <= level) {
674                 _.each(list_obj_xml, function(child_node) {
675                     self.do_save_xml(child_node[0], child_node[1], id, obj.child_id, level, view_id, arch, move_direct, update_values);
676                 });
677             }
678         }
679     },
680     on_expand: function(expand_img){
681         var level = parseInt($(expand_img).closest("tr[id^='viewedit-']").attr('level'));
682         var cur_tr = $(expand_img).closest("tr[id^='viewedit-']");
683         _.each(this.get_list_tr(cur_tr,level), function(tr_element){
684             tr_element.hide();
685         });
686     },
687     get_list_tr: function(cur_tr,level){
688         tr_list = [];
689         while (1) {
690             var nxt_tr = cur_tr.next();
691             if (parseInt(nxt_tr.attr('level')) > level) {
692                 cur_tr = nxt_tr;
693                 tr_list.push(nxt_tr);
694             } else return tr_list;
695         }
696     },
697     on_collapse: function(collapse_img, parent_child_id, id, main_object) {
698         var self = this;
699         var id = collapse_img.id.split('-')[1];
700         var datas = _.detect(parent_child_id, function(res) {
701             return res.key == id;
702         });
703         _.each(datas.value, function (rec) {
704             var tr = self.edit_xml_dialog.$element.find("tr[id='viewedit-" + rec + "']");
705             tr.find("img[id='parentimg-" + rec + "']").attr('src', '/web/static/src/img/expand.gif');
706             tr.show();
707         });
708     },
709     on_edit_node:function(properties, clicked_tr_id, obj, view_id, view_xml_id, clicked_tr_level){
710         var self = this;
711         this.edit_node_dialog = new openerp.web.Dialog(this,{
712             modal: true,
713             title: 'Properties',
714             width: 500,
715             height: 400,
716             buttons: {
717                     "Update": function(){
718                         var update_values = [];
719                         _.each(self.edit_widget, function(widget) {
720                             if (widget.dirty && !widget.invalid) {
721                                 update_values.push([widget.name, widget.get_value()]);
722                             }
723                         });
724                         self.do_save_update_arch(obj, view_id, view_xml_id, clicked_tr_id, clicked_tr_level, "update_node", update_values);
725                         self.edit_node_dialog.close();
726                     },
727                     "Cancel": function(){
728                         self.edit_node_dialog.close();
729                     }
730                 }
731         });
732         this.edit_node_dialog.start().open();
733         var widget = _.keys(self.property.map);
734         var arch_val = self.get_object_by_id(clicked_tr_id,obj['main_object'], []);
735         this.edit_node_dialog.$element.append('<table id="rec_table"  style="width:400px" class="oe_forms"></table>');
736         this.edit_widget = [];
737         _.each(properties, function(property) {
738             type_widget = false;
739             self.ready  = $.when(self.on_groups(property)).then(function () {
740                 if (_.include(widget, property)){
741                     type_widget =  new (self.property.get_any([property])) (self.edit_node_dialog, property);
742                 } else {
743                     type_widget = new openerp.web.ViewEditor.FieldChar (self.edit_node_dialog, property);
744                 }
745                 var value = _.detect(arch_val[0]['att_list'],function(res) {
746                     return _.include(res, property);
747                 });
748                 value = value instanceof Array ? value[1] : value;
749                 if (property == 'groups') type_widget.selection = self.groups;
750                 self.edit_node_dialog.$element.find('table[id=rec_table]').append('<tr><td align="right">' + property + ':</td>' + type_widget.render() + '</tr>');
751                 type_widget.start();
752                 type_widget.set_value(value);
753                 self.edit_widget.push(type_widget);
754             });
755         });
756     },
757      //for getting groups
758     on_groups: function(property){
759         var self = this,
760         def = $.Deferred();
761         if (property != 'groups') {
762             self.groups = false;
763             return false;
764         }
765         var group_ids = [],
766         group_names = {},
767         groups = [];
768         var res_groups = new openerp.web.DataSetSearch(this,'res.groups', null, null),
769             model_data = new openerp.web.DataSetSearch(self,'ir.model.data', null, null);
770             res_groups
771             .read_slice([], {})
772             .done(function(res_grp) {
773                 _.each(res_grp,function(res){
774                     var key = res.id;
775                     group_names[key]=res.name;
776                     group_ids.push(res.id);
777                 });
778             model_data
779                 .read_slice([],{domain:[['res_id', 'in', group_ids],['model','=','res.groups']]})
780                 .done(function(model_grp) {
781                     _.each(model_grp,function(res_group){
782                         groups.push([res_group.module + "." + res_group.name,group_names[res_group.res_id]]);
783                     });
784                     self.groups = groups;
785                     def.resolve();
786                 });
787             })
788         return def.promise();
789     },
790     on_add_node: function(properties,fields,clicked_tr_id, one_object, view_id, view_xml_id, clicked_tr_level){
791         var self = this;
792         var  positions = ['After','Before','Inside'];
793         var  render_list = [];
794         var  render_list =[{'name': 'node_type','selection': _.keys(_CHILDREN).sort(), 
795                             'value': 'field', 'string': 'Node Type'},
796                 {'name': 'position','selection': positions, 'value': false, 'string': 'Position'},
797                 {'name': 'field_value','selection': fields, 'value': false, 'string': ''}];
798         this.add_widget = [];
799         this.add_node_dialog = new openerp.web.Dialog(this,{
800             modal: true,
801             title: 'Properties',
802             width: 500,
803             height: 300,
804             buttons: {
805                     "Update": function(){
806                         var check_add_node = true;
807                         var values = {};
808                         _.each(self.add_widget, function(widget) {
809                             values[widget.name] = widget.get_value() || false;
810                         });
811                        (values.position == "Inside")?
812                         check_add_node =(_.include(_CHILDREN[properties[0]],values.node_type))?true:false:
813                         check_add_node =(_.include(_CHILDREN[properties[1]],values.node_type))?true:false;
814                         if(values.node_type == "field" &&  check_add_node )
815                             {check_add_node = (values.field_value != " ")?true:false;
816                         }
817                         if(check_add_node){
818                             var tag = (values.node_type == "field")?
819                                 _.sprintf("<%s name='%s'> </%s>",values.node_type,values.field_value,values.node_type):
820                                     _.sprintf("<%s> </%s>",values.node_type,values.node_type);
821                             self.do_save_update_arch(one_object, view_id, view_xml_id, 
822                                 clicked_tr_id, clicked_tr_level, "add_node", [tag, values.position]);
823                         }else{alert("Can't Update View");}
824                     },
825                     "Cancel": function(){
826                         self.add_node_dialog.close();
827                     }
828            }
829         }).start().open();
830         this.add_node_dialog.$element.
831         append('<table id="rec_table"  style="width:400px" class="oe_forms"></table>');
832         var table_selector = self.add_node_dialog.$element.find('table[id=rec_table]');
833         _.each(render_list,function(node){
834             type_widget = new openerp.web.ViewEditor.FieldSelect (self.add_node_dialog, node.name);
835             type_widget.selection = node.selection;
836             table_selector.append('<tr><td align="right">' + node.string + ':</td>' + type_widget.render() + '</tr>');
837             type_widget.start();
838             type_widget.set_value(node.value);
839             self.add_widget.push(type_widget);
840         });
841         table_selector.append('<tr><td align="right"> <button id="new_field">New Field</button></td></tr>');
842         self.add_node_dialog.$element.find('#new_field').click(function() {
843             model_data = new openerp.web.DataSetSearch(self,'ir.model', null, null);
844             model_data.read_slice([], {domain: [['model','=', self.model]]}, function(result) {
845                 self.render_new_field(result[0].id);
846                     });
847         });
848     },
849     render_new_field :function(id){
850         var action = {
851             context: {'default_model_id':id, 'manual':true},
852             res_model: "ir.model.fields",
853             views: [[false, 'form']],
854             type: 'ir.actions.act_window',
855             target: "new",
856             flags: {
857                 action_buttons: true,
858             }
859         }
860         var action_manager = new openerp.web.ActionManager(self);
861         action_manager.do_action(action);
862         $.when(action_manager.do_action(action)).then(function() {
863             var add_controller = action_manager.dialog_viewmanager.views['form'].controller;
864             add_controller.do_set_readonly.add_last(function(){
865                 var aa = controller;
866             });
867         });
868
869     }
870 });
871 openerp.web.ViewEditor.Field = openerp.web.Class.extend({
872     init: function(view, name) {
873         this.$element = view.$element;
874         this.dirty = false;
875         this.name = name;
876         this.required = false;
877         this.invalid = false;
878     },
879     start: function () {
880         this.update_dom();
881     },
882     update_dom: function() {
883         this.$element.find("td[id="+ this.name+"]").toggleClass('invalid', this.invalid);
884         this.$element.find("td[id="+ this.name+"]").toggleClass('required', this.required);
885     },
886     on_ui_change: function() {
887         var value = this.get_value();
888         value = value instanceof Array ? value[1] : value;
889         if (this.required && !value) {
890             this.invalid = true;
891         } else {
892             this.invalid = false;
893         }
894         this.dirty = true;
895         this.update_dom();
896     },
897     render: function() {
898         return _.sprintf("<td id = %s>%s</td>", this.name, QWeb.render(this.template, {widget: this}))
899     },
900 });
901 openerp.web.ViewEditor.FieldBoolean = openerp.web.ViewEditor.Field.extend({
902     template : "vieweditor_boolean",
903     start: function() {
904         var self = this;
905         this._super();
906         this.$element.find("input[id="+ self.name+"]").change(function() {
907             self.on_ui_change();
908         });
909
910     },
911     set_value: function(value) {
912         if (value) {
913             this.$element.find("input[id=" + this.name+ "]").attr('checked', true);
914         }
915     },
916     get_value: function() {
917         return this.$element.find("input[id=" + this.name + "]").is(':checked') || null;
918     }
919 });
920 openerp.web.ViewEditor.FieldChar = openerp.web.ViewEditor.Field.extend({
921     template : "vieweditor_char",
922     start: function () {
923         var self = this;
924         this._super();
925         this.$element.find("input[id="+ this.name+"]").css('width','100%').change(function() {
926             self.on_ui_change();
927         });
928     },
929     set_value: function(value) {
930         this.$element.find("input[id=" + this.name + "]").val(value);
931     },
932     get_value: function() {
933         return this.$element.find("input[id=" + this.name + "]").val();
934     }
935 });
936 openerp.web.ViewEditor.FieldSelect = openerp.web.ViewEditor.Field.extend({
937     template : "vieweditor_selection",
938     init: function(view, name) {
939         this._super(view, name);
940         this.selection = false;
941     },
942     start: function () {
943         var self = this;
944         this._super();
945         this.$element.find("select[id=" + this.name + "]").css('width', '100%').change(function() {
946             self.on_ui_change();
947             if(self.name == "node_type"){
948                 (self.get_value() == "field")?
949                     self.$element.find("select[id=field_value]").show():
950                         self.$element.find("select[id=field_value]").hide();
951             }
952         });
953       
954     },
955     set_value: function(value) {
956         value = value === null ? false : value;
957         var index = 0;
958         for (var i = 0, ii = this.selection.length; i < ii; i++) {
959             if ((this.selection[i] instanceof Array && this.selection[i][1] === value) || this.selection[i] === value) index = i;
960         }
961         this.$element.find("select[id=" + this.name + "]")[0].selectedIndex = index;
962     },
963     get_value: function() {
964         return this.$element.find("select[id=" + this.name + "]").val();
965     }
966 });
967 openerp.web.ViewEditor.WidgetProperty = openerp.web.ViewEditor.FieldSelect.extend({
968     init: function(view, name) {
969         this._super(view, name);
970         this.registry = openerp.web.form.widgets;
971         var values = _.keys(this.registry.map);
972         values.push('');
973         values.sort();
974         this.selection = values;
975     },
976 });
977 openerp.web.ViewEditor.IconProperty = openerp.web.ViewEditor.FieldSelect.extend({
978     init: function(view, name) {
979         this._super(view, name);
980         this.selection = _ICONS;
981     },
982 });
983 openerp.web.ViewEditor.ButtonTargetProperty = openerp.web.ViewEditor.FieldSelect.extend({
984     init: function(view, name) {
985         this._super(view, name);
986         this.selection = [['', ''], ['new', 'New Window']];
987     },
988 });
989 openerp.web.ViewEditor.ButtonTypeProperty = openerp.web.ViewEditor.FieldSelect.extend({
990     init: function(view, name) {
991         this._super(view, name);
992         this.selection = [['', ''], ['action', 'Action'], ['object', 'Object'], ['workflow', 'Workflow'], ['server_action', 'Server Action']];
993     },
994 });
995 openerp.web.ViewEditor.AlignProperty = openerp.web.ViewEditor.FieldSelect.extend({
996     init: function(view, name) {
997         this._super(view, name);
998         this.selection = [['', ''], ['0.0', 'Left'], ['0.5', 'Center'], ['1.0', 'Right']];
999     },
1000 });
1001 openerp.web.ViewEditor.ButtonSpecialProperty = openerp.web.ViewEditor.FieldSelect.extend({
1002     init: function(view, name) {
1003         this._super(view, name);
1004         this.selection = [['',''],['save', 'Save Button'], ['cancel', 'Cancel Button'], ['open', 'Open Button']];
1005     },
1006 });
1007 openerp.web.ViewEditor.PositionProperty = openerp.web.ViewEditor.FieldSelect.extend({
1008     init: function(view, name) {
1009         this._super(view, name);
1010         this.selection = [['',''],['after', 'After'],['before', 'Before'],['inside', 'Inside'],['replace', 'Replace']];
1011     },
1012 });
1013 openerp.web.ViewEditor.GroupsProperty = openerp.web.ViewEditor.FieldSelect.extend({
1014     start: function () {
1015         this._super();
1016         this.$element.find("select[id=" + this.name + "]").css('height', '100px').attr("multiple",true);
1017     },
1018     set_value: function(value) {
1019         var self = this;
1020         self.$element.find("#groups option").attr("selected",false);
1021         if (!value) return false;
1022         _.each(this.selection, function(item) {
1023             if (_.include(value.split(','), item[0])) {
1024                 self.$element.find("select[id="+self.name+"] option[value='" + item[0] +"']").attr("selected",1)
1025             }
1026          });
1027     }
1028 });
1029 var _PROPERTIES = {
1030     'field' : ['name', 'string', 'required', 'readonly', 'domain', 'context', 'nolabel', 'completion',
1031                'colspan', 'widget', 'eval', 'ref', 'on_change', 'groups', 'attrs'],
1032     'form' : ['string', 'col', 'link'],
1033     'notebook' : ['colspan', 'position', 'groups'],
1034     'page' : ['string', 'states', 'attrs', 'groups'],
1035     'group' : ['string', 'col', 'colspan', 'states', 'attrs', 'groups'],
1036     'image' : ['filename', 'width', 'height', 'groups'],
1037     'separator' : ['string', 'colspan', 'groups'],
1038     'label': ['string', 'align', 'colspan', 'groups'],
1039     'button': ['name', 'string', 'icon', 'type', 'states', 'readonly', 'special', 'target', 'confirm', 'context', 'attrs', 'groups','colspan'],
1040     'newline' : [],
1041     'board': ['style'],
1042     'column' : [],
1043     'action' : ['name', 'string', 'colspan', 'groups'],
1044     'tree' : ['string', 'colors', 'editable', 'link', 'limit', 'min_rows'],
1045     'graph' : ['string', 'type'],
1046     'calendar' : ['string', 'date_start', 'date_stop', 'date_delay', 'day_length', 'color', 'mode'],
1047 };
1048 var _CHILDREN = {
1049     'form': ['notebook', 'group', 'field', 'label', 'button','board', 'newline', 'separator'],
1050     'tree': ['field'],
1051     'graph': ['field'],
1052     'calendar': ['field'],
1053     'notebook': ['page'],
1054     'page': ['notebook', 'group', 'field', 'label', 'button', 'newline', 'separator'],
1055     'group': ['field', 'label', 'button', 'separator', 'newline'],
1056     'board': ['column'],
1057     'child2': ['action'],
1058     'action': [],
1059     'field': ['form', 'tree', 'graph'],
1060     'label': [],
1061     'button' : [],
1062     'newline': [],
1063     'separator': [],
1064 };
1065 var icons = ['','STOCK_ABOUT', 'STOCK_ADD', 'STOCK_APPLY', 'STOCK_BOLD',
1066             'STOCK_CANCEL', 'STOCK_CDROM', 'STOCK_CLEAR', 'STOCK_CLOSE', 'STOCK_COLOR_PICKER',
1067             'STOCK_CONNECT', 'STOCK_CONVERT', 'STOCK_COPY', 'STOCK_CUT', 'STOCK_DELETE',
1068             'STOCK_DIALOG_AUTHENTICATION', 'STOCK_DIALOG_ERROR', 'STOCK_DIALOG_INFO',
1069             'STOCK_DIALOG_QUESTION', 'STOCK_DIALOG_WARNING', 'STOCK_DIRECTORY', 'STOCK_DISCONNECT',
1070             'STOCK_DND', 'STOCK_DND_MULTIPLE', 'STOCK_EDIT', 'STOCK_EXECUTE', 'STOCK_FILE',
1071             'STOCK_FIND', 'STOCK_FIND_AND_REPLACE', 'STOCK_FLOPPY', 'STOCK_GOTO_BOTTOM',
1072             'STOCK_GOTO_FIRST', 'STOCK_GOTO_LAST', 'STOCK_GOTO_TOP', 'STOCK_GO_BACK',
1073             'STOCK_GO_DOWN', 'STOCK_GO_FORWARD', 'STOCK_GO_UP', 'STOCK_HARDDISK',
1074             'STOCK_HELP', 'STOCK_HOME', 'STOCK_INDENT', 'STOCK_INDEX', 'STOCK_ITALIC',
1075             'STOCK_JUMP_TO', 'STOCK_JUSTIFY_CENTER', 'STOCK_JUSTIFY_FILL',
1076             'STOCK_JUSTIFY_LEFT', 'STOCK_JUSTIFY_RIGHT', 'STOCK_MEDIA_FORWARD',
1077             'STOCK_MEDIA_NEXT', 'STOCK_MEDIA_PAUSE', 'STOCK_MEDIA_PLAY',
1078             'STOCK_MEDIA_PREVIOUS', 'STOCK_MEDIA_RECORD', 'STOCK_MEDIA_REWIND',
1079             'STOCK_MEDIA_STOP', 'STOCK_MISSING_IMAGE', 'STOCK_NETWORK', 'STOCK_NEW',
1080             'STOCK_NO', 'STOCK_OK', 'STOCK_OPEN', 'STOCK_PASTE', 'STOCK_PREFERENCES',
1081             'STOCK_PRINT', 'STOCK_PRINT_PREVIEW', 'STOCK_PROPERTIES', 'STOCK_QUIT',
1082             'STOCK_REDO', 'STOCK_REFRESH', 'STOCK_REMOVE', 'STOCK_REVERT_TO_SAVED',
1083             'STOCK_SAVE', 'STOCK_SAVE_AS', 'STOCK_SELECT_COLOR', 'STOCK_SELECT_FONT',
1084             'STOCK_SORT_ASCENDING', 'STOCK_SORT_DESCENDING', 'STOCK_SPELL_CHECK',
1085             'STOCK_STOP', 'STOCK_STRIKETHROUGH', 'STOCK_UNDELETE', 'STOCK_UNDERLINE',
1086             'STOCK_UNDO', 'STOCK_UNINDENT', 'STOCK_YES', 'STOCK_ZOOM_100',
1087             'STOCK_ZOOM_FIT', 'STOCK_ZOOM_IN', 'STOCK_ZOOM_OUT',
1088             'terp-account', 'terp-crm', 'terp-mrp', 'terp-product', 'terp-purchase',
1089             'terp-sale', 'terp-tools', 'terp-administration', 'terp-hr', 'terp-partner',
1090             'terp-project', 'terp-report', 'terp-stock', 'terp-calendar', 'terp-graph'
1091 ];
1092 openerp.web.ViewEditor.property_widget = new openerp.web.Registry({
1093     'required' : 'openerp.web.ViewEditor.FieldBoolean',
1094     'readonly' : 'openerp.web.ViewEditor.FieldBoolean',
1095     'nolabel' : 'openerp.web.ViewEditor.FieldBoolean',
1096     'completion' : 'openerp.web.ViewEditor.FieldBoolean',
1097     'widget' : 'openerp.web.ViewEditor.WidgetProperty',
1098     'groups' : 'openerp.web.ViewEditor.GroupsProperty',
1099     'position' : 'openerp.web.ViewEditor.PositionProperty',
1100     'icon' : 'openerp.web.ViewEditor.IconProperty',
1101     'align' : 'openerp.web.ViewEditor.AlignProperty',
1102     'special' : 'openerp.web.ViewEditor.ButtonSpecialProperty',
1103     'type' : 'openerp.web.ViewEditor.ButtonTypeProperty',
1104     'target' : 'openerp.web.ViewEditor.ButtonTargetProperty',
1105     'selection' : 'openerp.web.ViewEditor.FieldSelect',
1106     'char' : 'openerp.web.ViewEditor.FieldChar',
1107 });
1108 };