[MOVE] move export related functionality base_export to base module.

bzr revid: ysa@tinyerp.com-20110722125214-3lrqho65skbzokcy

9 files changed, 646 insertions, 6 deletions

diff --git a/addons/base/static/src/base.html b/addons/base/static/src/base.html
index 0c615ed8903..679ac454ca7 100644
--- a/addons/base/static/src/base.html
+++ b/addons/base/static/src/base.html
@@ -27,6 +27,7 @@
     <script type="text/javascript" src="/base/static/src/js/dates.js"></script>
     <script type="text/javascript" src="/base/static/src/js/chrome.js"></script>
     <script type="text/javascript" src="/base/static/src/js/data.js"></script>
+    <script type="text/javascript" src="/base/static/src/js/export.js"></script>
     <script type="text/javascript" src="/base/static/src/js/views.js"></script>
     <script type="text/javascript" src="/base/static/src/js/form.js"></script>
     <script type="text/javascript" src="/base/static/src/js/list.js"></script>
@@ -39,6 +40,7 @@
     <link rel="stylesheet" type="text/css" href="/base/static/lib/jquery.superfish/css/superfish.css" media="screen">
 
     <link rel="stylesheet" href="/base/static/src/css/base.css" type="text/css"/>
+    <link rel="stylesheet" href="/base/static/src/css/export.css" type="text/css"/>
     <!--[if lte IE 7]>
     <link rel="stylesheet" href="/base/static/src/css/base-ie7.css" type="text/css"/>
     <![endif]-->
diff --git a/addons/base/static/src/css/export.css b/addons/base/static/src/css/export.css
new file mode 100644
index 00000000000..051b5cb076c
--- /dev/null
+++ b/addons/base/static/src/css/export.css
@@ -0,0 +1,84 @@
+.row tr{
+    background-color: #FFFFFF;
+    font-size: 0.8em;
+    height: 22px;
+}
+
+tr.ui-selected td {
+    background-color: #CCCCCC;
+}
+
+.requiredfield {
+    background-color: #D2D2FF;
+}
+
+.readonlyfield{
+    background-color: DarkGray;
+}
+
+.row:hover{
+    background-color: #F3F3F3;
+}
+
+.fields-selector-export {
+    width: 100%;
+    height: 400px;
+}
+
+.fields-selector-left {
+    width: 50%;
+}
+
+div#left_field_panel {
+    overflow: scroll;
+    width: 100%;
+    height: 400px;
+    border: solid #999999 1px;
+}
+
+.fields-selector-center {
+    width: 102px;
+}
+
+.fields-selector-right {
+    width: 45%;
+    height: 400px;
+}
+
+.fields-selector-export select{
+    width: 100%;
+    height: 100%;
+}
+
+.tree_header{
+    border: 0.5px solid #E3E3E3;
+    text-align: left;
+    white-space: nowrap;
+    padding: 4px 5px;
+    background: url(/base/static/src/img/header.gif);
+}
+
+
+table.tree-grid{
+    border: 1px solid #E3E3E3;
+    text-align: left;
+    white-space: nowrap;
+    background-color:#E3E3E3;
+    border-collapse: collapse;
+    width: 100%;
+}
+
+table.tree-grid a:hover {
+    color: blue;
+    border: none;
+}
+
+table.tree-grid a {
+    color: #5F5C5C;
+    border: none;
+}
+
+.button-export {
+	border: 1px solid #006;
+	background-color: #F3F3F3;
+}
diff --git a/addons/base/static/src/img/collapse.gif b/addons/base/static/src/img/collapse.gif
index 759e72ebcfe..759e72ebcfe 100755..100644
--- a/addons/base/static/src/img/collapse.gif
+++ b/addons/base/static/src/img/collapse.gif
diff --git a/addons/base/static/src/img/expand.gif b/addons/base/static/src/img/expand.gif
index ca98d0b5f2b..ca98d0b5f2b 100755..100644
--- a/addons/base/static/src/img/expand.gif
+++ b/addons/base/static/src/img/expand.gif
diff --git a/addons/base/static/src/img/header.gif b/addons/base/static/src/img/header.gif
new file mode 100644
index 00000000000..f40bd9c0f6a
--- /dev/null
+++ b/addons/base/static/src/img/header.gif
diff --git a/addons/base/static/src/js/base.js b/addons/base/static/src/js/base.js
index 28022f8b764..8e593de5949 100644
--- a/addons/base/static/src/js/base.js
+++ b/addons/base/static/src/js/base.js
@@ -87,6 +87,9 @@ openerp.base = function(instance) {
     if (openerp.base.view_tree) {
         openerp.base.view_tree(instance);
     }
+    if (openerp.base.export) {
+        openerp.base.export(instance);
+    }
 };
 
 // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax:
