Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/develop-activity/skeletons/Web/js/view.js
blob: 9218a2cc4c7d2c0b22812817ac413dac127fdd42 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
define(function (require) {

    var view = {};

    view.View = function () {
        this.template =
            '<li data-id="{{id}}" class="{{completed}}">' +
            '<div class="view">' +
            '<input class="toggle" type="checkbox" {{checked}}>' +
            '<label>{{title}}</label>' +
            '<button class="remove"></button>' +
            '</div>' +
            '</li>';
    };

    // Create a string of HTML <li> elements inside with the given
    // items.
    view.View.prototype.show = function (items) {
        var i, l;
        var view = '';
        for (i = 0, l = items.length; i < l; i++) {
            var template = this.template;
            var completed = '';
            var checked = '';
            if (items[i].completed === 1) {
                completed = 'completed';
                checked = 'checked';
            }
            template = template.replace('{{id}}', items[i].id);
            template = template.replace('{{title}}', items[i].title);
            template = template.replace('{{completed}}', completed);
            template = template.replace('{{checked}}', checked);
            view = view + template;
        }
        return view;
    };

    return view;

});