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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
function ResultsTable(id, container, editPlayerCallback, editResultCallback) {
    this.id = id;
    this.players = [];
    this.results = [];
    this.store = window.sessionStorage;
    
    if(!editPlayerCallback) {
        editPlayerCallback = this._editPlayerCallback;
    }
    this.editPlayerCallback = editPlayerCallback;
    if(!editResultCallback) {
        editResultCallback = this._editResultCallback;
    }
    this.editResultCallback = editResultCallback;
    
    container.appendChild(this._createTable());
}
ResultsTable.prototype._createTable = function() {
    this.table = document.createElement('table');
    this.table.className = 'results';
    this.thead = document.createElement('thead');
    this.tbody = document.createElement('tbody');
    this.tplayers = document.createElement('tr');
    this.tresults = document.createElement('tr');
    
    this.table.appendChild(this.thead);
    this.table.appendChild(this.tbody);
    this.thead.appendChild(this.tplayers);
    this.thead.appendChild(this.tresults);
    
    return this.table;
};
ResultsTable.prototype.load = function() {
    if(this.store && this.store.getItem(this.id+'_players')) {
        this.players = JSON.parse(this.store.getItem(this.id+'_players'));
        this.results = JSON.parse(this.store.getItem(this.id+'_results'));
        this.refresh();
    }
};
ResultsTable.prototype.save = function() {
    if(this.store) {
        this.store.setItem(this.id+'_players', JSON.stringify(this.players));
        this.store.setItem(this.id+'_results', JSON.stringify(this.results));
    }
};
ResultsTable.prototype.clear = function() {
    this.players = [];
    this.results = [];
    this.refresh();
    if(this.store) {
        this.store.removeItem(this.id+'_players');
        this.store.removeItem(this.id+'_results');
    }
};
ResultsTable.prototype.addPlayer = function(name) {
    var results = (this.results[0] && this.results[0].length) || 0;
    results = new Array(results);
    for(var i = 0; i < results.length; i++) {
        results[i] = 'X';
    }
    
    this.players.push(name);
    this.results.push(results);
    this.refresh();
};
ResultsTable.prototype._createPlayerTh = function(name) {
    var th = document.createElement('th');
    th.innerText = name;
    th.onclick = function(self) { return function() {
        var originalName = th.innerText;
        self.editPlayerCallback(
            originalName,
            function (result) {
                if(result == null) {
                    return;
                }
                
                if(result) {
                    self.players[self.players.indexOf(originalName)] = result;
                }
                else
                {
                    var index = self.players.indexOf(originalName);
                    self.players.splice(index, 1);
                    self.results.splice(index, 1);
                }
                
                self.refresh();
            }
        );
    } }(this);
    return th;
};
ResultsTable.prototype.addResult = function(result) {
    for(var i = 0; i < result.length; i++) {
        this.results[i].push(result[i]);
    }
    this.refresh();
};
ResultsTable.prototype._editPlayerCallback = function(name, callback) {
    var result = prompt('Podaj nowe inicjały gracza. Wyczyść pole, by go usunąć.', name);
    callback(result);
};
ResultsTable.prototype._editResultCallback = function(value, callback) {
    var result = prompt('Podaj nową wartość:', value);
    callback(result);
};
ResultsTable.prototype.refresh = function() {
    this.save();
    
    while(this.tplayers.lastChild) {
        this.tplayers.removeChild(this.tplayers.lastChild);
    }
    for(var i = 0; i < this.players.length; i++) {
        this.tplayers.appendChild(this._createPlayerTh(this.players[i]));
    }
    
    while(this.tresults.lastChild) {
        this.tresults.removeChild(this.tresults.lastChild);
    }
    for(var i = 0; i < this.results.length; i++) {
        var td = document.createElement('th');
        td.innerText = this.results[i].reduce(
            function(a, b) { return (parseInt(a, 10) || 0)+(parseInt(b, 10) || 0); }, 0
        );
        this.tresults.appendChild(td);
    }
    
    while(this.tbody.lastChild) {
        this.tbody.removeChild(this.tbody.lastChild);
    }
    if(this.results.length > 0) {
        for(var i = 0; i < this.results[0].length; i++) {
            var tr = document.createElement('tr');
            
            for(var j = 0; j < this.results.length; j++) {
                var td = document.createElement('td');
                td.innerText = this.results[j][i];
                td.onclick = function(j, i, self) { return function() {
                    self.editResultCallback(
                        self.results[j][i],
                        function (value) {
                            if(value == null) return;
                            self.results[j][i] = value;
                            self.refresh();
                        }
                    );
                } }(j, i, this);
                tr.appendChild(td);
            }
            
            this.tbody.appendChild(tr);
        }
    }
};