1

/*

     2

 * Dynamic pvl.verkko.table frontend.

     3

 */

     4

function html (tag, params, html) {

     5

    return $("<" + tag + " />", $.extend({html: html}, params));

     6

};

     7

     8

/*

     9

 *  item_url    - base URL path to /items/0 by id=0

    10

 *  columns     - [ column_name ]

    11

 *  animate     - attempt to animate table..

    12

 */

    13

function Table (table, params) {

    14

    var tbody = table.children('tbody');

    15

    var animate = params.animate || false;

    16

    17

    if (animate)

    18

        table.css('display', 'block');

    19

    20

    /*

    21

     * Render <tr> for item.

    22

     */

    23

    function render_tr (item) {

    24

        var columns = [

    25

            html("th", {}, 

    26

                html("a", { href: params.item_url.replace('0', item.id) }, "#" )

    27

            ),

    28

        ];

    29

    30

        $.each(params.columns, function (i, column) {

    31

            var col = item[column];

    32

            var td = html("td", { title: col.title }, col.html);

    33

    34

            $.each(col.css, function (i, css) {

    35

                td.addClass(css);

    36

            });

    37

    38

            columns.push(td);

    39

        });

    40

    41

        return html("tr", { id: item.id }, columns);

    42

    }

    43

    44

    return {

    45

        animate:    animate,

    46

    47

        /*

    48

         * Update given item into our <table>

    49

         */

    50

        update: function (item) {

    51

            var tr = $('#' + item.id);

    52

    53

            if (tr.length) {

    54

                if (animate) tr.slideUp();

    55

            } else {

    56

                tr = render_tr(item)

    57

    58

                if (animate) tr.hide();

    59

            }

    60

    61

            // move to top

    62

            tr.prependTo(tbody);

    63

    64

            if (animate)

    65

                tr.slideDown();

    66

            else

    67

                tr.effect("highlight", {}, 'slow');

    68

        }

    69

    }

    70

};