From 2c136932aaa80bbc92232eb2ed4106b025d89bcd Mon Sep 17 00:00:00 2001
From: Menci <HuangHaoRui301@Gmail.com>
Date: Sun, 16 Apr 2017 21:20:54 +0800
Subject: [PATCH] Fix user infomation caused page layout error

---
 views/index.ejs    | 15 ++++++++++-----
 views/ranklist.ejs | 15 ++++++++++-----
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/views/index.ejs b/views/index.ejs
index 9dc4f3e..46b0fad 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -42,11 +42,16 @@
                     <td><%= i %></td>
                     <td><a href="<%= syzoj.utils.makeUrl(['user', user.id]) %>"><%= user.username %></a><% if (user.nameplate) { %><%- user.nameplate %><% } %></td>
                     <td>
-                      <div style="max-height: 50px; overflow: hidden; ">
-                        <table width="100%"><tr style="border: none; "><td style="padding: 0; ">
-                        <%- user.information %>
-                        </td></tr></table>
-                      </div>
+                      <script id="user-infomation-script-<%= i %>">
+                      (function () {
+                        var html = <%- JSON.stringify(user.information) %>;
+                        var elem = document.createElement('div');
+                        elem.style = 'max-height: 50px; overflow: hidden; width: 100%; ';
+                        elem.innerHTML = html;
+                        var script = document.getElementById('user-infomation-script-<%= i %>');
+                        script.parentNode.replaceChild(elem, script);
+                      })();
+                      </script>
                     </td>
                 </tr>
              <%
diff --git a/views/ranklist.ejs b/views/ranklist.ejs
index e02c1c4..d3c7ec9 100644
--- a/views/ranklist.ejs
+++ b/views/ranklist.ejs
@@ -26,11 +26,16 @@
 		        	<td><%= i %></td>
 		        	<td><a href="<%= syzoj.utils.makeUrl(['user', user.id]) %>"><%= user.username %></a><% if (user.nameplate) { %><%- user.nameplate %><% } %></td>
 		        	<td>
-                <div style="max-height: 50px; overflow: hidden; ">
-                  <table width="100%"><tr style="border: none; "><td style="padding: 0; ">
-                  <%- user.information %>
-                  </td></tr></table>
-                </div>
+              <script id="user-infomation-script-<%= i %>">
+              (function () {
+                var html = <%- JSON.stringify(user.information) %>;
+                var elem = document.createElement('div');
+                elem.style = 'max-height: 50px; overflow: hidden; width: 100%; ';
+                elem.innerHTML = html;
+                var script = document.getElementById('user-infomation-script-<%= i %>');
+                script.parentNode.replaceChild(elem, script);
+              })();
+              </script>
               </td>
 		        	<td><%= user.ac_num %></td>
 		        </tr>