2019-04-01 12:24:45 +01:00
|
|
|
<!--Copyright (C) 2019 Storj Labs, Inc.-->
|
|
|
|
|
<!--See LICENSE for copying information.-->
|
|
|
|
|
|
|
|
|
|
<div class="login-container" v-on:keyup.enter="onLogin">
|
|
|
|
|
<div v-bind:class="loadingClassName">
|
|
|
|
|
<img class="loading-overlay__logo" src="../../../static/images/Logo.svg" alt="loading-logo">
|
|
|
|
|
</div>
|
2019-04-03 17:25:18 +01:00
|
|
|
<img class="image" src="../../../static/images/AuthImage.svg" alt="" >
|
2019-04-01 12:24:45 +01:00
|
|
|
<div class="login-container__wrapper">
|
|
|
|
|
<div class="login-container__header">
|
|
|
|
|
<img class="login-container__logo" src="../../../static/images/Logo.svg" alt="logo" v-on:click="onLogoClick">
|
|
|
|
|
<div class="login-container__register-button" v-on:click.prevent="onSignUpClick">
|
|
|
|
|
<p>Create Account</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="login-area-wrapper">
|
|
|
|
|
<div class="login-area">
|
|
|
|
|
<div class="login-area__title-container">
|
|
|
|
|
<h1>Login to Storj</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<HeaderlessInput
|
|
|
|
|
class="login-area__email-input"
|
|
|
|
|
placeholder="Email"
|
|
|
|
|
@setData="setEmail"
|
|
|
|
|
height="46px"
|
|
|
|
|
width="100%">
|
|
|
|
|
</HeaderlessInput>
|
|
|
|
|
<HeaderlessInput
|
|
|
|
|
class="login-area__password-input"
|
|
|
|
|
placeholder="Password"
|
|
|
|
|
@setData="setPassword"
|
|
|
|
|
width="100%"
|
|
|
|
|
height="46px"
|
|
|
|
|
isPassword>
|
|
|
|
|
</HeaderlessInput>
|
|
|
|
|
<div class="login-area__submit-area">
|
|
|
|
|
<router-link to="" class="login-area__navigation-area__nav-link" exact>
|
|
|
|
|
<h3><strong>Forgot password?</strong></h3>
|
|
|
|
|
</router-link>
|
|
|
|
|
<div class="login-area__submit-area__login-button" v-on:click.prevent="onLogin">
|
|
|
|
|
<p>Login</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="login-area__info-area">
|
|
|
|
|
<p class="login-area__info-area__signature">Storj Labs Inc 2019.</p>
|
|
|
|
|
<a class="login-area__info-area__terms">Terms & Conditions</a>
|
|
|
|
|
<a class="login-area__info-area__help">Help</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
