From ddf27f277df3e9176a0cae00a62a06758700644c Mon Sep 17 00:00:00 2001
From: wangyidong <wyd621@163.com>
Date: Wed, 31 Mar 2021 10:38:52 +0800
Subject: [PATCH]  * fix bug #10996.

---
 module/testsuite/css/browse.css       |  3 ++-
 module/testsuite/js/common.js         | 28 +++++++++++++++++++++++++++
 module/testsuite/view/browse.html.php |  5 ++++-
 3 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/module/testsuite/css/browse.css b/module/testsuite/css/browse.css
index 1a36b974aa..270231864f 100644
--- a/module/testsuite/css/browse.css
+++ b/module/testsuite/css/browse.css
@@ -1 +1,2 @@
-.c-desc {overflow-x: scroll;}
+.table td.c-desc div {height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; max-width: calc(100% - 20px);}
+.table td.c-desc .more {height: 25px; float: left;}
diff --git a/module/testsuite/js/common.js b/module/testsuite/js/common.js
index 0c109aebfb..37eb430a8f 100644
--- a/module/testsuite/js/common.js
+++ b/module/testsuite/js/common.js
@@ -7,4 +7,32 @@ $(function()
             $(this).parent().toggleClass('active');
         });
     }
+
+    $('#suiteList tbody tr').each(function()
+    {
+        var $content = $(this).find('td.c-desc');
+        var content  = $content.find('div').html();
+        if(content.indexOf('<br') >= 0)
+        {
+            $content.append("<a href='###' class='more'><i class='icon icon-chevron-double-down'></i></a>");
+        }
+    });
 })
+$(document).on('click', 'td.c-desc .more', function(e)
+{
+    var $toggle = $(this);
+    if($toggle.hasClass('open'))
+    {
+        $toggle.removeClass('open');
+        $toggle.closest('.c-desc').find('div').css('height', '25px');
+        $toggle.css('padding-top', 0);
+        $toggle.find('i').removeClass('icon-chevron-double-up').addClass('icon-chevron-double-down');
+    }
+    else
+    {
+        $toggle.addClass('open');
+        $toggle.closest('.c-desc').find('div').css('height', 'auto');
+        $toggle.css('padding-top', ($toggle.closest('.c-desc').find('div').height() - $toggle.height()) / 2);
+        $toggle.find('i').removeClass('icon-chevron-double-down').addClass('icon-chevron-double-up');
+    }
+});
diff --git a/module/testsuite/view/browse.html.php b/module/testsuite/view/browse.html.php
index aed71746c0..d1c2ed956c 100644
--- a/module/testsuite/view/browse.html.php
+++ b/module/testsuite/view/browse.html.php
@@ -62,7 +62,10 @@
         <?php if($suite->type == 'private') echo "<span class='label label-info label-badge'>{$lang->testsuite->authorList['private']}</span> ";?>
         <?php echo html::a(inlink('view', "suiteID=$suite->id"), $suite->name);?>
       </td>
-      <td class='c-desc'><?php echo $suite->desc;?></td>
+      <td class='c-desc'>
+        <?php $desc = trim(strip_tags(str_replace(array('</p>', '<br />', '<br>', '<br/>'), "\n", str_replace(array("\n", "\r"), '', $suite->desc)), '<img>'));?>
+        <div title='<?php echo $desc;?>'><?php echo nl2br($desc);?></div>
+      </td>
       <td><?php echo zget($users, $suite->addedBy);?></td>
       <td><?php echo $suite->addedDate;?></td>
       <?php foreach($extendFields as $extendField) echo "<td>" . $this->loadModel('flow')->getFieldValue($extendField, $suite) . "</td>";?>