diff options
| -rw-r--r-- | design/style.css | 11 | ||||
| -rw-r--r-- | js/liststudy.js | 12 |
2 files changed, 22 insertions, 1 deletions
diff --git a/design/style.css b/design/style.css index 5e26d29..99903d1 100644 --- a/design/style.css +++ b/design/style.css @@ -243,6 +243,17 @@ hr { border-bottom: 1px dashed #AAA; } +li .info { + display: inline-block; + width: 50px; + color: #444; +} + +li p { + margin-top: 4px; + margin-bottom: 4px; +} + /* CARDS */ diff --git a/js/liststudy.js b/js/liststudy.js index f01f656..2d340c9 100644 --- a/js/liststudy.js +++ b/js/liststudy.js @@ -72,7 +72,8 @@ function show_contents_table() { var html = '<table><tr><th class="invisible_td"></th>'; for (var i = 0; i < batch_data.columns.length; i++) { var c = batch_data.columns[i]; - html += '<th>' + c + ' - <a class="tool_link" href="#" onclick="ch(' + i + ')" id="chsl' + i + '">hide</a></th>'; + html += '<th>' + c + ' <a class="tool_link" href="#" onclick="ch(' + i + ')" id="chsl' + i + '">hide</a>' + + (i != 0 ? ' <a class="tool_link" href="#" onclick="lcol(' + i + ')">list</a>' : '') + '</th>' ; } html += '<th>win</th><th>fail</th><th>score</th></tr>'; for (var i = 0; i < items.length; i++) { @@ -111,6 +112,15 @@ function cs(col) { $("chsl"+col).onclick = function() { ch(col); }; } +function lcol(col) { + html = '<p><a href="#" onclick="show_contents_table()">Show complete table</a></p><ul>'; + for (var i = 0; i < items.length; i++) { + html += '<li><p><span class="info">' + items[i].info[0] + '</span>' + items[i].info[col] + '</p></li>'; + } + html += '</ul>'; + $("items").innerHTML = html; +} + function show_reviews_table() { // eventually, will also show a graph of progress. or maybee not. if (reviews_data.length == 0) { |