diff options
| -rw-r--r-- | res/templates/index.html | 5 | ||||
| -rw-r--r-- | src/client/view/graph_view.js | 22 |
2 files changed, 21 insertions, 6 deletions
diff --git a/res/templates/index.html b/res/templates/index.html index faaee89e..4d83f943 100644 --- a/res/templates/index.html +++ b/res/templates/index.html @@ -52,11 +52,6 @@ var RZ_VERSION = '{% include "fragment/version.txt" %}'; <div class="tool_bar_btn" id="btn_filter" title="Filter">Filter<div> <div id="menu__type-filter" style="display:none"> <div id="menu__type-filter_header">Filter by type</div> - <div class="menu__type-filter_item"><input type="checkbox" checked="checked" name="internship">Internship</div> - <div class="menu__type-filter_item"><input type="checkbox" checked="checked" name="interest">Interest</div> - <div class="menu__type-filter_item"><input type="checkbox" checked="checked" name="skill">Skill</div> - <div class="menu__type-filter_item"><input type="checkbox" checked="checked" name="club">Club</div> - <div class="menu__type-filter_item"><input type="checkbox" checked="checked" name="person">Person</div> </div> </div> </div> diff --git a/src/client/view/graph_view.js b/src/client/view/graph_view.js index 2874125d..06f038c9 100644 --- a/src/client/view/graph_view.js +++ b/src/client/view/graph_view.js @@ -55,16 +55,35 @@ function enableDebugViewOfDiffs(graph) }); } +function capitalize(word) { + if (word.length == 0) return ''; + return word.slice(0, 1).toUpperCase() + word.slice(1, word.length); +} + function init_checkboxes(update_view) { var // FIXME take filter names from index.html or both from graph db filter_states = _.object(_.map(model_types.nodetypes, function (type) { return [type, null]; })); + function create_checkboxes() { + var root = $('#menu__type-filter'); + + _.each(model_types.nodetypes, function (type) { + var input = $('<input type="checkbox" checked="checked">'), + div = $('<div class="menu__type-filter_item"></div>'); + + input.attr("name", type); + div.append(input); + div.append(capitalize(type)); + root.append(div); + }); + } + function read_checkboxes() { var name, value, // jquery map does flattens, and we don't want that checkboxes = _.map($('#menu__type-filter input'), - function (checkbox){ + function (checkbox) { return [checkbox.name, checkbox.checked]; } ); @@ -90,6 +109,7 @@ function init_checkboxes(update_view) { }); } + create_checkboxes(); read_checkboxes(); redraw__set_on_checkbox_change(); |