login.html 5.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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. <div class="form-group">
  7. <label class="control-label" for="account">{:__('Account')}</label>
  8. <div class="controls">
  9. <input class="form-control input-lg" id="account" type="text" name="account" value="" data-rule="required" placeholder="{:__('Email/Mobile/Username')}" autocomplete="off">
  10. <div class="help-block"></div>
  11. </div>
  12. </div>
  13. <div class="form-group">
  14. <label class="control-label" for="password">{:__('Password')}</label>
  15. <div class="controls">
  16. <input class="form-control input-lg" id="password" type="password" name="password" data-rule="required;password" placeholder="{:__('Password')}" autocomplete="off">
  17. </div>
  18. </div>
  19. <div class="form-group">
  20. <div class="controls">
  21. <input type="checkbox" name="keeplogin" checked="checked" value="1"> {:__('Keep login')}
  22. <div class="pull-right"><a href="javascript:;" class="btn-forgot">{:__('Forgot password')}</a></div>
  23. </div>
  24. </div>
  25. <div class="form-group">
  26. <button type="submit" class="btn btn-primary btn-lg btn-block">{:__('Sign in')}</button>
  27. </div>
  28. </form>
  29. </div>
  30. </div>
  31. </div>
  32. <script type="text/html" id="resetpwdtpl">
  33. <form id="resetpwd-form" class="form-horizontal form-layer" method="POST" action="{:url('api/user/resetpwd')}">
  34. <div class="form-body">
  35. <input type="hidden" name="action" value="resetpwd" />
  36. <div class="form-group">
  37. <label for="" class="control-label col-xs-12 col-sm-3">{:__('Type')}:</label>
  38. <div class="col-xs-12 col-sm-8">
  39. <div class="radio">
  40. <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>
  41. <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>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="form-group" data-type="email">
  46. <label for="email" class="control-label col-xs-12 col-sm-3">{:__('Email')}:</label>
  47. <div class="col-xs-12 col-sm-8">
  48. <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="">
  49. <span class="msg-box"></span>
  50. </div>
  51. </div>
  52. <div class="form-group hide" data-type="mobile">
  53. <label for="mobile" class="control-label col-xs-12 col-sm-3">{:__('Mobile')}:</label>
  54. <div class="col-xs-12 col-sm-8">
  55. <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="">
  56. <span class="msg-box"></span>
  57. </div>
  58. </div>
  59. <div class="form-group">
  60. <label for="captcha" class="control-label col-xs-12 col-sm-3">{:__('Captcha')}:</label>
  61. <div class="col-xs-12 col-sm-8">
  62. <div class="input-group">
  63. <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)" />
  64. <span class="input-group-btn" style="padding:0;border:none;">
  65. <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>
  66. </span>
  67. </div>
  68. <span class="msg-box"></span>
  69. </div>
  70. </div>
  71. <div class="form-group">
  72. <label for="newpassword" class="control-label col-xs-12 col-sm-3">{:__('New password')}:</label>
  73. <div class="col-xs-12 col-sm-8">
  74. <input type="password" class="form-control" id="newpassword" name="newpassword" value="" data-rule="required;password" placeholder="">
  75. <span class="msg-box"></span>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="form-group form-footer">
  80. <label class="control-label col-xs-12 col-sm-3"></label>
  81. <div class="col-xs-12 col-sm-8">
  82. <button type="submit" class="btn btn-md btn-info">{:__('Ok')}</button>
  83. </div>
  84. </div>
  85. </form>
  86. </script>