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