myInfoPage.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <%var cssParam = {%>
  2. <%};%>
  3. <%var jsParam = {%>
  4. <script type="text/javascript">
  5. <%if(msg!"" != ""){%>
  6. alert('${msg}');
  7. <%}%>
  8. function verifyEditInfoForm(){
  9. return true;
  10. }
  11. function verifyEditPwdForm(){
  12. if($("#oldPwd").val()==''){
  13. $("#oldPwd").focus();
  14. alert("请输入原始密码!");
  15. return false;
  16. }
  17. if($("#newPwd").val()==''){
  18. $("#newPwd").focus();
  19. alert("请输入新的密码!");
  20. return false;
  21. }
  22. if($("#newPwd2").val()==''){
  23. $("#newPwd2").focus();
  24. alert("请输入确认密码!");
  25. return false;
  26. }
  27. if($("#newPwd2").val()!=$("#newPwd").val()){
  28. $("#newPwd2").focus();
  29. alert("新的密码和确认密码不一致,请确认!");
  30. return false;
  31. }
  32. return true;
  33. }
  34. </script>
  35. <%};%>
  36. <%layout("/topicsForDiscussion/commonPage/_layout.html", {nav: "", meunsel:"", jsParam:jsParam, cssParam:cssParam}) {%>
  37. <div class="ds-pe">
  38. <div class="ds-pe-header">
  39. <%if(userModel.imgPatch!'' == ''){%>
  40. <img src="${contextPath}/img/SysHeadPortrait/default.png" class="left">
  41. <%}else{%>
  42. <img src="${contextPath}/imageFile/getImage?imagePath=${userModel.imgPatch}" class="left">
  43. <%}%>
  44. <div class="ds-pe-name">
  45. <p style="font-size: 18px; font-weight: bold;">${userModel.name }</p>
  46. <p>${userModel.introduction! }</p>
  47. <p><i class="icon-phone"></i> ${userModel.phone! }</p>
  48. <p><i class="icon-envelope"></i> ${userModel.email! }</p>
  49. <p><i class="icon-home"></i> ${userModel.addr! }</p>
  50. </div>
  51. </div>
  52. <div class="ds-pe-body">
  53. <div class="ds-pe-body-nav">
  54. <ul class="nav nav-ds">
  55. <li class="active">
  56. <a href="#ft" data-toggle="tab">主题<span class="badge">${totalRow!0}</span></a>
  57. </li>
  58. <li>
  59. <a href="#gz" data-toggle="tab">关注<span class="badge">${focusOnTopicsList.~size!0}</span></a>
  60. </li>
  61. <li>
  62. <a href="#zl" data-toggle="tab">个人资料</a>
  63. </li>
  64. <li>
  65. <a href="#mm" data-toggle="tab">修改密码</a>
  66. </li>
  67. </ul>
  68. </div>
  69. <div class="tab-content">
  70. <div class="tab-pane fade in active" id="ft">
  71. <ul>
  72. <%for(tempThemeData in themeList){%>
  73. <li>
  74. <div class="ds-pe-body-content">
  75. <a href="${contextPath}/TFDPublic/getThemeAndReplyList?themeId=${tempThemeData.id }">${tempThemeData.name }</a>
  76. </div>
  77. <div class="ds-pe-body-info">
  78. <span>${tempThemeData.replyNum!0 }</span>个回复<span class="right">${tempThemeData.createDate}</span>
  79. </div>
  80. </li>
  81. <%}elsefor{%>
  82. <li>
  83. ${userModel.name }还没有发布主题哦!
  84. </li>
  85. <%}%>
  86. </ul>
  87. <div class="ds-pe-page">
  88. <%include("/topicsForDiscussion/commonPage/_paginate.html", {"currentPage": pageNumber!1, "totalPage": totalPage!1, "totalRow": totalRow!0, "actionUrl": contextPath+"/TFDPublic/indexSel?pageNumber=", "urlParas": urlParas!''}){}%>
  89. </div>
  90. </div>
  91. <div class="tab-pane fade" id="gz">
  92. <ul>
  93. <%for(tempfocusData in focusOnTopicsList){%>
  94. <li>
  95. <%if(tempfocusData.imgPatch!'' == ''){%>
  96. <img src="${contextPath}/img/discuss/httx.jpg" class="left">
  97. <%}else{%>
  98. <img src="${contextPath}/imageFile/getImage?imagePath=${tempfocusData.imgPatch}" class="left">
  99. <%}%>
  100. <div class="left">
  101. <div class="ds-pe-body-header" style="width: 560px;">
  102. <a href="${contextPath}/TFDPublic/getTopicsAndThemeList?topicsId=${tempfocusData.id }">${tempfocusData.name}</a>
  103. </div>
  104. <div class="ds-pe-body-content" style="width: 560px;">
  105. <p>${tempfocusData.detailed}</p>
  106. </div>
  107. <div class="ds-pe-body-info">
  108. <span>${tempfocusData.themeNum!0}</span>个主题<i>></i><span>${tempfocusData.attentionNum!0}</span>个关注<span class="right">${tempfocusData.createDate}</span>
  109. </div>
  110. </div>
  111. </li>
  112. <%}elsefor{%>
  113. <li>
  114. ${userModel.name }还没有关注任何专题哦!
  115. </li>
  116. <%}%>
  117. </ul>
  118. <div class="ds-pe-page">
  119. </div>
  120. </div>
  121. <div class="tab-pane fade" id="zl">
  122. <form action="${contextPath}/TFDUserFront/editMyInfo" method="post" enctype="multipart/form-data" onsubmit="return verifyEditInfoForm()">
  123. <ul>
  124. <li>
  125. <label>我的头像:</label>
  126. <div class="content">
  127. <input type="file" name="headImage" id="inputfile">
  128. </div>
  129. </li>
  130. <li>
  131. <label>联系电话:</label>
  132. <div class="content">
  133. <input type="text" name="phone" id="phone" value="${session.LoginTFDUser.phone!''}">
  134. </div>
  135. </li>
  136. <li>
  137. <label>电子邮箱:</label>
  138. <div class="content">
  139. <input type="text" name="email" id="email" value="${session.LoginTFDUser.email!''}">
  140. </div>
  141. </li>
  142. <li>
  143. <label>地址:</label>
  144. <div class="content">
  145. <input type="text" name="addr" id="addr" value="${session.LoginTFDUser.addr!''}">
  146. </div>
  147. </li>
  148. <li>
  149. <label style="display: block; float: left;">我的简介:</label>
  150. <div class="content">
  151. <textarea name="introduction" id="introduction">${session.LoginTFDUser.introduction!''}</textarea>
  152. </div>
  153. </li>
  154. <li>
  155. <label></label>
  156. <div class="content">
  157. <button class="btn btn-success" type="submit">确定修改</button>
  158. </div>
  159. </li>
  160. </ul>
  161. </form>
  162. </div>
  163. <div class="tab-pane fade" id="mm">
  164. <form action="${contextPath}/TFDUserFront/editPwd" method="post" onsubmit="return verifyEditPwdForm()">
  165. <ul>
  166. <li>
  167. <label>原始密码:</label>
  168. <div class="content">
  169. <input type="password" name="oldPwd" id="oldPwd">
  170. </div>
  171. </li>
  172. <li>
  173. <label>新的密码:</label>
  174. <div class="content">
  175. <input type="password" name="newPwd" id="newPwd">
  176. </div>
  177. </li>
  178. <li>
  179. <label>确认密码:</label>
  180. <div class="content">
  181. <input type="password" name="newPwd2" id="newPwd2">
  182. </div>
  183. </li>
  184. <li>
  185. <label></label>
  186. <div class="content">
  187. <button class="btn btn-success" type="submit">确定修改</button>
  188. </div>
  189. </li>
  190. </ul>
  191. </form>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <%include("/topicsForDiscussion/commonPage/_left.html", {"newTopicsList": newTopicsList,"themeTopicsList": themeTopicsList}){}%>
  197. <%}%>