Add hyperlink log at client side, code cleaning, pep8/pylint check

recommender/__init__.py

-from .recommender import RecommenderXBlock
+"""
\ No newline at end of file
+This XBlock will show a set of recommended resources which may be helpful to
+students solving a given problem.
+"""
+from .recommender import RecommenderXBlock

recommender/static/html/recommender.html

@@ -16,16 +16,16 @@
           </div>
           % for elem in resources:
             <%
-              if elem['id'] in downvotedIds:
+              if elem['id'] in downvoted_ids:
                 voteMode = "downvoting"
-              elif elem['id'] in upvotedIds:
+              elif elem['id'] in upvoted_ids:
                 voteMode = 'upvoting'
               else:
 	            voteMode = ''
         
-              if elem['id'] in flaggedIds:
+              if elem['id'] in flagged_ids:
                 flagMode = 'problematic'
-                reason = flaggedReasons[flaggedIds.index(elem['id'])]
+                reason = flagged_reasons[flagged_ids.index(elem['id'])]
               else:
                 flagMode = ''
                 reason = ''

recommender/static/js/src/recommender.js

@@ -413,6 +413,14 @@ function RecommenderXBlock(runtime, element) {
 			}
 		);
 
+        /* Emit log for student clicking a resource */
+        $(ele).find('a').click(function() {
+            Logger.log('resource.click.event', {
+				'status': 'A resource was clicked',
+				'id': $(ele).find('.recommender_entryId').text()
+			});
+        });
+        
 		/* Edit existing resource */
 		$(ele).find('.resource_edit_button').click(function() {
 			$('.editSourceBlock').show();