From 941c2c47c39e768a71e3b324d9a139da00118ad3 Mon Sep 17 00:00:00 2001
From: Vitaly Kramskikh <vkramskikh@mirantis.com>
Date: Tue, 14 Jul 2015 20:05:47 +0300
Subject: [PATCH] Properly display progress and name of infinite tasks

Closes-Bug: #1474474
Related to blueprint reduced-footprint

Change-Id: I16e64de887d1ba4eeb493abccd3c47c6a2369221
---
 nailgun/static/views/cluster_page.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/nailgun/static/views/cluster_page.jsx b/nailgun/static/views/cluster_page.jsx
index a7dbb1c3d9..c2726492c1 100644
--- a/nailgun/static/views/cluster_page.jsx
+++ b/nailgun/static/views/cluster_page.jsx
@@ -401,7 +401,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, componentMixins
                 <div className='col-xs-6 col-md-3'>
                     <div className='deploy-box pull-right'>
                         {task ? (
-                            <div className={'deploy-process ' + taskName}>
+                            <div className={'deploy-process ' + taskName} key={taskName}>
                                 <div className='progress'>
                                     <div
                                         className={utils.classNames({
@@ -409,10 +409,10 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, componentMixins
                                             'progress-bar-warning': infiniteTask,
                                             'progress-bar-success': !infiniteTask
                                         })}
-                                        style={{width: (taskProgress > 3 ? taskProgress : 3) + '%'}}
+                                        style={{width: (infiniteTask ? 100 : taskProgress > 3 ? taskProgress : 3) + '%'}}
                                     >
+                                        {i18n('cluster_page.' + taskName, {defaultValue: ''})}
                                     </div>
-                                    <div className='deploy-status'>{i18n('cluster_page.' + taskName, {defaultValue: ''})}</div>
                                 </div>
                                 {stoppableTask &&
                                     <button