tryton/js/view.js

/* This file is part of Tryton.  The COPYRIGHT file at the top level of
   this repository contains the full copyright notices and license terms. */
'use strict';

Sao.View = Class(Object, {
    init: function(screen, xml) {
        this.screen = screen;
        this.view_type = null;
        this.el = null;
    }
});

Sao.View.parse = function(screen, xml) {
    switch (xml.children().prop('tagName')) {
        case 'tree':
            return new Sao.View.Tree(screen, xml);
    }
};

Sao.View.tree_column_get = function(type) {
    switch (type) {
        default:
            return Sao.View.Tree.CharColumn;
    }
};

Sao.View.Tree = Class(Sao.View, {
    init: function(screen, xml) {
        Sao.View.Tree._super.init.call(this, screen, xml);
        this.view_type = 'tree';
        this.el = $('<div/>', {
            'class': 'treeview'
        });

        // Columns
        this.columns = [];
        this.create_columns(screen.model, xml);

        // Table of records
        this.table = $('<table/>', {
            'class': 'tree'
        });
        this.el.append(this.table);
        var thead = $('<thead/>');
        this.table.append(thead);
        var tr = $('<tr/>');
        thead.append(tr);
        this.columns.forEach(function(column) {
            var th = $('<th/>', {
                'text': column.attributes['name']
            });
            tr.append(th);
        });
        this.tbody = $('<tbody/>');
        this.table.append(this.tbody);

        // Footer with pagination stuff
        var footer = $('<div/>', {
            'class': 'treefooter'
        });
        this.previous_button = $('<button/>').button({
            'disabled': true,
            'icons': {
                primary: 'ui-icon-triangle-1-w'
            },
            'text': false,
            'label': 'Previous' //TODO translation
        });
        footer.append(this.previous_button);
        this.pagination = $('<span/>', {
            text: '0 / 0'
        });
        footer.append(this.pagination);
        this.next_button = $('<button/>').button({
            'disabled': true,
            'icons': {
                primary: 'ui-icon-triangle-1-e'
            },
            'text': false,
            'label': 'Next' //TODO translation
        });
        this.pagination.append(this.next_button);
        this.el.append(footer);
    },
    create_columns: function(model, xml) {
        var self = this;
        xml.find('tree').children().each(function(pos, child) {
            if (child.tagName == 'field') {
                var attributes = {
                    'name': child.getAttribute('name'),
                    'readonly': child.getAttribute('readonly') == 1,
                    'widget': child.getAttribute('widget'),
                    'tree_invisible': child.getAttribute('tree_invisible') == 1,
                    'expand': child.getAttribute('expand') == 1,
                    'icon': child.getAttribute('icon'),
                    'sum': child.getAttribute('sum'),
                    'width': child.getAttribute('width'),
                    'orientation': child.getAttribute('orientation'),
                    'float_time': child.getAttribute('float_time'),
                    'pre_validate': child.getAttribute('pre_validate') == 1,
                    'completion': child.getAttribute('completion') == 1
                };
                var ColumnFactory = Sao.View.tree_column_get(attributes['widget']);
                var column = new ColumnFactory(model, attributes);
            } else if (child.tagName == 'button') {
                var attributes = {
                    'help': child.getAttribute('help'),
                    'string': child.getAttribute('string'),
                    'confirm': child.getAttribute('confirm'),
                    'name': child.getAttribute('name')
                };
                var column = new Sao.View.Tree.ButtonColumn(attributes);
            }
            self.columns.push(column);
        });
    },
    display: function() {
        this.tbody.empty();
        var add_row = function(record, pos, group) {
            var tr = $('<tr/>');
            for (var i = 0; i < this.columns.length; i++) {
                var td = $('<td/>');
                var column = this.columns[i];
                if (column.type == 'field') {
                    td.append(column.render(record));
                } else {
                    td.append(column.render());
                }
                tr.append(td);
            }
            this.tbody.append(tr);
        };
        this.screen.group.forEach(add_row.bind(this));
    }
});


Sao.View.Tree.CharColumn = Class(Object, {
    init: function(model, attributes) {
        this.type = 'field';
        this.field = model.fields[attributes['name']];
        this.attributes = attributes;
    },
    render: function(record) {
        var cell = $('<span/>', {
            text: this.field.get_client(record)
        });
        return cell;
    }
});

Sao.View.Tree.ButtonColumn = Class(Object, {
    init: function(attributes) {
        this.type = 'button';
        this.attributes = attributes;
    },
    render: function() {
        return $('<button/>');
    }
});