prune commit message at build item

README.md

@@ -40,7 +40,7 @@ Ui fixes
 * current successfully streak icons at project page
 * ~~don't appear build from other project on project page~~
 * ~~update project info changes (avg duration, etc) on the fly - project page~~
-* long commit comment breakes build card makeup
+* ~~long commit comment breakes build card makeup~~
 * ~~comment start/duration should be on same place during all steps~~
 
 ## Roadmap

lib/utils.js

@@ -1,15 +1,9 @@
 'use strict';
 
-exports.prune = function(str, length) {
+var _ = require('underscore'),
-	var result = '',
+	sharedUtils = require('../static/js/shared/utils');
-		words = str.split(' ');
 
-	do {
+_(exports).extend(sharedUtils);
-		result += words.shift() + ' ';
-	} while (words.length && result.length < length);
-
-	return result.replace(/ $/, words.length ? '...' : '');
-};
 
 exports.lpad = function(str, length, chr) {
 	chr = chr || '0';

static/js/app/components/builds/item.jade

@@ -70,7 +70,7 @@ mixin statusText(build)
 				span.build_info
 					i.fa.fa-fw.fa-comment-o
 					| 
-					span= build.scm.rev.comment
+					span= utils.prune(build.scm.rev.comment, 40)
 			| 
 
 	.build_controls

static/js/app/components/builds/item.js

@@ -3,11 +3,13 @@
 define([
 	'react', 'react-router', 'app/actions/project',
 	'app/actions/build', 'templates/app/components/builds/item',
-	'app/components/terminal/terminal',
+	'app/components/terminal/terminal', 'app/components/common/index',
-	'app/components/common/index'
+	'app/utils'
 ], function(
-	React, Router, ProjectActions, BuildActions, template,
+	React, Router, ProjectActions,
-	TerminalComponent, CommonComponents
+	BuildActions, template,
+	TerminalComponent, CommonComponents,
+	utils
 ) {
 	template = template.locals({
 		DateTime: CommonComponents.DateTime,
@@ -15,7 +17,8 @@ define([
 		Progress: CommonComponents.Progress,
 		Scm: CommonComponents.Scm,
 		Terminal: TerminalComponent,
-		Link: Router.Link
+		Link: Router.Link,
+		utils: utils
 	});
 
 	var Component = React.createClass({

static/js/app/utils.js

@@ -0,0 +1,9 @@
+'use strict';
+
+define(['underscore', 'shared/utils'], function(_, sharedUtils) {
+	var utils = {};
+
+	_(utils).extend(sharedUtils);
+
+	return utils;
+});

static/js/shared/utils.js

@@ -0,0 +1,32 @@
+'use strict';
+
+(function(root, factory) {
+
+	if (typeof module !== 'undefined' && module.exports) {
+		// CommonJS
+		module.exports = factory();
+	} else if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(function() {
+			return factory();
+		});
+	}
+
+}(this, function() {
+
+	var utils = {};
+
+	utils.prune = function(str, length) {
+		var result = '',
+			words = str.split(' ');
+
+		do {
+			result += words.shift() + ' ';
+		} while (words.length && result.length < length);
+
+		return result.replace(/ $/, words.length ? '...' : '');
+	};
+
+	return utils;
+
+}));