refactor: user page with data

Author: 勤硕

app/view/user/index.html

@@ -1,4 +1,4 @@
-<%- include ../sidebar.html %>
+<% include ../sidebar.html %>
 
 <div id="content">
   <div class="panel">
@@ -7,50 +7,120 @@
         <li><a href="/">主页</a><span class="divider">/</span></li>
         <% if (typeof user === 'undefined') { %>
           <li class="active">通知</li>
-        <% } else { %>
         <% } %>
       </ul>
     </div>
     <% if (typeof user === 'undefined') { %>
-    <div class="inner">
-      <div class="alert alert-error">
-        <strong>这个用户不存在。</strong>
+      <div class="inner">
+        <div class="alert alert-error">
+          <strong>这个用户不存在。</strong>
+        </div>
+        <a href="/"><span class="span-common">返回</span></a>
       </div>
-      <a href="/"><span class="span-common">返回</span></a>
-    </div>
     <% } else { %>
-    <div class="inner userinfo">
-      <div class="user_big_avatar">
-        <img src="" class="user_avatar" title="">
-      </div>
-      <a class="dark"></a>
-      <div class="user_profile">
-        <ul class="unstyled">
-          <span class="big"></span> 积分
-          <li>
-            <i class="fa fa-lg fa-fw fa-github"></i>
-            <a class="dark" href="" target="_blank">@</a>
-          </li>
-        </ul>
+      <div class="inner userinfo">
+        <div class="user_big_avatar">
+          <img src="<%= proxy(user.avatar_url) %>" class="user_avatar" title="<%= user.loginname %>">
+        </div>
+        <a class="dark"></a>
+        <div class="user_profile">
+          <ul class="unstyled">
+            <span class="big"><%= user.score %></span> 积分
+            <% if (user.collect_topic_count) {%>
+            <li>
+              <a class='dark' href="/user/<%= user.loginname %>/collections" target='_blank'>
+                <span class='big collect-topic-count'><%= user.collect_topic_count %></span>个话题收藏
+              </a>
+            </li>
+            <%}%>
+            <% if (user.url) { %>
+            <li>
+              <i class="fa fa-lg fa-fw fa-home"></i>
+              <a class='dark' href="<%= user.url %>" target='_blank'><%= user.url %></a>
+            </li>
+            <% } %>
+            <% if (user.location) { %>
+            <li>
+              <i class="fa fa-lg fa-fw fa-map-marker"></i>
+              <span class='dark'><%= user.location %></span>
+            </li>
+            <% } %>
+            <% if (user.githubUsername) { %>
+            <li>
+              <i class="fa fa-lg fa-fw fa-github"></i>
+              <a class='dark' href="https://github.com/<%= user.githubUsername %>" target='_blank'>
+                @<%= user.githubUsername %>
+              </a>
+            </li>
+            <% } %>
+            <% if (user.weibo) { %>
+            <li>
+              <i class="fa fa-lg fa-fw fa-twitter"></i>
+              <a class='dark' href="<%= user.weibo %>" target='_blank'><%= user.weibo %></a>
+            </li>
+            <% } %>
+          </ul>
+        </div>
+        <p class="col_fade">注册时间 <%= user.create_at_ago() %></p>
+        <% if (current_user && current_user.is_admin) { %>
+          <% if (!user.is_star) { %>
+          <span class='span-common' id='set_star_btn' action='set_star'>设为达人</span>
+          <% } else { %>
+          <span class='span-common' id='set_star_btn' action='cancel_star'>取消达人</span>
+          <% } %>
+
+          <% if (!user.is_block) { %>
+          <span class='span-common' id='set_block_btn' action='set_block'>屏蔽用户</span>
+          <% } else { %>
+          <span class='span-common' id='set_block_btn' action='cancel_block'>取消屏蔽用户</span>
+          <% } %>
+
+          <span class="span-common" id="delete_all">删除所有发言</span><br/><br/>
+
+          Email (Seen by Administrator): <a href="mailto:<%= user.email %>"><%= user.email %></a>
+
+          <% if (!user.active) { %>
+          <a href="/active_account?key=<%- typeof(token) !== 'undefined' && token %>&name=<%= user.loginname %>"
+             target="_blank">
+            <span class="span-common">
+              激活账号
+            </span>
+          </a>
+          <% } %>
+        <% } %>
       </div>
-      <p class="col_fade">注册时间 </p>
+    <% } %>
+  </div>
+  <% if (typeof user !== 'undefined') { %>
+  <div class="panel">
+    <div class="header">
+      <span class="col_fade">最近创建的话题</span>
     </div>
-    <div class="panel">
-      <div class="header">
-        <span class="col_fade">最近创建的话题</span>
+    <% if (typeof(recent_topics) !== 'undefined' && recent_topics.length > 0) { %>
+      <%- partial('../topic/abstract', { collection: recent_topics, as: 'topic' }) %>
+      <div class='cell more'>
+        <a class='dark' href="/user/<%= user.loginname %>/topics">查看更多»</a>
       </div>
-      <div class="inner">
+    <% } else { %>
+      <div class='inner'>
         <p>无话题</p>
       </div>
+    <% } %>
+  </div>
+  <div class="panel">
+    <div class="header">
+      <span class="col_fade">最近参与的话题</span>
     </div>
-    <div class="panel">
-      <div class="header">
-        <span class="col_fade">最近参与的话题</span>
+    <% if (typeof(recent_replies) !== 'undefined' && recent_replies.length > 0) { %>
+      <%- partial('../topic/abstract', { collection: recent_replies, as: 'topic' }) %>
+      <div class='cell more'>
+        <a class='dark' href="/user/<%= user.loginname %>/replies">查看更多»</a>
       </div>
-      <div class="inner">
+    <% } else { %>
+      <div class='inner'>
         <p>无话题</p>
       </div>
-  </div>
     <% } %>
   </div>
+  <% } %>
 </div>