Prepare for nav option entries

3 files changed, 137 insertions, 10 deletions

diff --git a/app/src/main/res/drawable/nav_item_background.xml b/app/src/main/res/drawable/nav_item_background.xml
index 7c7a7209..415dd9f2 100644
--- a/app/src/main/res/drawable/nav_item_background.xml
+++ b/app/src/main/res/drawable/nav_item_background.xml
@@ -3,7 +3,7 @@
     android:color="#f0f">
     <item
         android:id="@android:id/mask"
-        android:right="8dp">
+        android:right="16dp">
         <shape android:shape="rectangle">
             <corners
                 android:bottomRightRadius="50dp"
diff --git a/app/src/main/res/layout/view_nav_header.xml b/app/src/main/res/layout/view_nav_header.xml
new file mode 100644
index 00000000..af918736
--- /dev/null
+++ b/app/src/main/res/layout/view_nav_header.xml
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="160dp">
+
+        <androidx.appcompat.widget.AppCompatImageView
+            android:id="@+id/background"
+            android:layout_width="0dp"
+            android:layout_height="160dp"
+            android:scaleType="centerCrop"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:src="@tools:sample/backgrounds/scenic" />
+
+        <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/status_bar_guide"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            app:layout_constraintGuide_begin="24dp" />
+
+        <ImageView
+            android:id="@+id/avatar_primary"
+            style="@style/Main.DrawerPrimaryAvatar"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/status_bar_guide"
+            tools:src="@tools:sample/avatars" />
+
+        <ImageView
+            android:id="@+id/avatar_secondary"
+            style="@style/Main.DrawerSecondaryAvatar"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/status_bar_guide"
+            tools:src="@tools:sample/avatars" />
+
+        <ImageView
+            android:id="@+id/avatar_tertiary"
+            style="@style/Main.DrawerSecondaryAvatar"
+            app:layout_constraintEnd_toStartOf="@id/avatar_secondary"
+            app:layout_constraintTop_toBottomOf="@id/status_bar_guide"
+            tools:src="@tools:sample/avatars" />
+
+        <TextView
+            android:id="@+id/name"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="@dimen/kau_activity_horizontal_margin"
+            android:layout_marginTop="@dimen/kau_activity_vertical_margin"
+            android:layout_marginEnd="@dimen/kau_activity_horizontal_margin"
+            android:layout_marginBottom="@dimen/kau_activity_vertical_margin"
+            android:clickable="false"
+            android:lines="1"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@id/arrow"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/avatar_primary"
+            app:layout_constraintVertical_bias="1"
+            tools:text="@tools:sample/full_names" />
+
+        <ImageView
+            android:id="@+id/arrow"
+            android:layout_width="18dp"
+            android:layout_height="18dp"
+            android:layout_marginStart="@dimen/kau_activity_horizontal_margin"
+            android:layout_marginEnd="@dimen/kau_activity_horizontal_margin"
+            app:layout_constraintBottom_toBottomOf="@id/name"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@id/name" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <LinearLayout
+        android:id="@+id/options_container"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        android:visibility="gone"
+        tools:visibility="visible">
+
+        <TextView
+            android:id="@+id/options_add_account"
+            style="@style/Main.DrawerAccountOptions"
+            android:text="@string/kau_add_account"
+            tools:drawableStart="@drawable/abc_vector_test" />
+
+        <TextView
+            android:id="@+id/options_logout"
+            style="@style/Main.DrawerAccountOptions"
+            android:text="@string/kau_logout"
+            tools:drawableStart="@drawable/abc_vector_test" />
+
+    </LinearLayout>
+
+</LinearLayout>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 3cbad6d7..b194a975 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -107,13 +107,13 @@
         <item name="popupTheme">@style/AppTheme.PopupOverlay</item>
     </style>
 
-    <style name="Main.ViewPager" parent="" >
+    <style name="Main.ViewPager" parent="">
         <item name="android:layout_width">match_parent</item>
         <item name="android:layout_height">match_parent</item>
         <item name="layout_behavior">@string/appbar_scrolling_view_behavior</item>
     </style>
 
-    <style name="Main.Fab" parent="" >
+    <style name="Main.Fab" parent="Widget.Design.NavigationView">
         <item name="android:layout_width">wrap_content</item>
         <item name="android:layout_height">wrap_content</item>
         <item name="android:layout_gravity">end|bottom</item>
@@ -132,12 +132,36 @@
         <item name="android:colorControlHighlight">@android:color/transparent</item>
     </style>
 
-<!--    <style name="ShapeAppearanceOverlay.Item" parent="">-->
-<!--        <item name="cornerFamily">rounded</item>-->
-<!--        <item name="cornerSizeTopRight">10dp</item>-->
-<!--        <item name="cornerSizeBottomRight">10dp</item>-->
-<!--        <item name="cornerSizeBottomLeft">0dp</item>-->
-<!--        <item name="cornerSizeTopLeft">0dp</item>-->
-<!--    </style>-->
+    <!--    <style name="ShapeAppearanceOverlay.Item" parent="">-->
+    <!--        <item name="cornerFamily">rounded</item>-->
+    <!--        <item name="cornerSizeTopRight">10dp</item>-->
+    <!--        <item name="cornerSizeBottomRight">10dp</item>-->
+    <!--        <item name="cornerSizeBottomLeft">0dp</item>-->
+    <!--        <item name="cornerSizeTopLeft">0dp</item>-->
+    <!--    </style>-->
+
+    <style name="Main.DrawerMargins" parent="">
+        <item name="android:layout_marginStart">@dimen/kau_activity_horizontal_margin</item>
+        <item name="android:layout_marginEnd">@dimen/kau_activity_horizontal_margin</item>
+        <item name="android:layout_marginTop">@dimen/kau_activity_vertical_margin</item>
+        <item name="android:layout_marginBottom">@dimen/kau_activity_vertical_margin</item>
+    </style>
+
+    <style name="Main.DrawerPrimaryAvatar" parent="Main.DrawerMargins">
+        <item name="android:layout_width">56dp</item>
+        <item name="android:layout_height">56dp</item>
+    </style>
+
+    <style name="Main.DrawerSecondaryAvatar" parent="Main.DrawerMargins">
+        <item name="android:layout_width">40dp</item>
+        <item name="android:layout_height">40dp</item>
+    </style>
+
+    <style name="Main.DrawerAccountOptions" parent="Main.DrawerMargins">
+        <item name="android:layout_width">match_parent</item>
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:drawablePadding">16dp</item>
+        <item name="android:gravity">center_vertical</item>
+    </style>
 
 </resources>