PumpkinHouseWeb/template/userProfileTemplate.html

   1 <!-- 用户照片设置模板 -->
   2 <script id="profilePhotoTemplate" type="text/x-jQuery-tmpl">
   3         <ul>
   4         <li><img src="#" width="120" height="120" id="photo"/></li>
   5     </ul>
   6     <form id="photoUploadForm" action="/Images/FileUpload.ashx" method="post" enctype="multipart/form-data">
   7     <ul>
   8         <li>在木头盒子大家都是“有头有脸”的朋友，上传头像让大家更快认识您。 <br />
   9 选择喜欢的图片作为您的头像：</li>
  10         <li><div class="Uload1"><input type="file" name="fileUploadControl" id="fileUploadControl" class="Uload2" /></div><input type="hidden" name="type" value="photo"/></li>
  11         <li>可以上传 jpg,gif,png 格式的图片</li>
  12     </ul>
  13     </form>
  14     <div class="clearfix"></div>
  15     <div class="lines clearfix"></div>
  16 </script>
  17
  18 <!-- 用户照片上传弹出框模板 -->
  19 <script id="photoDialogTemplate" type="text/x-jQuery-tmpl">
  20     <style>
  21         .messageBoxCon{width:610px;}
  22     </style>
  23     <div id="imageDisplay" style="background:#fff; width:610px; height:410px; position:absolute; z-index:2; left:0px;">
  24         <h2 style="height:50px; line-height:50px; padding-left:20px;font-family:'微软雅黑'; font-size:16px;" class="ColorAacd60">编辑头像</h2>
  25         <div id="statusText" style="margin-top:110px;margin-left:200px;font-family:'微软雅黑';font-size:18px;"></div>
  26         <div id="imageArea" style="width:570px; height:370px;">
  27             <div id="background">
  28                 <img src="" id="bgImage" class="stretch" alt="" />
  29             </div>
  30             <div class="drawArea"></div>
  31         </div>
  32         <div style="text-align:center; margin-top:20px;"><input type="button" id="selBtn" class="WebSure" value=" " style="display:none"/></div>
  33     </div>
  34 </script>
  35
  36 <!-- 用户基本信息模板 -->
  37 <script id="userGeneralInfoTemplate" type="text/x-jQuery-tmpl">
  38     <form id="generalInfoForm">
  39     <table cellpadding="5" cellspacing="10">
  40         <tr><td><div align="right" class="f"><strong>昵称：</strong></div></td>
  41         <td>
  42             <input type="text" value="${user.displayName}" id="nickname" name="nickname" class="required" remote="/PublicService/AccountService.svc/ajax/IsNicknameAvailableForChange" />
  43         </td></tr>
  44         <tr><td><div align="right" class="f"><strong>性别：</strong></div></td>
  45             <td>
  46                 <input type="radio" name="gender" value="Male">男
  47                 <input type="radio" name="gender" value="Female">女
  48                 <input type="radio" name="gender" value="NotDefined">保密            </td>
  49         </tr>
  50         <tr><td><div align="right" class="f"><strong>城市：</strong></div></td>
  51             <td>
  52                 <select id="province" class="Rounded">
  53                     <option value="0"></option>
  54                     {{tmpl(provinces) "#locationTemplate"}}
  55                 </select>
  56                 <select id="city" class="Rounded">
  57                 </select>            </td>
  58         </tr>
  59         <tr><td valign="top"><div align="right" class="f"><strong>一句话介绍：</strong></div></td><td><textarea id="intro" class="Rounded">${user.intro}</textarea></td></tr>
  60         <tr><td>&nbsp;</td><td><input type="submit" value=" " id="updateInfoBtn" class="SaveChange"/><span class="resultMessage"></span></td></tr>
  61     </table>
  62     </form>
  63 </script>
  64
  65 <!-- 用户区域位置模板 -->
  66 <script id="locationTemplate" type="text/x-jQuery-tmpl">
  67     <option value="${Id}">${Name}</option>
  68 </script>
  69
  70 <!-- 用户email页面模板-->
  71 <script id="emailTemplate" type="text/x-jQuery-tmpl">
  72     <form id="emailForm">
  73         <table cellpadding="5" cellspacing="10" width=454>
  74           <tr><td><div align="right" class="f">邮件地址</div></td><td><input type="text" id="email" name="email" class="inputBox Rounded" remote="/PublicService/AccountService.svc/ajax/IsEmailAvailable" value="${email}"/>
  75           <tr><td>&nbsp;</td><td><input type="submit" id="updateEmailBtn" value=" " class="SaveChange"/></td></tr>
  76         </table>
  77     </form>
  78 </script>
  79 <!-- 用户邮件订阅页面模板-->
  80 <script id="receiveEmailTemplate" type="text/x-jQuery-tmpl">
  81     <form id="receiveEmailForm">
  82         <ul>
  83             <li><input type="radio" name="receiveEmail" value="true">接受来自木头盒子精选推荐，不定期发送</li>
  84             <li><input type="radio" name="receiveEmail" value="false">不订阅木头盒子每周精华推荐</li>
  85             <li><input type="button" id="updateReceiveEmailBtn" value=" " class="SaveChange"/> <span class="resultMessage"></span></li>
  86     </form>
  87 </script>
  88 <!-- 用户密码模板 -->
  89 <script id="resetPasswordTemplate" type="text/x-jQuery-tmpl">
  90     <form id="pwdForm">
  91     <table cellpadding="5" cellspacing="10">
  92   <tr><td><div align="right" class="f">旧密码</div></td><td><input type="password" id="oldPwd" name="oldPwd" class="inputBox Rounded"/></td></tr>
  93         <tr><td><div align="right" class="f">新密码</div></td><td><input type="password" id="newPwd" name="newPwd" class="inputBox Rounded"/></td></tr>
  94         <tr><td><div align="right" class="f">重复密码</div></td><td><input type="password" id="repPwd" name="repPwd" class="inputBox Rounded" equalTo="#newPwd"/></td></tr>
  95         <tr><td>&nbsp;</td><td><input type="submit" id="resetPwdBtn" value=" " class="SaveChange"/><span class="resultMessage"></span></td></tr>
  96     </table>
  97     </form>
  98 </script>
  99
 100 <script id="associationListTemplate" type="text/x-jQuery-tmpl">
 101     <div class="title">绑定你的其他社交账号，就可以一键同步分享了。<span>（木头盒子同步任何信息，均在你确认之后）</span></div>
 102     {{each list}}
 103     <div class="boundList clearfix">
 104         <ul>
 105             <li style="+width:131px;">
 106                 <div class="ico_Bound">
 107                     {{if partyId==1}}<input type="button" value=" " class="ico_Bound_sina">{{/if}}
 108                     {{if partyId==2}}<input type="button" value=" " class="ico_Bound_qq">{{/if}}
 109                     {{if partyId==3}}<input type="button" value=" " class="ico_Bound_qqt">{{/if}}
 110                     {{if partyId==4}}<input type="button" value=" " class="ico_Bound_tao">{{/if}}
 111                 </div>
 112             </li>
 113             <li>{{if bound}}<input type="button" value=" " class="bound_yes bind" data-id="${id}">{{else}}<a href="${urlToBind}"><input type="button" value=" " class="bound_no bind"></a>{{/if}}</li>
 114             <li class="ColorC1">{{if bound}}分享时，可选择同步到${partyName}哦！{{else}}绑定账号即可与好友一起分享哦！{{/if}}</li>
 115         </ul>
 116     </div>
 117     {{/each}}
 118 </script>
 119