<div class="tight-from-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>

<input type="email" class="tight-form-input last" required ng-model='formModel.email' placeholder="email" style="width: 253px">

<div class="clearfix"></div>

<div class="tight-form" ng-if="!loginMode">

<ul class="tight-form-list">

<li class="tight-form-item" style="width: 79px">

<strong>Password</strong>

</li>

<li>

<input type="password" class="tight-form-input last" watch-change="formModel.password = inputValue;" ng-minlength="4" required ng-model='formModel.password' placeholder="password" style="width: 253px">

</li>

</ul>

<div class="clearfix"></div>

</div>

</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 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>