From 4163cc516949542beb0145f51605e92fe7a9371d Mon Sep 17 00:00:00 2001
From: Okan Binli <okanb3@gmail.com>
Date: Thu, 28 Jul 2016 16:08:34 +0300
Subject: [PATCH] refs #1126 fix for backlog style problem.

---
 lib/backlogs_hooks.rb | 42 +++++++++++++++++++++++++++++++++---------
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/lib/backlogs_hooks.rb b/lib/backlogs_hooks.rb
index a6bb2306a..9542b55cf 100644
--- a/lib/backlogs_hooks.rb
+++ b/lib/backlogs_hooks.rb
@@ -14,7 +14,7 @@ def exception(context, ex)
       end
 
       def helper_issues_show_detail_after_setting(context={ })
-      	begin
+        begin
           if context[:detail].prop_key == 'release_id'
             r = RbRelease.find_by_id(context[:detail].value)
             context[:detail].value = r.name unless r.nil? || r.name.nil?
@@ -86,31 +86,55 @@ def view_issues_show_details_bottom(context={ })
 
           return '' unless Backlogs.configured?(issue.project)
 
-          snippet = ''
+          snippet = "<div class='splitcontent'>"
 
           project = context[:project]
 
           if issue.is_story?
-            snippet += "<tr><th>#{l(:field_story_points)}</th><td>#{RbStory.find(issue.id).points_display}</td>"
+            snippet += "<div class='splitcontentleft'>"
+            snippet +=  "<div class='story_points attribute'>"
+            snippet +=    "<div class='label'>#{l(:field_story_points)}:</div>"
+            snippet +=    "<div class='value'>#{RbStory.find(issue.id).points_display}</div>"
+            snippet +=  "</div>"
             unless issue.remaining_hours.nil?
-              snippet += "<th>#{l(:field_remaining_hours)}</th><td>#{l_hours(issue.remaining_hours)}</td>"
+              snippet += "<div class='remaining_hours attribute'>"
+              snippet +=   "<div class='label'>#{l(:field_remaining_hours)}:</div>"
+              snippet +=   "<div class='value'>#{l_hours(issue.remaining_hours)}</div>"
+              snippet += "</div>"
             end
-            snippet += "</tr>"
+            snippet += "</div>"
+
             vbe = issue.velocity_based_estimate
-            snippet += "<tr><th>#{l(:field_velocity_based_estimate)}</th><td>#{vbe ? vbe.to_s + ' days' : '-'}</td></tr>"
+            snippet += "<div class='splitcontentleft'>"
+            snippet +=  "<div class='velocity_based_estimate attribute'>"
+            snippet +=    "<div class='label'>#{l(:field_velocity_based_estimate)}:</div>"
+            snippet +=    "<div class='value'>#{vbe ? vbe.to_s + ' days' : '-'}</div>"
+            snippet +=  "</div>"
 
             unless issue.release_id.nil?
               release = RbRelease.find(issue.release_id)
-              snippet += "<tr><th>#{l(:field_release)}</th><td>#{link_to(release.name, url_for_prefix_in_hooks + url_for({:controller => 'rb_releases', :action => 'show', :release_id => release}))}</td>"
+              snippet += "<div class='release_id attribute'>"
+              snippet +=  "<div class='label'>#{l(:field_release)}:</div>"
+              snippet +=  "<div class='value'>#{link_to(release.name, url_for_prefix_in_hooks + url_for({:controller => 'rb_releases', :action => 'show', :release_id => release}))}</div>"
+
               relation_translate = l("label_release_relationship_#{RbStory.find(issue.id).release_relationship}")
-              snippet += "<th>#{l(:field_release_relationship)}</th><td>#{relation_translate}</td></tr>"
+              snippet +=  "<div class='label'>#{l(:field_release_relationship)}:</div>"
+              snippet +=  "<div class='value'>#{relation_translate}</div>"
             end
+            snippet += "</div>"
           end
 
           if issue.is_task? && User.current.allowed_to?(:update_remaining_hours, project) != nil
-            snippet += "<tr><th>#{l(:field_remaining_hours)}</th><td>#{issue.remaining_hours}</td></tr>"
+            snippet += "<div class='splitcontentleft'>"
+            snippet +=  "<div class='task_remaining_hours attribute'>"
+            snippet +=    "<div class='label'>#{l(:field_remaining_hours)}:</div>"
+            snippet +=    "<div class='value'>#{issue.remaining_hours}</div>"
+            snippet +=  "</div>"
+            snippet += "</div>"
           end
 
+          snippet += "</div>"
+
           return snippet
         rescue => e
           exception(context, e)