mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
97 lines
2.9 KiB
HTML
97 lines
2.9 KiB
HTML
<div class="container">
|
|
|
|
<div class="login-box">
|
|
|
|
<div class="login-box-logo">
|
|
<img src="img/logo_transparent_200x75.png">
|
|
</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" style="margin-top: 25px;">
|
|
<div class="tight-form-container">
|
|
<div class="tight-form" ng-if="loginMode">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 78px">
|
|
<strong>User</strong>
|
|
</li>
|
|
<li>
|
|
<input type="text" name="username" class="tight-form-input last" required ng-model='formModel.user' placeholder="email or username" style="width: 253px">
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="tight-form" ng-if="loginMode">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 78px">
|
|
<strong>Password</strong>
|
|
</li>
|
|
<li>
|
|
<input type="password" name="password" class="tight-form-input last" required ng-model="formModel.password" id="inputPassword" style="width: 253px" placeholder="password">
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
|
|
<div class="tight-form" ng-if="!loginMode">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 79px">
|
|
<strong>Email</strong>
|
|
</li>
|
|
<li>
|
|
<input type="email" class="tight-form-input last" required ng-model='formModel.email' placeholder="email" style="width: 253px">
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="login-submit-button-row">
|
|
<button type="submit" class="btn" ng-click="submit();" ng-class="{'btn-inverse': !loginForm.$valid, 'btn-primary': loginForm.$valid}">
|
|
{{submitBtnText}}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="login-oauth text-center">
|
|
<a class="btn btn-google" href="login/google" target="_self" ng-if="googleAuthEnabled">
|
|
<i class="fa fa-google"></i>
|
|
with Google
|
|
</a>
|
|
<a class="btn btn-github" href="login/github" target="_self" ng-if="githubAuthEnabled">
|
|
<i class="fa fa-github"></i>
|
|
with Github
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-top: 40px">
|
|
<div class="text-center">
|
|
<a href="user/password/send-reset-email">
|
|
Forgot your password?
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-top: 50px">
|
|
<div class="version-footer text-center small">
|
|
Grafana version: {{buildInfo.version}}, commit: {{buildInfo.commit}},
|
|
build date: {{buildInfo.buildstamp | date: 'yyyy-MM-dd HH:mm:ss' }}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|