login.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <div class="common-bg">
  2. <div class="common-font">
  3. Login & Register
  4. </div>
  5. </div>
  6. <div id="content-container" class="container">
  7. <div class="user-section login-section">
  8. <div class="logon-tab clearfix">
  9. <a class="active">Login on</a>
  10. <a href="{:url('user/register')}?url={$url|urlencode|htmlentities}">Register</a>
  11. </div>
  12. <div class="login-main">
  13. <form name="form" id="login-form" class="form-vertical" method="POST" action="">
  14. <!--@IndexLoginFormBegin-->
  15. <input type="hidden" name="url" value="{$url|htmlentities}"/>
  16. {:token()}
  17. <div class="form-group">
  18. <div class="controls">
  19. <input class="form-control login-input account" id="account" type="text" name="account" value="" data-rule="required;email" placeholder="E-mail Address" autocomplete="off">
  20. <div class="help-block"></div>
  21. </div>
  22. </div>
  23. <div class="form-group">
  24. <div class="controls">
  25. <input class="form-control login-input password" id="password" type="password" name="password" data-rule="required;password" placeholder="password" autocomplete="off">
  26. </div>
  27. </div>
  28. <div class="form-group">
  29. <div class="controls">
  30. <div class="checkbox inline">
  31. <label>
  32. <input type="checkbox" name="keeplogin" checked="checked" value="1"> Remember password
  33. </label>
  34. </div>
  35. <div class="pull-right"><a href="javascript:;" class="btn-forgot">Forgot your password?</a></div>
  36. </div>
  37. </div>
  38. <div class="form-group">
  39. <button type="submit" class="btn btn-primary btn-lg btn-block">Login on</button>
  40. <a href="{:url('user/register')}?url={$url|urlencode|htmlentities}" class="btn btn-default btn-lg btn-block mt-3 no-border">Not registered yet? Register Now</a>
  41. </div>
  42. <!--@IndexLoginFormEnd-->
  43. </form>
  44. </div>
  45. </div>
  46. </div>
  47. <script type="text/html" id="resetpwdtpl">
  48. <form id="resetpwd-form" class="form-horizontal form-layer" method="POST" action="{:url('api/user/resetpwd')}">
  49. <div class="form-body">
  50. <input type="hidden" name="action" value="resetpwd"/>
  51. <!-- <div class="form-group">-->
  52. <!-- <label class="control-label col-xs-12 col-sm-3">{:__('Type')}:</label>-->
  53. <!-- <div class="col-xs-12 col-sm-8">-->
  54. <!-- <div class="radio">-->
  55. <!-- <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>-->
  56. <!-- <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>-->
  57. <!-- </div>-->
  58. <!-- </div>-->
  59. <!-- </div>-->
  60. <!-- <div class="form-group" data-type="email">-->
  61. <!-- <label for="email" class="control-label col-xs-12 col-sm-3">{:__('Email')}:</label>-->
  62. <!-- <div class="col-xs-12 col-sm-8">-->
  63. <!-- <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=0)" placeholder="">-->
  64. <!-- <span class="msg-box"></span>-->
  65. <!-- </div>-->
  66. <!-- </div>-->
  67. <!-- <div class="form-group hide" data-type="mobile">-->
  68. <!-- <label for="mobile" class="control-label col-xs-12 col-sm-3">{:__('Mobile')}:</label>-->
  69. <!-- <div class="col-xs-12 col-sm-8">-->
  70. <!-- <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=0)" placeholder="">-->
  71. <!-- <span class="msg-box"></span>-->
  72. <!-- </div>-->
  73. <!-- </div>-->
  74. <div class="form-group">
  75. <label for="email" class="control-label col-xs-12 col-sm-3">Email:</label>
  76. <div class="col-xs-12 col-sm-8">
  77. <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=0)" placeholder="">
  78. <span class="msg-box"></span>
  79. </div>
  80. </div>
  81. <div class="form-group">
  82. <label for="captcha" class="control-label col-xs-12 col-sm-3">Captcha:</label>
  83. <div class="col-xs-12 col-sm-8">
  84. <div class="input-group">
  85. <input type="text" name="captcha" class="form-control" data-rule="required;length({$Think.config.captcha.length});digits;remote({:url('api/validate/check_ems_correct')}, event=resetpwd, email:#email)"/>
  86. <span class="input-group-btn" style="padding:0;border:none;">
  87. <a href="javascript:;" class="btn btn-primary btn-captcha" data-url="{:url('api/ems/send')}" data-type="email" data-event="resetpwd">Send verification code</a>
  88. </span>
  89. </div>
  90. <span class="msg-box"></span>
  91. </div>
  92. </div>
  93. <div class="form-group">
  94. <label for="newpassword" class="control-label col-xs-12 col-sm-3">New password:</label>
  95. <div class="col-xs-12 col-sm-8">
  96. <input type="password" class="form-control" id="newpassword" name="newpassword" value="" data-rule="required;password" placeholder="">
  97. <span class="msg-box"></span>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="form-group form-footer">
  102. <label class="control-label col-xs-12 col-sm-3"></label>
  103. <div class="col-xs-12 col-sm-8">
  104. <button type="submit" class="btn btn-md btn-primary">Ok</button>
  105. </div>
  106. </div>
  107. </form>
  108. </script>