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

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