diff --git a/addons/base/static/src/js/export.js b/addons/base/static/src/js/export.js
new file mode 100644
index 00000000000..e12ba0e613c
--- /dev/null
+++ b/addons/base/static/src/js/export.js
@@ -0,0 +1,409 @@
+openerp.base.export = function(openerp) {
+openerp.base.Export = openerp.base.Dialog.extend({
+
+    init: function(parent, dataset, views){
+        this._super(parent);
+        this.dataset = dataset
+        this.views = views
+        this.views_id = {};
+        for (var key in this.views) {
+            this.views_id[key] = this.views[key].view_id
+        }
+    },
+
+    start: function() {
+        var self = this
+        self._super(false);
+        self.template = 'ExportTreeView';
+        self.dialog_title = "Export Data "
+        self.open({
+                    modal: true,
+                    width: '55%',
+                    height: 'auto',
+                    position: 'top',
+                    buttons : {
+                        "Close" : function() {
+                            self.close();
+                          },
+                        "Export To File" : function() {
+                            self.on_click_export_data();
+                          }
+                       },
+                    close: function(event, ui){ self.close();}
+                   });
+        this.on_show_exists_export_list();
+        jQuery(this.$dialog).removeClass('ui-dialog-content ui-widget-content');
+        $('#add_field').click(function(){
+            if($("#field-tree-structure tr.ui-selected")){
+                var fld = $("#field-tree-structure tr.ui-selected").find('a');
+                for (var i=0;i<fld.length; i++){
+                    var id = $(fld[i]).attr('id').split("-")[1];
+                    var string = $(fld[i]).attr('string');
+                    self.add_field(id,string);
+                }
+                $("#field-tree-structure tr").removeClass("ui-selected");
+            }
+        });
+        $('#remove_field').click(function(){
+            $("#fields_list option:selected").remove();
+        });
+        $('#remove_all_field').click(function(){
+            $("#fields_list option").remove();
+        });
+        $('#export_new_list').click(function(){
+            self.on_show_save_list();
+        });
+        import_comp = $("#import_compat option:selected").val()
+        var params = {"import_compat":parseInt(import_comp), "views_id": this.views_id}
+        this.rpc("/base/export/get_fields", {"model": this.dataset.model, "params": params}, this.on_show_data);
+
+        $("#import_compat").change(function(){
+            $("#fields_list option").remove();
+            $("#field-tree-structure").remove();
+            import_comp = $("#import_compat option:selected").val();
+            if(import_comp){
+                var params = {"import_compat":parseInt(import_comp), "views_id": this.views_id}
+                self.rpc("/base/export/get_fields", {"model": self.dataset.model, "params": params}, self.on_show_data);
+            }
+        });
+    },
+
+    on_show_exists_export_list: function(){
+        var self = this;
+        if($("#saved_export_list").is(":hidden")){
+            $("#ExistsExportList").show();
+        }
+        else{
+            this.rpc("/base/export/exist_export_lists", {"model": this.dataset.model}, function(export_list){
+                if(export_list.length){
+                    $("#ExistsExportList").append(QWeb.render('Exists.ExportList', {'existing_exports':export_list}));
+                    $("#saved_export_list").change(function(){
+                        $("#fields_list option").remove();
+                        export_id = $("#saved_export_list option:selected").val();
+                        if (export_id){
+                            self.rpc("/base/export/namelist", {"model": self.dataset.model, export_id: parseInt(export_id)}, self.do_load_export_field);
+                        }
+                    });
+                    $('#delete_export_list').click(function(){
+                        select_exp = $("#saved_export_list option:selected")
+                        if (select_exp.val()){
+                            self.rpc("/base/export/delete_export", {"export_id": parseInt(select_exp.val())}, {});
+                            select_exp.remove();
+                            if($("#saved_export_list option").length <= 1){
+                                $("#ExistsExportList").hide();
+                            }
+                        }
+                    });
+                }
+            });
+        }
+    },
+
+    do_load_export_field: function(field_list){
+        var export_node = $("#fields_list");
+        for (var key in field_list) {
+            export_node.append(new Option(field_list[key], key));
+        }
+    },
+
+    on_show_save_list: function(){
+        var self = this;
+        var current_node = $("#savenewlist");
+        if(!(current_node.find("label")).length){
+            current_node.append(QWeb.render('ExportNewList'));
+            current_node.find("#add_export_list").click(function(){
+                var value = current_node.find("#savelist_name").val();
+                if (value){
+                    self.do_save_export_list(value);
+                }
+                else{
+                    alert("Pleae Enter Save Field List Name");
+                }
+            });
+        }
+        else{
+            if (current_node.is(':hidden')){
+                current_node.show();
+            }
+            else{
+               current_node.hide();
+            }
+        }
+    },
+
+    do_save_export_list: function(value){
+        var self = this;
+        var export_field = self.get_fields()
+        if(export_field.length){
+            self.rpc("/base/export/save_export_lists", {"model": self.dataset.model, "name":value, "field_list":export_field}, function(exp_id){
+                if(exp_id){
+                    if($("#saved_export_list").length > 0){
+                        $("#saved_export_list").append( new Option(value, exp_id));
+                    }
+                    else{
+                        self.on_show_exists_export_list();
+                    }
+                    if($("#saved_export_list").is(":hidden")){
+                        self.on_show_exists_export_list();
+                    }
+                }
+            });
+            self.on_show_save_list()
+            $("#fields_list option").remove();
+        }
+    },
+
+    on_click: function(id, result) {
+        var self = this
+        self.field_id = id.split("-")[1];
+        var model = ''
+        var prefix = ''
+        var name = ''
+        var is_loaded = 0;
+        _.each(result, function(record) {
+            if(record['id'] == self.field_id && (record['children']).length >= 1){
+                model = record['params']['model']
+                prefix = record['params']['prefix']
+                name = record['params']['name']
+                $(record['children']).each (function(e, childid) {
+                    if ($("tr[id='treerow-" + childid +"']").length > 0) {
+                        if ($("tr[id='treerow-" + childid +"']").is(':hidden')) {
+                            is_loaded = -1;
+                        } else {
+                            is_loaded++;
+                        }
+                    }
+                });
+                if (is_loaded == 0) {
+                    if ($("tr[id='treerow-" + self.field_id +"']").find('img').attr('src') == '/base/static/src/img/expand.gif') {
+                        if (model){
+                            import_comp = $("#import_compat option:selected").val()
+                            var params = {"import_compat":parseInt(import_comp), "views_id": this.views_id, "parent_field_type" : record['field_type']}
+                            self.rpc("/base/export/get_fields", {"model": model, "prefix": prefix, "name": name,  "field_parent" : self.field_id, "params":params}, function (results) {
+                                self.on_show_data(results);
+                            });
+                        }
+                    }
+                } else if (is_loaded > 0) {
+                    self.showcontent(self.field_id, true);
+                } else {
+                    self.showcontent(self.field_id, false);
+                }
+            }
+
+        });
+    },
+
+    on_show_data: function(result) {
+        var self = this;
+        var current_tr = $("tr[id='treerow-" + self.field_id + "']");
+        if (current_tr.length >= 1){
+            current_tr.find('img').attr('src','/base/static/src/img/collapse.gif');
+            current_tr.after(QWeb.render('ExportTreeView-Secondary.children', {'fields': result}));
+        }
+        else{
+            $('#left_field_panel').append(QWeb.render('ExportTreeView-Secondary',  {'fields': result}));
+        }
+        _.each(result, function(record) {
+            if(record.field_type == "one2many"){
+                var o2m_fld = $("tr[id^='treerow-" + record.id + "']").find('#tree-column');
+                o2m_fld.addClass("readonlyfield");
+            }
+            if ((record.required == true) || record.required == "True"){
+                var required_fld = $("tr[id^='treerow-" + record.id + "']").find('#tree-column');
+                required_fld.addClass("requiredfield");
+            }
+            $("img[id ^='parentimg-" + record.id +"']").click(function(){
+                self.on_click(this.id, result);
+            });
+
+            $("tr[id^='treerow-" + record.id + "']").click(function(e){
+                if (e.shiftKey == true){
+                    var frst_click,scnd_click = '';
+                    if (self.row_index == 0){
+                        self.row_index = this.rowIndex;
+                        frst_click = $("tr[id^='treerow-']")[self.row_index-1];
+                        $(frst_click).addClass("ui-selected");
+                    }else{
+                        if (this.rowIndex >=self.row_index){
+                            for (i = (self.row_index-1); i < this.rowIndex; i++) {
+                                scnd_click = $("tr[id^='treerow-']")[i];
+                                if(!$(scnd_click).find('#tree-column').hasClass("readonlyfield")){
+                                    $(scnd_click).addClass("ui-selected");
+                                }
+                            }
+                        }else{
+                            for (i = (self.row_index-1); i >= (this.rowIndex-1); i--) {
+                                scnd_click = $("tr[id^='treerow-']")[i];
+                                if(!$(scnd_click).find('#tree-column').hasClass("readonlyfield")){
+                                    $(scnd_click).addClass("ui-selected");
+                                }
+                            }
+                        }
+                    }
+                }
+                self.row_index = this.rowIndex;
+
+                $("tr[id^='treerow-" + record.id + "']").keyup(function (e) {
+                        self.row_index = 0;
+                });
+                var o2m_selection = $("tr[id^='treerow-" + record.id + "']").find('#tree-column');
+                if ($(o2m_selection).hasClass("readonlyfield")){
+                    return false;
+                }
+                var selected = $("tr.ui-selected");
+                if ($(this).hasClass("ui-selected") && (e.ctrlKey == true)){
+                    $(this).find('a').blur();
+                    $(this).removeClass("ui-selected");
+                }else if($(this).hasClass("ui-selected") && (e.ctrlKey == false) && (e.shiftKey == false)){
+                    selected.find('a').blur();
+                    selected.removeClass("ui-selected");
+                    $(this).find('a').focus();
+                    $(this).addClass("ui-selected");
+                }else if(!$(this).hasClass("ui-selected") && (e.ctrlKey == false) && (e.shiftKey == false)){
+                    selected.find('a').blur();
+                    selected.removeClass("ui-selected");
+                    $(this).find('a').focus();
+                    $(this).addClass("ui-selected");
+                }else if(!$(this).hasClass("ui-selected") && (e.ctrlKey == true)){
+                    $(this).find('a').focus();
+                    $(this).addClass("ui-selected");
+                }
+                return false;
+            });
+
+            $("tr[id^='treerow-" + record.id + "']").keydown(function (e) {
+                var keyCode = e.keyCode || e.which;
+                arrow = {left: 37, up: 38, right: 39, down: 40 };
+                switch (keyCode) {
+                    case arrow.left:
+                        if( jQuery(this).find('img').attr('src') == '/base/static/src/img/collapse.gif'){
+                            self.on_click(this.id, result);
+                        }
+                    break;
+                    case arrow.up:
+                        var elem = this;
+                        $(elem).removeClass("ui-selected");
+                        while($(elem).prev().is(":visible") == false){
+                            elem = $(elem).prev();
+                        }
+                        if(!$(elem).prev().find('#tree-column').hasClass("readonlyfield")){
+                            $(elem).prev().addClass("ui-selected");
+                        }
+                        $(elem).prev().find('a').focus();
+                    break;
+                    case arrow.right:
+                        if( jQuery(this).find('img').attr('src') == '/base/static/src/img/expand.gif'){
+                            self.on_click(this.id, result);
+                        }
+                    break;
+                    case arrow.down:
+                        var elem = this;
+                        $(elem).removeClass("ui-selected");
+                        while($(elem).next().is(":visible") == false){
+                            elem = $(elem).next();
+                        }
+                        if(!$(elem).next().find('#tree-column').hasClass("readonlyfield")){
+                            $(elem).next().addClass("ui-selected");
+                        }
+                        $(elem).next().find('a').focus();
+                    break;
+                }
+            });
+            $("tr[id^='treerow-" + record.id + "']").dblclick(function (e) {
+                var o2m_selection = $("tr[id^='treerow-" + record.id + "']").find('#tree-column');
+                if (! $(o2m_selection).hasClass("readonlyfield")){
+                    var field_id =  $(this).find("a").attr("id");
+                    if(field_id){
+                       self.add_field(field_id.split('-')[1], $(this).find("a").attr("string"))
+                   }
+                }
+            });
+        });
+        $('#fields_list').mouseover(function(event){
+            if(event.relatedTarget){
+                if (event.relatedTarget.attributes['id'] && event.relatedTarget.attributes['string']){
+                    field_id = event.relatedTarget.attributes["id"]["value"]
+                    if (field_id && field_id.split("-")[0] == 'export'){
+                        if(!$("tr[id^='treerow-" + field_id.split("-")[1] + "']").find('#tree-column').hasClass("readonlyfield")){
+                            self.add_field(field_id.split("-")[1], event.relatedTarget.attributes["string"]["value"]);
+                        }
+                    }
+                }
+            }
+        });
+    },
+
+    // show & hide the contents
+    showcontent: function (id, flag) {
+        var first_child = $("tr[id='treerow-" + id + "']").find('img')
+        if (flag) {
+            first_child.attr('src', '/base/static/src/img/expand.gif');
+        }
+        else {
+            first_child.attr('src', '/base/static/src/img/collapse.gif');
+        }
+        var child_field = $("tr[id^='treerow-" + id +"/']")
+        var child_len = (id.split("/")).length + 1
+        for (var i = 0; i < child_field.length; i++) {
+            if (flag) {
+                $(child_field[i]).hide();
+            }
+            else {
+                if(child_len ==  (child_field[i].id.split("/")).length){
+                    if( jQuery(child_field[i]).find('img').attr('src') == '/base/static/src/img/collapse.gif'){
+                        jQuery(child_field[i]).find('img').attr('src', '/base/static/src/img/expand.gif')
+                    }
+                    $(child_field[i]).show();
+                }
+            }
+        }
+    },
+
+    add_field: function(field_id, string) {
+        var field_list = $('#fields_list')
+        if ( $("#fields_list option[value='" + field_id + "']") && !$("#fields_list option[value='" + field_id + "']").length){
+            field_list.append( new Option(string, field_id));
+        }
+    },
+
+    get_fields: function (){
+        var export_field = [];
+        $("#fields_list option").each(function(){
+            export_field.push(jQuery(this).val());
+        });
+        if (! export_field.length){
+            alert('Please select fields to save export list...');
+        }
+        return export_field;
+    },
+    on_click_export_data: function(){
+        var self = this;
+        var export_field = {};
+        var flag = true;
+        $("#fields_list option").each(function(){
+            export_field[jQuery(this).val()] = jQuery(this).text();
+            flag = false;
+        });
+        if (flag){
+            alert('Please select fields to export...');
+            return;
+        }
+
+        import_comp = $("#import_compat option:selected").val()
+        export_format = $("#export_format").val()
+
+        self.rpc("/base/export/export_data", {"model": self.dataset.model, "fields":export_field, 'ids': self.dataset.ids, 'domain': self.dataset.domain, "import_compat":parseInt(import_comp), "export_format" :export_format}, function(data){
+            window.location="data:text/csv/excel;charset=utf8," + data
+            self.close();
+        });
+    },
+
+    close: function() {
+        jQuery(this.$dialog).remove();
+        this._super();
+    },
+
+});
+
+};
diff --git a/addons/base/static/src/js/views.js b/addons/base/static/src/js/views.js
index 0f520cab13d..0d8539d6292 100644
--- a/addons/base/static/src/js/views.js
+++ b/addons/base/static/src/js/views.js
@@ -200,7 +200,7 @@ openerp.base.ViewManager =  openerp.base.Controller.extend({
             if(this.active_view == 'list' || this.active_view == 'form') {
                 this.views[this.active_view].controller.$element.after(QWeb.render('ExportView'))
                 this.$element.find('#exportview').click(function(ev) {
-                    var export_view = new openerp.base_export.Export(self, self.dataset, self.views);
+                    var export_view = new openerp.base.Export(self, self.dataset, self.views);
                     export_view.start(false);
                     ev.preventDefault();
                 });
@@ -417,6 +417,7 @@ openerp.base.Sidebar = openerp.base.BaseWidget.extend({
 
 openerp.base.NullSidebar = openerp.base.generate_null_object_class(openerp.base.Sidebar);
 
+/*
 openerp.base.Export = openerp.base.Dialog.extend({
     dialog_title: "Export",
     template: 'ExportDialog',
@@ -435,7 +436,7 @@ openerp.base.Export = openerp.base.Dialog.extend({
         this.$element.dialog("close");
     }
 });
-
+*/
 openerp.base.View = openerp.base.Controller.extend({
     /**
      * Fetches and executes the action identified by ``action_data``.
diff --git a/addons/base/static/src/xml/base.xml b/addons/base/static/src/xml/base.xml
index 04841a2e297..fee6a07281b 100644
--- a/addons/base/static/src/xml/base.xml
+++ b/addons/base/static/src/xml/base.xml
@@ -103,7 +103,7 @@
     <div class="oe_login_right_pane">
         <p>We think that daily job activities can be more intuitive, efficient, automated, .. and even fun.</p>
         <h3>OpenERP's vision to be:</h3>
-        
+
         <table cellpadding="0" cellspacing="0" width="100%" style="border:none;">
             <tbody>
             <tr>
@@ -135,7 +135,7 @@
             </tr>
             </tbody>
         </table>
-        
+
     </div>
 </t>
 <t t-name="Header">
@@ -311,7 +311,7 @@
     t-att-data-index="row_index">
     <t t-foreach="columns" t-as="column">
         <td t-if="column.meta">
-            
+
         </td>
     </t>
     <th t-if="options.selectable" class="oe-record-selector" width="1">
@@ -786,7 +786,7 @@
             <option value="all">All the following conditions must match</option>
             <option value="none">None of the following conditions must match</option>
         </select>
-        <a class="searchview_extended_delete_group" 
+        <a class="searchview_extended_delete_group"
                 href="javascript:void(0)"><span></span></a>
         <div class="searchview_extended_propositions_list">
         </div>
@@ -932,4 +932,145 @@
             .unwrap();
     </t>
 </t>
+
+<t t-name="ExportView">
+    <a id="exportview" href="javascript: void(0)" style="text-decoration: none;color: #3D3D3D;">Export</a>
+</t>
+
+<t t-name="ExportTreeView">
+    <table class="view" style="background-color: #F3F3F3;">
+        <tr>
+            <td align="left">
+                This wizard will export all data that matches the current search criteria to a CSV file.
+                You can export all data or only the fields that can be reimported after modification.
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <table>
+                    <tr>
+                        <td class="label"><label>Export Type:</label></td>
+                        <td>
+                            <select id="import_compat" name="import_compat"  style="background-color: #F3F3F3;" >
+                                <option value="1">Import Compatible Export</option>
+                                <option value="0">Export all Data</option>
+                            </select>
+                        </td>
+                        <td class="label"><label>Export Format</label></td>
+                        <td>
+                            <select id="export_format" name="export_format">
+                                <option value="csv">CSV</option>
+                                <option value="xls">Excel</option>
+                            </select>
+                        </td>
+
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <table class="fields-selector-export">
+                    <tr>
+                        <th class="oe_view_title" valign="bottom">Available fields</th>
+                        <th class="oe_view_title"></th>
+                        <th class="oe_view_title">Fields to export
+                        <a style="color: blue; text-decoration: none;" href="#" id="export_new_list">Save fields list</a>
+                        <div id="savenewlist"></div>
+                        <div id="ExistsExportList"></div>
+                        </th>
+                    </tr>
+                    <tr>
+                        <td class="fields-selector-left">
+                            <div id="left_field_panel">
+                            </div>
+                        </td>
+                        <td>
+                            <table class="fields-selector-center">
+                                <tr>
+                                    <td align="center">
+                                        <button id="add_field" class="button-export">Add</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td align="center">
+                                        <button id="remove_field" class="button-export">Remove</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td align="center">
+                                        <button id="remove_all_field" class="button-export">Remove All</button>
+                                    </td>
+                                </tr>
+                            </table>
+                        </td>
+                        <td class="fields-selector-right">
+                            <select name="fields_list" id="fields_list" multiple="multiple"></select>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
+</t>
+
+<t t-name="ExportTreeView-Secondary">
+    <table id="field-tree-structure" class="fields-selector-export" cellspacing="0" cellpadding="0">
+        <tr><th class="tree_header"> Name </th></tr>
+        <t t-call="ExportTreeView-Secondary.children"/>
+    </table>
+</t>
+<t t-name="ExportTreeView-Secondary.children">
+    <t t-foreach="fields" t-as="field" >
+        <tr t-att-id="'treerow-' + field.id" class="row">
+            <td>
+                <table class="tree-grid" border="0">
+                    <tr class="row">
+                        <t t-foreach="(field.id).split('/')" t-as="level" >
+                            <t t-if="(field.id).split('/')[0] != level">
+                                <td width="18">&amp;nbsp;</td>
+                            </t>
+                        </t>
+                        <td valign="top" align="left" style="cursor: pointer;" width="18">
+                            <t t-if="(field.children).length >= 1">
+                                <t t-if="(field.id).split('/').length != 3">
+                                    <img t-att-id="'parentimg-' + field.id" src="/base/static/src/img/expand.gif" width="16" height="16" border="0"/>
+                                </t>
+                            </t>
+                        </td>
+                        <td id="tree-column" valign="middle" align="left" style="cursor: pointer;">
+                            <a t-att-id="'export-' + field.id"  t-att-string="field.string" href="javascript: void(0);" style="text-decoration: none;">
+                                <t t-esc="field.string"/>
+                            </a>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </t>
+</t>
+
+<t t-name="ExportNewList">
+    <tr>
+        <th><label>Save as:</label></th>
+        <td><input size="10" type="text" id="savelist_name"/></td>
+        <td><button class="button-export" id="add_export_list">Ok</button></td>
+    </tr>
+</t>
+
+<t t-name="Exists.ExportList">
+    <tr><th align="right"><label >Saved exports:</label></th></tr>
+    <tr align="left">
+        <td>
+            <select id="saved_export_list" style="width: 100%;">
+                <option></option>
+                <t t-foreach="existing_exports" t-as="export">
+                    <option t-att-value="export.id"><t t-esc="export.name"/></option>
+                </t>
+            </select>
+        </td>
+        <td><button class="button-export" id="delete_export_list">Delete</button></td>
+    </tr>
+</t>
 </templates>