addons/web/static/src/js/view_editor.js

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