fix \n\n CRLN from API for show in view

Author: roramirez

dist/javascripts/bundle.js

@@ -2,6 +2,8 @@
 /*
  Helper to parse query string params
  */
+var formatMessage;
+
 $.extend({
   getUrlVars: function() {
     var hash, hashes, i, vars;
@@ -22,6 +24,10 @@ $.extend({
   }
 });
 
+formatMessage = function(msg) {
+  return msg.replace(/\n/g, "<br />");
+};
+
 $(function() {
   var branch, callback, container, limit, params, repo, url, username;
   params = $.getUrlVars();
@@ -31,20 +37,20 @@ $(function() {
   branch = params.branch;
   container = $('#latest-commits-widget');
   callback = function(response) {
-    var index, items, result, ul, _results;
+    var index, items, result, results, ul;
     items = response.data;
     ul = $('#commit-history');
     ul.empty();
-    _results = [];
+    results = [];
     for (index in items) {
       result = items[index];
-      _results.push((function(index, result) {
+      results.push((function(index, result) {
         if (result.author != null) {
-          return ul.append("<li class=\"clearfix\">\n  <div class=\"left\">\n    <img class=\"commit-avatar\" src=\"" + result.author.avatar_url + "\">\n  </div>\n  <div class=\"commit-author-info left\">\n      <a href=\"https://github.com/" + result.author.login + "\"><b class=\"commit-author\">" + result.author.login + "</b></a>\n      <br />\n      <b class=\"commit-date\">" + ($.timeago(result.commit.committer.date)) + "</b><br /><i class=\"commit-sha\">SHA: " + result.sha + "</i>\n      <br />\n      <a class=\"commit-message\" href=\"https://github.com/" + username + "/" + repo + "/commit/" + result.sha + "\" target=\"_blank\">" + result.commit.message + "</a>\n  </div>\n</li>");
+          return ul.append("<li class=\"clearfix\">\n  <div class=\"left\">\n    <img class=\"commit-avatar\" src=\"" + result.author.avatar_url + "\">\n  </div>\n  <div class=\"commit-author-info left\">\n      <a href=\"https://github.com/" + result.author.login + "\"><b class=\"commit-author\">" + result.author.login + "</b></a>\n      <br />\n      <b class=\"commit-date\">" + ($.timeago(result.commit.committer.date)) + "</b><br /><i class=\"commit-sha\">SHA: " + result.sha + "</i>\n      <br />\n      <a class=\"commit-message\" href=\"https://github.com/" + username + "/" + repo + "/commit/" + result.sha + "\" target=\"_blank\">" + (formatMessage(result.commit.message)) + "</a>\n  </div>\n</li>");
         }
       })(index, result));
     }
-    return _results;
+    return results;
   };
   container.find('h4').text("Latest Commits to " + username + "/" + repo);
   url = "https://api.github.com/repos/" + username + "/" + repo + "/commits?callback=callback";

dist/javascripts/bundle.min.js

@@ -18,6 +18,9 @@ $.extend
   getUrlVar: (name) ->
     $.getUrlVars()[name]
 
+formatMessage = (msg) ->
+    msg.replace(/\n/g, "<br />");
+
 $ ->
   params = $.getUrlVars()
   # config parameters
@@ -44,7 +47,7 @@ $ ->
                     <br />
                     <b class="commit-date">#{$.timeago(result.commit.committer.date)}</b><br /><i class="commit-sha">SHA: #{result.sha}</i>
                     <br />
-                    <a class="commit-message" href="https://github.com/#{username}/#{repo}/commit/#{result.sha}" target="_blank">#{result.commit.message}</a>
+                    <a class="commit-message" href="https://github.com/#{username}/#{repo}/commit/#{result.sha}" target="_blank">#{formatMessage(result.commit.message)}</a>
                 </div>
               </li>
           """)
@@ -63,3 +66,4 @@ $ ->
       type: "get"
   ).success (response) ->
       callback(response)
+

src/coffeescripts/github-latest-commits.coffee

@@ -2,6 +2,8 @@
 /*
  Helper to parse query string params
  */
+var formatMessage;
+
 $.extend({
   getUrlVars: function() {
     var hash, hashes, i, vars;
@@ -22,6 +24,10 @@ $.extend({
   }
 });
 
+formatMessage = function(msg) {
+  return msg.replace(/\n/g, "<br />");
+};
+
 $(function() {
   var branch, callback, container, limit, params, repo, url, username;
   params = $.getUrlVars();
@@ -31,20 +37,20 @@ $(function() {
   branch = params.branch;
   container = $('#latest-commits-widget');
   callback = function(response) {
-    var index, items, result, ul, _results;
+    var index, items, result, results, ul;
     items = response.data;
     ul = $('#commit-history');
     ul.empty();
-    _results = [];
+    results = [];
     for (index in items) {
       result = items[index];
-      _results.push((function(index, result) {
+      results.push((function(index, result) {
         if (result.author != null) {
-          return ul.append("<li class=\"clearfix\">\n  <div class=\"left\">\n    <img class=\"commit-avatar\" src=\"" + result.author.avatar_url + "\">\n  </div>\n  <div class=\"commit-author-info left\">\n      <a href=\"https://github.com/" + result.author.login + "\"><b class=\"commit-author\">" + result.author.login + "</b></a>\n      <br />\n      <b class=\"commit-date\">" + ($.timeago(result.commit.committer.date)) + "</b><br /><i class=\"commit-sha\">SHA: " + result.sha + "</i>\n      <br />\n      <a class=\"commit-message\" href=\"https://github.com/" + username + "/" + repo + "/commit/" + result.sha + "\" target=\"_blank\">" + result.commit.message + "</a>\n  </div>\n</li>");
+          return ul.append("<li class=\"clearfix\">\n  <div class=\"left\">\n    <img class=\"commit-avatar\" src=\"" + result.author.avatar_url + "\">\n  </div>\n  <div class=\"commit-author-info left\">\n      <a href=\"https://github.com/" + result.author.login + "\"><b class=\"commit-author\">" + result.author.login + "</b></a>\n      <br />\n      <b class=\"commit-date\">" + ($.timeago(result.commit.committer.date)) + "</b><br /><i class=\"commit-sha\">SHA: " + result.sha + "</i>\n      <br />\n      <a class=\"commit-message\" href=\"https://github.com/" + username + "/" + repo + "/commit/" + result.sha + "\" target=\"_blank\">" + (formatMessage(result.commit.message)) + "</a>\n  </div>\n</li>");
         }
       })(index, result));
     }
-    return _results;
+    return results;
   };
   container.find('h4').text("Latest Commits to " + username + "/" + repo);
   url = "https://api.github.com/repos/" + username + "/" + repo + "/commits?callback=callback";