login.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <div id="content-container" class="container">
  2. <div class="user-section login-section">
  3. <div class="logon-tab clearfix"> <a class="active">{:__('Sign in')}</a> <a href="{:url('user/register')}">{:__('Sign up')}</a> </div>
  4. <div class="login-main">
  5. <form name="form" id="login-form" class="form-vertical" method="POST" action="">
  6. <input type="hidden" name="url" value="{$url}" />
  7. <div class="form-group">
  8. <label class="control-label" for="account">{:__('Account')}</label>
  9. <div class="controls">
  10. <input class="form-control input-lg" id="account" type="text" name="account" value="" data-rule="required" placeholder="{:__('Email/Mobile/Username')}" autocomplete="off">
  11. <div class="help-block"></div>
  12. </div>
  13. </div>
  14. <div class="form-group">
  15. <label class="control-label" for="password">{:__('Password')}</label>
  16. <div class="controls">
  17. <input class="form-control input-lg" id="password" type="password" name="password" data-rule="required;password" placeholder="{:__('Password')}" autocomplete="off">
  18. </div>
  19. </div>
  20. <div class="form-group">
  21. <div class="controls">
  22. <input type="checkbox" name="keeplogin" checked="checked" value="1"> {:__('Keep login')}
  23. <div class="pull-right"><a href="javascript:;" class="btn-forgot">{:__('Forgot password')}</a></div>
  24. </div>
  25. </div>
  26. <div class="form-group">
  27. <button type="submit" class="btn btn-primary btn-lg btn-block">{:__('Sign in')}</button>
  28. </div>
  29. </form>
  30. </div>
  31. </div>
  32. </div>
  33. <script type="text/html" id="resetpwdtpl">
  34. <form id="resetpwd-form" class="form-horizontal form-layer" method="POST" action="{:url('api/user/resetpwd')}">
  35. <div class="form-body">
  36. <input type="hidden" name="action" value="resetpwd" />
  37. <div class="form-group">
  38. <label for="" class="control-label col-xs-12 col-sm-3">{:__('Type')}:</label>
  39. <div class="col-xs-12 col-sm-8">
  40. <div class="radio">
  41. <label for="type-email"><input id="type-email" checked="checked" name="type" data-send-url="{:url('api/ems/send')}" data-check-url="{:url('api/validate/check_ems_correct')}" type="radio" value="email"> {:__('Reset password by email')}</label>
  42. <label for="type-mobile"><input id="type-mobile" name="type" type="radio" data-send-url="{:url('api/sms/send')}" data-check-url="{:url('api/validate/check_sms_correct')}" value="mobile"> {:__('Reset password by mobile')}</label>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="form-group" data-type="email">
  47. <label for="email" class="control-label col-xs-12 col-sm-3">{:__('Email')}:</label>
  48. <div class="col-xs-12 col-sm-8">
  49. <input type="text" class="form-control" id="email" name="email" value="" data-rule="required(#type-email:checked);email;remote({:url('api/validate/check_email_exist')}, event=resetpwd, id={$user.id})" placeholder="">
  50. <span class="msg-box"></span>
  51. </div>
  52. </div>
  53. <div class="form-group hide" data-type="mobile">
  54. <label for="mobile" class="control-label col-xs-12 col-sm-3">{:__('Mobile')}:</label>
  55. <div class="col-xs-12 col-sm-8">
  56. <input type="text" class="form-control" id="mobile" name="mobile" value="" data-rule="required(#type-mobile:checked);mobile;remote({:url('api/validate/check_mobile_exist')}, event=resetpwd, id={$user.id})" placeholder="">
  57. <span class="msg-box"></span>
  58. </div>
  59. </div>
  60. <div class="form-group">
  61. <label for="captcha" class="control-label col-xs-12 col-sm-3">{:__('Captcha')}:</label>
  62. <div class="col-xs-12 col-sm-8">
  63. <div class="input-group">
  64. <input type="text" name="captcha" class="form-control" data-rule="required;length(4);integer[+];remote({:url('api/validate/check_ems_correct')}, event=resetpwd, email:#email)" />
  65. <span class="input-group-btn" style="padding:0;border:none;">
  66. <a href="javascript:;" class="btn btn-info btn-captcha" data-url="{:url('api/ems/send')}" data-type="email" data-event="resetpwd">{:__('Send verification code')}</a>
  67. </span>
  68. </div>
  69. <span class="msg-box"></span>
  70. </div>
  71. </div>
  72. <div class="form-group">
  73. <label for="newpassword" class="control-label col-xs-12 col-sm-3">{:__('New password')}:</label>
  74. <div class="col-xs-12 col-sm-8">
  75. <input type="password" class="form-control" id="newpassword" name="newpassword" value="" data-rule="required;password" placeholder="">
  76. <span class="msg-box"></span>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="form-group form-footer">
  81. <label class="control-label col-xs-12 col-sm-3"></label>
  82. <div class="col-xs-12 col-sm-8">
  83. <button type="submit" class="btn btn-md btn-info">{:__('Ok')}</button>
  84. </div>
  85. </div>
  86. </form>
  87. </script>