Improve truncate function

Victor Costa
1 parent 9e273998
Showing 4 changed files with 5 additions and 4 deletions Show diff stats
bower.json
src/app/components/noosfero-activities/activity/create_article.html
src/app/components/noosfero-articles/blog/blog.html
src/app/index.module.js
@@ -21,7 +21,8 @@
     "ngstorage": "~0.3.10",
     "bootswatch": "~3.3.6",
     "angular-moment": "~0.10.3",
-    "lodash": "3.10.1"
+    "lodash": "3.10.1",
+    "angular-filter": "~0.5.8"
   },
   "devDependencies": {
     "angular-mocks": "~1.4.2"
@@ -12,7 +12,7 @@
         <a ng-href="/{{vm.activity.target.article.profile.identifier}}/{{vm.activity.target.article.path}}">{{vm.activity.target.article.title}}</a>
       </div>
       <div class="lead small">
-        <div ng-bind-html="vm.activity.target.article.body | limitTo: 50"></div>
+        <div ng-bind-html="vm.activity.target.article.body | stripTags | truncate: 100 : '...'"></div>
       </div>
     </div>
   </div>
@@ -11,7 +11,7 @@
   <div ng-repeat="child in vm.article.children | orderBy: 'created_at':true">
     <div class="page-header">
       <a ng-href="/{{vm.profile.identifier}}/{{child.path}}"><h4 ng-bind="child.title"></h4></a>
-      <div ng-bind-html="child.body | limitTo: 500"></div>
+      <div ng-bind-html="child.body | truncate: 500: '...'"></div>
     </div>
   </div>
 </div>
@@ -5,6 +5,6 @@
     .module('angular', ['ngAnimate', 'ngCookies', 'ngStorage', 'ngTouch',
                         'ngSanitize', 'ngMessages', 'ngAria', 'restangular',
                         'ui.router', 'ui.bootstrap', 'toastr',
-                        'angularMoment']);
+                        'angularMoment', 'angular.filter']);
  
 })();
...	...	@@ -21,7 +21,8 @@
21	21	"ngstorage": "~0.3.10",
22	22	"bootswatch": "~3.3.6",
23	23	"angular-moment": "~0.10.3",
24		- "lodash": "3.10.1"
	24	+ "lodash": "3.10.1",
	25	+ "angular-filter": "~0.5.8"
25	26	},
26	27	"devDependencies": {
27	28	"angular-mocks": "~1.4.2"
...	...
...	...	@@ -12,7 +12,7 @@
12	12	<a ng-href="/{{vm.activity.target.article.profile.identifier}}/{{vm.activity.target.article.path}}">{{vm.activity.target.article.title}}</a>
13	13	</div>
14	14	<div class="lead small">
15		- <div ng-bind-html="vm.activity.target.article.body \| limitTo: 50"></div>
	15	+ <div ng-bind-html="vm.activity.target.article.body \| stripTags \| truncate: 100 : '...'"></div>
16	16	</div>
17	17	</div>
18	18	</div>
...	...
...	...	@@ -11,7 +11,7 @@
11	11	<div ng-repeat="child in vm.article.children \| orderBy: 'created_at':true">
12	12	<div class="page-header">
13	13	<a ng-href="/{{vm.profile.identifier}}/{{child.path}}"><h4 ng-bind="child.title"></h4></a>
14		- <div ng-bind-html="child.body \| limitTo: 500"></div>
	14	+ <div ng-bind-html="child.body \| truncate: 500: '...'"></div>
15	15	</div>
16	16	</div>
17	17	</div>
...	...
...	...	@@ -5,6 +5,6 @@
5	5	.module('angular', ['ngAnimate', 'ngCookies', 'ngStorage', 'ngTouch',
6	6	'ngSanitize', 'ngMessages', 'ngAria', 'restangular',
7	7	'ui.router', 'ui.bootstrap', 'toastr',
8		- 'angularMoment']);
	8	+ 'angularMoment', 'angular.filter']);
9	9
10	10	})();
...	...