Merge pull request #76 from lapo-luchini/description

Improve description text rendering

pinry/static/css/pinry.css

@@ -243,6 +243,8 @@ textarea {
     font-size: 12px;
     margin-bottom: 0;
     padding: 8px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .pin strong {

pinry/static/js/helpers.js

@@ -58,3 +58,15 @@ function postPinData(data) {
 function getUrlParameter(name) {
     return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
 }
+
+Handlebars.registerHelper('niceLinks', (function () {
+    var reNL = /\r?\n/g,
+        reURL = /https?:[/][/](?:www[.])?([^/]+)(?:[/]([.]?[^\s,.])+)?/g;
+    return function (text) {
+        var t = Handlebars.Utils.escapeExpression(text);
+        t = t.replace(reURL, '<a href="$&" target="_blank">$1</a>');
+        t = t.replace(reNL, '<br>');
+        return new Handlebars.SafeString(t);
+    };
+})());
+

pinry/templates/includes/lightbox.html

@@ -8,7 +8,7 @@
                 <div class="lightbox-data clearfix">
                 {{#if description}}
                     <div class="description">
-                        {{description}}
+                        {{niceLinks description}}
                     </div>
                 {{/if}}
                     <div class="avatar pull-left">

pinry/templates/includes/pins.html

@@ -18,7 +18,7 @@
                 </div>
             </a>
             {{#if description}}
-                <p>{{description}}</p>
+                <p>{{niceLinks description}}</p>
             {{/if}}
             <div class="pin-footer clearfix">
                 <div class="avatar pull-left">