RealTimeTalk/app/src/main/res/layout/activity_login.xml

<layout>
    <data>
        <variable name="viewModel" type="com.smarthomies.realtimetalk.viewmodels.LoginViewModel"/>
        <import type="android.view.View" />
    </data>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:gravity="center"
        android:orientation="vertical"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:background="@color/colorPrimary"
        tools:context="com.smarthomies.realtimetalk.views.activities.LoginActivity">

        <LinearLayout
            android:id="@+id/llContainer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_gravity="center">

            <TextView
                android:id="@+id/tvLoginTitle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/app_name"
                android:gravity="center"
                android:textSize="48sp"
                android:textColor="@color/colorAccent"
                android:fontFamily="cursive"/>

            <!-- Login progress -->
            <ProgressBar
                android:id="@+id/login_progress"
                style="?android:attr/progressBarStyleLarge"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:visibility="@{viewModel.requestInProgress ? View.VISIBLE : View.INVISIBLE}"
                tools:visibility="visible"
                android:layout_gravity="center_horizontal" />

            <LinearLayout
                android:id="@+id/email_login_form"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <android.support.design.widget.TextInputLayout
                    android:id="@+id/tilUsername"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textColorHint="@color/white.50"
                    app:counterTextAppearance="@color/colorAccent">

                    <android.support.design.widget.TextInputEditText
                        android:id="@+id/tietUsername"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/prompt.username"
                        android:inputType="textEmailAddress"
                        android:maxLines="1"
                        android:textColor="@color/white"
                        android:textColorHint="@color/white.50"
                        android:textSize="16sp"
                        android:text="@={viewModel.username}"
                        android:freezesText="true"/>

                </android.support.design.widget.TextInputLayout>

                <android.support.design.widget.TextInputLayout
                    android:id="@+id/tilPassword"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textColorHint="@color/white.50"
                    app:counterTextAppearance="@color/colorAccent"
                    app:passwordToggleEnabled="true"
                    android:layout_marginTop="16dp"
                    app:passwordToggleTint="@color/white.50">

                    <android.support.design.widget.TextInputEditText
                        android:id="@+id/tietPassword"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/prompt.password"
                        android:imeActionId="@+id/btnLogin"
                        android:imeActionLabel="@string/action.sign_in"
                        android:imeOptions="actionDone"
                        android:inputType="textPassword"
                        android:maxLines="1"
                        android:textColor="@color/white"
                        android:textColorHint="@color/white.50"
                        android:textSize="16sp"
                        android:text="@={viewModel.password}"
                        android:freezesText="true"/>

                </android.support.design.widget.TextInputLayout>

                <TextView
                    android:id="@+id/tvForgot"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="right"
                    android:textColor="@color/colorAccent"
                    android:layout_marginTop="16dp"
                    android:text="@string/action.forgot_password"/>

                <Button
                    android:id="@+id/btnLogin"
                    style="?android:textAppearanceSmall"
                    android:background="@drawable/button_normal"
                    android:textColor="@color/colorAccent"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:text="@string/action.login"
                    android:textStyle="bold"
                    android:onClick="@{viewModel.onLoginClick()}"
                    android:enabled="@{!viewModel.requestInProgress}"/>

                <TextView
                    android:id="@+id/tvRegister"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/colorAccent"
                    android:layout_marginTop="16dp"
                    android:layout_gravity="center"
                    android:text="@string/action.register"
                    android:onClick="@{viewModel.onRegisterClick()}"
                    />

            </LinearLayout>
        </LinearLayout>

    </LinearLayout>
</layout>