login.html 5.6 KB

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