feat(volumes): new truncate method for volume paths (#1028)

app/components/volumes/volumes.html

@@ -85,7 +85,7 @@
               <td><input type="checkbox" ng-model="volume.Checked" ng-change="selectItem(volume)"/></td>
               <td><a ui-sref="volume({id: volume.Id})" class="monospaced">{{ volume.Id|truncate:25 }}</a></td>
               <td>{{ volume.Driver }}</td>
-              <td>{{ volume.Mountpoint | truncate:52 }}</td>
+              <td>{{ volume.Mountpoint | truncatelr }}</td>
               <td ng-if="applicationState.application.authentication">
                 <span>
                   <i ng-class="volume.ResourceControl.Ownership | ownershipicon" aria-hidden="true"></i>

app/filters/filters.js

@@ -12,12 +12,25 @@ angular.module('portainer.filters', [])
 
     if (text.length <= length || text.length - end.length <= length) {
       return text;
-    }
-    else {
+    } else {
       return String(text).substring(0, length - end.length) + end;
     }
   };
 })
+.filter('truncatelr', function () {
+  'use strict';
+  return function (text, max, left, right) {
+    max = isNaN(max) ? 50 : max;
+    left = isNaN(left) ? 25 : left;
+    right = isNaN(right) ? 25 : right;
+
+    if (text.length <= max) {
+      return text;
+    } else {
+      return text.substring(0, left) + '[...]' + text.substring(text.length - right, text.length);
+    }
+  };
+})
 .filter('taskstatusbadge', function () {
   'use strict';
   return function (text) {