2013-10-13 16:10:59 +00:00
< div id = "table_filter_container" style = "display: block;" >
< input id = "table_filter_text_box" class = "filter_text_box text_box_transient" placeholder = "Filter" ng-model = "query" >
< / div >
2013-10-13 15:10:00 +00:00
< table class = "data_table" >
< tbody >
2013-10-13 16:10:59 +00:00
< tr class = "data_table_row" ng-repeat = "binding in bindings | filterBinding:query" >
2013-10-21 18:12:16 +00:00
< td ng-class = "{ data_table_cell: true, no_overflow: !binding._is_selected }" style = "text-align: right; padding-right: 30px;" ng-click = "binding._is_selected = !binding._is_selected" > {{ binding.command }}< / td >
2013-10-27 13:21:50 +00:00
<!-- Some bindings are listed multiple times for e.g. function backward - char is bound to \e\[D as well as key left. Users may want to know why some bindings are listed twice, so the actual binding is shown in next line on a click -->
< td ng-class = "{ data_table_cell: true, no_overflow: !binding._is_selected }" style = "text-align: left; padding-right: 30px;" ng-click = "binding._is_selected = !binding._is_selected" > {{ binding.readable_binding }} < div ng-show = "binding._is_selected" > {{ binding.binding }} < / div > < / td >
2013-10-13 15:10:00 +00:00
< / tr >
< / tbody >
< / table >