mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-22 00:16:02 +08:00
100 lines
4.5 KiB
HTML
100 lines
4.5 KiB
HTML
<div class="b-login-content">
|
|
<div class="loginFormWrapper">
|
|
<center>
|
|
<div class="alert" data-bind="visible: '' !== submitError()">
|
|
<button type="button" class="close" data-bind="click: function () { submitError('') }">×</button>
|
|
<span data-bind="text: submitError"></span>
|
|
</div>
|
|
<form class="form-horizontal span4 wrapper loginForm thm-login" action="#/" onsubmit="return false;" data-bind="command: submitCommand">
|
|
{{INCLUDE/TopControlGroup/PLACE}}
|
|
<div class="control-group" data-bind="css: {'error': emailError}">
|
|
<div class="input-append">
|
|
<input class="i18n inputEmail span4" type="email" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
|
data-bind="value: email, hasFocus: emailFocus" data-i18n-placeholder="LOGIN/LABEL_EMAIL" />
|
|
<span class="add-on">
|
|
<i class="icon-mail"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group" data-bind="css: {'error': loginError}, visible: allowCustomLogin()">
|
|
<div class="input-append">
|
|
<input class="i18n inputLogin span4" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
|
data-bind="value: login, hasFocus: loginFocus" data-i18n-placeholder="LOGIN/LABEL_LOGIN" />
|
|
<span class="add-on">
|
|
<i class="icon-user"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group" data-bind="css: {'error': passwordError}">
|
|
<div class="input-append">
|
|
<input class="i18n inputPassword span4" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
|
data-bind="value: password" data-i18n-placeholder="LOGIN/LABEL_PASSWORD" />
|
|
<span class="add-on">
|
|
<i class="icon-key"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{{INCLUDE/BottomControlGroup/PLACE}}
|
|
<div class="control-group">
|
|
<button type="submit" class="btn btn-large span4 buttonLogin" data-bind="command: submitCommand">
|
|
<i class="icon-spinner animated" data-bind="visible: submitRequest"></i>
|
|
<span class="i18n" data-i18n-text="LOGIN/BUTTON_SIGN_IN" data-bind="visible: !submitRequest()"></span>
|
|
</button>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="pull-left signMeLabel" data-bind="click: function () { signMe(!signMe()); }, visible: signMeVisibility">
|
|
<i data-bind="css: signMe() ? 'checkboxSignMe icon-checkbox-checked' : 'checkboxSignMe icon-checkbox-unchecked'"></i>
|
|
|
|
<span class="i18n" data-i18n-text="LOGIN/LABEL_SIGN_ME"></span>
|
|
</label>
|
|
<div class="pull-right">
|
|
<div class="btn-group" data-bind="visible: socialLoginEnabled() || allowLanguagesOnLogin()">
|
|
<a class="btn dropdown-toggle buttonLoginMore" data-toggle="dropdown">
|
|
<i data-bind="css: langRequest() ? 'icon-spinner animated' : 'icon-list'"></i>
|
|
</a>
|
|
<ul class="dropdown-menu g-ui-menu">
|
|
{{INCLUDE/MenuDropdownTop/PLACE}}
|
|
<li class="e-item" data-bind="visible: facebookLoginEnabled">
|
|
<a class="e-link" data-bind="command: facebookCommand">
|
|
<i class="icon-facebook-alt"></i>
|
|
|
|
<span class="i18n" data-i18n-text="LOGIN/TITLE_SIGN_IN_FACEBOOK"></span>
|
|
</a>
|
|
</li>
|
|
<li class="e-item" data-bind="visible: googleLoginEnabled">
|
|
<a class="e-link" data-bind="command: googleCommand">
|
|
<i class="icon-google"></i>
|
|
|
|
<span class="i18n" data-i18n-text="LOGIN/TITLE_SIGN_IN_GOOGLE"></span>
|
|
</a>
|
|
</li>
|
|
<li class="e-item" data-bind="visible: twitterLoginEnabled">
|
|
<a class="e-link" data-bind="command: twitterCommand">
|
|
<i class="icon-twitter"></i>
|
|
|
|
<span class="i18n" data-i18n-text="LOGIN/TITLE_SIGN_IN_TWITTER"></span>
|
|
</a>
|
|
</li>
|
|
{{INCLUDE/MenuDropdownMiddle/PLACE}}
|
|
<li class="divider" data-bind="visible: socialLoginEnabled() && allowLanguagesOnLogin()"></li>
|
|
<li class="e-item" data-bind="visible: allowLanguagesOnLogin">
|
|
<a class="e-link" data-bind="click: selectLanguage">
|
|
<label class="flag-selector">
|
|
<span class="flag-wrapper">
|
|
<span data-bind="css: 'flag flag-' + mainLanguage()" style=""></span>
|
|
</span>
|
|
<span class="flag-name" data-bind="text: mainLanguageFullName"></span>
|
|
</label>
|
|
</a>
|
|
</li>
|
|
{{INCLUDE/MenuDropdownBottom/PLACE}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</center>
|
|
<div class="loginAfter"></div>
|
|
</div>
|