Implement new apply UI

Change-Id: I9d57114bb5878b2e6c734733306be707b039f188

14 files changed, 82 insertions, 2 deletions

diff --git a/res/drawable-hdpi/ic_apply_apply.png b/res/drawable-hdpi/ic_apply_apply.png
new file mode 100644
index 0000000..47a83f4
--- /dev/null
+++ b/res/drawable-hdpi/ic_apply_apply.png
diff --git a/res/drawable-hdpi/ic_apply_cancel.png b/res/drawable-hdpi/ic_apply_cancel.png
new file mode 100644
index 0000000..dcf4ee2
--- /dev/null
+++ b/res/drawable-hdpi/ic_apply_cancel.png
diff --git a/res/drawable-mdpi/ic_apply_apply.png b/res/drawable-mdpi/ic_apply_apply.png
new file mode 100644
index 0000000..2ba22c2
--- /dev/null
+++ b/res/drawable-mdpi/ic_apply_apply.png
diff --git a/res/drawable-mdpi/ic_apply_cancel.png b/res/drawable-mdpi/ic_apply_cancel.png
new file mode 100644
index 0000000..70cd1cb
--- /dev/null
+++ b/res/drawable-mdpi/ic_apply_cancel.png
diff --git a/res/drawable-xhdpi/ic_apply_apply.png b/res/drawable-xhdpi/ic_apply_apply.png
new file mode 100644
index 0000000..440de29
--- /dev/null
+++ b/res/drawable-xhdpi/ic_apply_apply.png
diff --git a/res/drawable-xhdpi/ic_apply_cancel.png b/res/drawable-xhdpi/ic_apply_cancel.png
new file mode 100644
index 0000000..fb675b1
--- /dev/null
+++ b/res/drawable-xhdpi/ic_apply_cancel.png
diff --git a/res/drawable-xxhdpi/ic_apply_apply.png b/res/drawable-xxhdpi/ic_apply_apply.png
new file mode 100644
index 0000000..deee90d
--- /dev/null
+++ b/res/drawable-xxhdpi/ic_apply_apply.png
diff --git a/res/drawable-xxhdpi/ic_apply_cancel.png b/res/drawable-xxhdpi/ic_apply_cancel.png
new file mode 100644
index 0000000..1dcc184
--- /dev/null
+++ b/res/drawable-xxhdpi/ic_apply_cancel.png
diff --git a/res/drawable/apply_cancel_bg.xml b/res/drawable/apply_cancel_bg.xml
new file mode 100644
index 0000000..f367f0e
--- /dev/null
+++ b/res/drawable/apply_cancel_bg.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:state_pressed="true" android:drawable="@drawable/apply_circle_bg" />
+    <item android:drawable="@android:color/transparent" />
+
+</selector>
\ No newline at end of file
diff --git a/res/drawable/apply_circle_bg.xml b/res/drawable/apply_circle_bg.xml
new file mode 100644
index 0000000..5451bd7
--- /dev/null
+++ b/res/drawable/apply_circle_bg.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+    <solid android:color="@color/apply_layout_button_bg_color"/>
+
+</shape>
\ No newline at end of file
diff --git a/res/layout/apply_theme_layout.xml b/res/layout/apply_theme_layout.xml
new file mode 100644
index 0000000..225192c
--- /dev/null
+++ b/res/layout/apply_theme_layout.xml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/apply_theme_layout"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:visibility="gone"
+    android:background="@color/apply_layout_background">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="132dp"
+        android:layout_gravity="top|center_horizontal"
+        android:gravity="center"
+        android:textStyle="bold"
+        android:textSize="20sp"
+        android:textColor="@color/apply_layout_text_color"
+        android:textAllCaps="true"
+        android:text="@string/apply_theme_layout_title"/>
+
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center">
+
+        <ImageView
+            android:id="@+id/apply_cancel"
+            android:layout_width="72dp"
+            android:layout_height="72dp"
+            android:layout_gravity="center_vertical"
+            android:clickable="true"
+            android:src="@drawable/ic_apply_cancel"
+            android:scaleType="center"
+            android:background="@drawable/apply_cancel_bg"/>
+
+        <View
+            android:layout_width="2dp"
+            android:layout_height="56dp"
+            android:layout_gravity="center_vertical"
+            android:background="@color/apply_layout_separator_color"
+            android:layout_marginStart="31dp"
+            android:layout_marginEnd="31dp"/>
+
+        <ImageView
+            android:id="@+id/apply_apply"
+            android:layout_width="72dp"
+            android:layout_height="72dp"
+            android:layout_gravity="center_vertical"
+            android:clickable="true"
+            android:src="@drawable/ic_apply_apply"
+            android:scaleType="center"
+            android:background="@drawable/apply_cancel_bg"/>
+
+    </LinearLayout>
+
+</FrameLayout>
\ No newline at end of file
diff --git a/res/layout/fragment_pager_list.xml b/res/layout/fragment_pager_list.xml
index 818aaf9..aa1a1df 100644
--- a/res/layout/fragment_pager_list.xml
+++ b/res/layout/fragment_pager_list.xml
@@ -6,7 +6,7 @@
               android:layout_height="match_parent"
               android:paddingStart="@dimen/collapsed_theme_page_padding"
               android:paddingEnd="@dimen/collapsed_theme_page_padding">
-    <ScrollView android:id="@android:id/list"
+    <com.cyngn.theme.widget.LockableScrollView android:id="@android:id/list"
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
                 android:paddingTop="@dimen/collapsed_theme_page_padding_top"
@@ -42,6 +42,7 @@
                     <include layout="@layout/icon_card"/>
                     <include layout="@layout/navbar_card"/>
                 </LinearLayout>
+                <include layout="@layout/apply_theme_layout"/>
                 <ImageView
                     android:id="@+id/loading_view"
                     android:layout_width="match_parent"
@@ -154,5 +155,5 @@
                        android:layout_height="@*android:dimen/system_bar_height" />
             </LinearLayout>
         </LinearLayout>
-    </ScrollView>
+    </com.cyngn.theme.widget.LockableScrollView>
 </LinearLayout>
\ No newline at end of file
diff --git a/res/values/colors.xml b/res/values/colors.xml
index 038f0fb..7787938 100644
--- a/res/values/colors.xml
+++ b/res/values/colors.xml
@@ -50,4 +50,9 @@
     <color name="shop_themes_text_color">#01579b</color>
     <color name="shop_themes_divider_color">#b8b8b8</color>
 
+    <color name="apply_layout_background">#cd000000</color>
+    <color name="apply_layout_text_color">#ffffff</color>
+    <color name="apply_layout_separator_color">#ffffff</color>
+    <color name="apply_layout_button_bg_color">#66ffffff</color>
+
 </resources>
diff --git a/res/values/strings.xml b/res/values/strings.xml
index 590ba4f..bcbd084 100644
--- a/res/values/strings.xml
+++ b/res/values/strings.xml
@@ -56,4 +56,6 @@
 
     <string name="audible_title_none">None</string>
 
+    <string name="apply_theme_layout_title">Apply</string>
+
 </resources>