PumpkinHouseWeb/template/userTemplate.html

   1 <!-- 用户展示页用户统计数据模板 -->
   2 <script id="userStatTemplate" type="text/x-jQuery-tmpl">
   3     {{tmpl(categories) "#statPanelTemplate"}}
   4 </script>
   5
   6 <!-- 用户展示页统计数据各版块详细模板 -->
   7 <script id="statPanelTemplate" type="text/x-jQuery-tmpl">
   8     <div>${title} ${number}</div>
   9     <div>
  10         {{each list}}
  11             <a href="/user/${username}">${displayName}</a>
  12         {{/each}}
  13     </div>
  14 </script>
  15
  16 <!-- 用于所有关注按钮 -->
  17 <script id="attentionTemplate" type="text/x-jQuery-tmpl">
  18     <input type="button" class="attBtn" data-status="${relation}" data-target-user="${username}" />
  19 </script>
  20
  21 <!-- 用于其它展示页显示的简化用户信息 -->
  22 <script id="briefUserInfoTemplate" type="text/x-jQuery-tmpl">
  23 <div class="titleBox clearfix">
  24    {{if identified}} <span class="ico-sf float_l" title="木盒认证"></span> {{/if}}
  25    <h1 class="textOver float_l"> ${displayName}</h1>
  26    {{if identificationInfo}}<div class="clearfix rzInfo">${identificationInfo}</div>{{/if}}
  27 </div>
  28       <table width="100%" border="0" cellspacing="0" cellpadding="0">
  29         <tr>
  30           <td width="56%" rowspan="3">
  31           <div class="UserHeaderPic">
  32              {{tmpl({username: username, dd: 120, pd: 180}) '#userProfilePhotoTemplate'}}
  33              <a href="/profile#tab1" class="changePhotoBtn" style="display:none">点击换头像</a>
  34           </div>
  35           </td>
  36           <td width="44%" height="40"><a href="/user/${username}/fans">粉丝</a><br /><span class="ColorAacd60 userW58">${numberOfFans}</span></td>
  37         </tr>
  38         <tr>
  39           <td height="40"><a href="/user/${username}/follows">关注</a><br /><span class="ColorAacd60 userW58">${numberOfAttentions}</span></td>
  40         </tr>
  41         <tr>
  42           <td height="40"><a href="/user/${username}/collect/all">收纳</a><br />
  43           <span class="ColorAacd60 userW58">${numberOfPictures}</span></td>
  44         </tr>
  45       </table>
  46
  47       <div class="Rounded UserDescription">
  48            <div class="Hd"></div>
  49            <div class="con" id="selfIntro" title="{{if $item.isMe}}点击可以编辑你的签名噢！{{/if}}">
  50                             {{if selfIntroduction}}
  51                             ${selfIntroduction}
  52                         {{else}}介绍都木有，此盒奇懒
  53                         {{/if}}
  54            </div>
  55       </div>
  56
  57       <div class="UserWeibo">
  58          {{if qqWbName}}
  59                 <a href="http://t.qq.com/${qqWbName}" target="_blank"><img src="/img/LoginIconQqt20X20.jpg" width="20" height="20" /></a>&nbsp;&nbsp;
  60          {{/if}}
  61          {{if sinaWbName}}
  62             <a href="http://weibo.com/${sinaWbName}" target="_blank"><img src="/img/LoginIconSinat20X20.jpg" width="20" height="20" /></a>
  63          {{/if}}
  64       </div>
  65
  66 {{if !$item.isMe}}
  67       <div class="UserGzEmail">
  68                 <div class="UserGz float_l">
  69                      {{tmpl "#attentionTemplate"}}
  70             </div>
  71             <div class="UserEmail float_r">
  72                          <input type="button" value=" " id="sendMsgButton" class="sendMsgButton" data-to="${username}" data-to-display="${displayName}"/>
  73             </div>
  74       </div>
  75 {{/if}}
  76 <div class="PictureLeftHeightLine"></div>
  77 </script>
  78
  79 <!-- 私信发送弹出框模板 -->
  80 <script id="messageDialogTemplate" type="text/x-jQuery-tmpl">
  81     <div class="messageOther">
  82         <form id="messageForm">
  83             <div class="t">发消息给&nbsp;&nbsp;<span class="ColorAacd60">${to}</span></div>
  84             <div class="tex"><textarea id="msgBody" cols="40" rows="4" class="Rounded"/></div>
  85             <div class="btnBox"><input type="button" id="sendButton" value=" " class="WebSure"/></div>
  86         </form>
  87     </div>
  88 </script>