Allow adding comments to directories in the code browser

Fixes #39.

Due to a different table id, top comments were not shown for directories
in the code browser. Change the `selectorToInsertBefore` to support both
files and directories.

The code browser supports keyboard shortcuts for navigating directories
which conflict with the add comment dialog, so now any keypresses within
the dialog will not be propagated to avoid this. Made the dialog modal
to reflect this.

Add whitespace to selector list.

Author: schwuk

code_comments/htdocs/code-comments.js

@@ -167,7 +167,11 @@ var underscore = _.noConflict();
 		},
 		render: function() {
 			this.$el.html(this.template({formatting_help_url: CodeComments.formatting_help_url}))
-				.dialog({ autoOpen: false, title: 'Add Comment', close: this.close });
+				.dialog({ autoOpen: false, title: 'Add Comment', close: this.close, modal: true });
+			// Prevent keypresses in the dialog from being intercepted by other scripts
+			this.$el.keydown(function(e) {
+				event.stopPropagation();
+			});
 			this.$('button.add-comment').button();
 			return this;
 		},

code_comments/web.py

@@ -109,7 +109,7 @@ def changeset_js_data(self, req, data):
         return {'page': 'changeset', 'revision': data['new_rev'], 'path': '', 'selectorToInsertBefore': 'div.diff:first'}
 
     def browser_js_data(self, req, data):
-        return {'page': 'browser', 'revision': data['rev'], 'path': data['path'], 'selectorToInsertBefore': 'table#info'}
+        return {'page': 'browser', 'revision': data['rev'], 'path': data['path'], 'selectorToInsertBefore': 'table#info, table#dirlist'}
 
     def attachment_js_data(self, req, data):
         path = req.path_info.replace('/attachment/', 'attachment:/')