storj/web/satellite/src/views/login/login.html

<!--Copyright (C) 2019 Storj Labs, Inc.-->
<!--See LICENSE for copying information.-->

<div class="login-container" @keyup.enter="onLogin">
    <div :class="loadingClassName"></div>
    <img :class="loadingLogoClassName" src="../../../static/images/LogoWhite.svg" alt="loading-logo">
    <img class="image" src="../../../static/images/AuthImage.svg" alt="" >
    <div class="login-container__wrapper">
        <div class="login-container__header">
            <img class="login-container__logo" src="../../../static/images/Logo.svg" alt="logo" @click="onLogoClick">
            <div class="login-container__register-button" @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"
                    :error="emailError"
                    @setData="setEmail"
                    height="46px"
                    width="100%">
                </HeaderlessInput>
                <HeaderlessInput
                    class="login-area__password-input"
                    placeholder="Password"
                    :error="passwordError"
                    @setData="setPassword"
                    width="100%"
                    height="46px"
                    isPassword="true">
                </HeaderlessInput>
                <div class="login-area__submit-area">
                    <router-link :to="forgotPasswordPath" class="login-area__navigation-area__nav-link" exact>
                        <h3><strong>Forgot password?</strong></h3>
                    </router-link>
                    <div class="login-area__submit-area__login-button" @click.prevent="onLogin">
                        <p>Log In</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" href="https://tardigrade.io/terms-of-use/" target="_blank">Terms & Conditions</a>
                    <a class="login-area__info-area__help" href="mailto:support@storj.io" target="_blank">Support</a>
                </div>
            </div>
        </div>
    </div>
</div>