mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
85 lines
2.9 KiB
HTML
85 lines
2.9 KiB
HTML
<div class="login-container container">
|
|
|
|
<div class="login-box">
|
|
|
|
<div class="login-box-logo">
|
|
<img class="logo-icon" src="public/img/grafana_icon.svg"></img><br>
|
|
<i class="icon-gf icon-gf-grafana_wordmark"></i>
|
|
</div>
|
|
|
|
<div class="login-inner-box">
|
|
<div class="login-tab-header">
|
|
<button class="btn-login-tab" ng-click="loginMode = true;" ng-class="{active: loginMode}">
|
|
Log in
|
|
</button>
|
|
<button class="btn-login-tab" ng-click="loginMode = false;" ng-class="{active: !loginMode}" ng-show="!disableUserSignUp">
|
|
Sign up
|
|
</button>
|
|
</div>
|
|
|
|
<form name="loginForm" class="login-form gf-form-group" ng-hide="disableLoginForm">
|
|
<div class="gf-form" ng-if="loginMode">
|
|
<span class="gf-form-label width-7">User</span>
|
|
<input type="text" name="username" class="gf-form-input max-width-14" required ng-model='formModel.user' placeholder={{loginHint}}>
|
|
</div>
|
|
<div class="gf-form" ng-if="loginMode">
|
|
<span class="gf-form-label width-7">Password</span>
|
|
<input type="password" name="password" class="gf-form-input max-width-14" required ng-model="formModel.password" id="inputPassword" placeholder="password">
|
|
</div>
|
|
|
|
<div class="gf-form" ng-if="!loginMode">
|
|
<span class="gf-form-label width-7">Email</span>
|
|
<input type="email" class="gf-form-input max-width-14" required ng-model='formModel.email' placeholder="email">
|
|
</div>
|
|
|
|
<div class="gf-form-button-row">
|
|
<button type="submit" class="btn btn-large p-x-3" ng-click="submit();" ng-class="{'btn-inverse': !loginForm.$valid, 'btn-primary': loginForm.$valid}">
|
|
{{submitBtnText}}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div ng-if="loginMode">
|
|
<div class="text-center login-divider" ng-show="oauthEnabled && !disableLoginForm">
|
|
<div class="login-divider-line">
|
|
<span class="login-divider-text">
|
|
Or login with
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="login-oauth text-center" ng-show="oauthEnabled">
|
|
<a class="btn btn-large btn-google" href="login/google" target="_self" ng-if="oauth.google">
|
|
<i class="fa fa-google"></i>
|
|
with Google
|
|
</a>
|
|
<a class="btn btn-large btn-github" href="login/github" target="_self" ng-if="oauth.github">
|
|
<i class="fa fa-github"></i>
|
|
with GitHub
|
|
</a>
|
|
<a class="btn btn-large btn-grafana-net" href="login/grafananet" target="_self" ng-if="oauth.grafananet">
|
|
with <span>Grafana.com</span>
|
|
</a>
|
|
<a class="btn btn-large btn-generic-oauth" href="login/generic_oauth" target="_self" ng-if="oauth.generic_oauth">
|
|
<i class="fa fa-gear"></i>
|
|
with {{oauth.generic_oauth.name}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="text-center password-recovery" ng-hide="disableLoginForm">
|
|
<div class="text-center">
|
|
<a href="user/password/send-reset-email">
|
|
Forgot your password?
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|