Merge pull request #968 from carrythebanner/truncate-descr

Add helper function for truncating strings with an ellipsis

Author: carrythebanner

site/themes/s2b_hugo_theme/assets/js/cal/helpers.js

@@ -84,12 +84,14 @@
         const startString = startDate.format(googleFormat);
         const endString = endDate.format(googleFormat);
         const calendarDates = `${startString}/${endString}`;
-        
+
+        const descr = $.fn.truncateString(event.details, 500) + `\n\n${event.shareable}`;
+
         googleCalUrl.search = new URLSearchParams({
           action: "TEMPLATE",
           text: `shift2Bikes: ${event.title}`,
           location: event.address,
-          details: `${event.details}\n\n${event.shareable}`,
+          details: descr,
           dates: calendarDates,
           // FIX: this seems better than timezoneless but probably should be configurable.
           ctz: `America/Los_Angeles`
@@ -98,6 +100,15 @@
         return googleCalUrl.toString();
     };
 
+    $.fn.truncateString = function ( str, maxLength=250 ) {
+        let text = str.substring(0,maxLength);
+        if (str.length > maxLength) {
+          // replace the last character with an ellipsis
+          text = text.slice(0, -1) + "…";
+        }
+        return text;
+    };
+
     $.fn.compareTimes = function ( event1, event2 ) {
         if ( event1.time < event2.time ) {
             return -1;

site/themes/s2b_hugo_theme/assets/js/cal/main.js

@@ -69,11 +69,7 @@ $(document).ready(function() {
                     if (event.printdescr) {
                         $('meta[property="og:description"]')[0].setAttribute("content", event.printdescr);
                     } else {
-                        var descr = event.details.substring(0,250);
-                        if (event.details.length > 250) {
-                          // replace the last character with an ellipsis
-                          descr = descr.slice(0, -1) + "…";
-                        }
+                        let descr = container.truncateString(event.details, 250);
                         $('meta[property="og:description"]')[0].setAttribute("content", descr);
                     }
                     document.title = event.title + " - Calendar - " + SITE_TITLE;