Adding text trunctation in Angular

app/assets/javascripts/darkswarm/shop.js.coffee

@@ -1,2 +1,13 @@
-window.Shop = angular.module("Shop", ["ngResource"]).config ($httpProvider) ->
+window.Shop = angular.module("Shop", ["ngResource", "filters"]).config ($httpProvider) ->
   $httpProvider.defaults.headers.post['X-CSRF-Token'] = $('meta[name="csrf-token"]').attr('content') 
+
+#angular.module('Shop', ['filters'])
+
+angular.module("filters", []).filter "truncate", ->
+  (text, length, end) ->
+    length = 10  if isNaN(length)
+    end = "..."  if end is `undefined`
+    if text.length <= length or text.length - end.length <= length
+      text
+    else
+      String(text).substring(0, length - end.length) + end

app/views/shop/_products.html.haml

@@ -18,7 +18,7 @@
             %h5
               {{ product.name }}
             {{ product.supplier.name }}
-          %td {{ product.description }}
+          %td {{ product.description | truncate:250 }}
           %td {{ product.master.options_text }}
           %td 
             %input{type: :number, value: 0, min: 0, name: "quantity_variant_{{product.master.id}}"}