Adds period selection UI

1 files changed, 72 insertions, 40 deletions

diff --git a/androidApp/src/main/res/layout/unit_details_reports.xml b/androidApp/src/main/res/layout/unit_details_reports.xml
index f064a3f..d0c50e5 100644
--- a/androidApp/src/main/res/layout/unit_details_reports.xml
+++ b/androidApp/src/main/res/layout/unit_details_reports.xml
@@ -5,52 +5,84 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
-    <com.addisonelliott.segmentedbutton.SegmentedButtonGroup
-        android:id="@+id/reportType"
-        android:layout_width="0dp"
+    <LinearLayout
+        android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_margin="@dimen/margin"
-        app:borderWidth="1dp"
-        app:dividerPadding="10dp"
-        app:dividerWidth="1dp"
+        android:orientation="vertical"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:position="0"
-        app:radius="30dp"
-        app:ripple="true"
-        app:selectedBackground="@color/colorPrimary">
+        android:layout_margin="@dimen/margin">
 
-        <com.addisonelliott.segmentedbutton.SegmentedButton
-            android:layout_width="0dp"
+        <LinearLayout
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_weight="1"
-            android:padding="10dp"
-            app:drawableGravity="top"
-            app:selectedTextColor="@color/darkBackground"
-            app:text="@string/positions"
-            app:textColor="@color/colorPrimaryDark" />
-
-        <com.addisonelliott.segmentedbutton.SegmentedButton
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_weight="1"
-            android:padding="10dp"
-            app:drawableGravity="top"
-            app:selectedTextColor="@color/darkBackground"
-            app:text="@string/events"
-            app:textColor="@color/colorPrimaryDark" />
-
-        <com.addisonelliott.segmentedbutton.SegmentedButton
-            android:layout_width="0dp"
+            android:orientation="horizontal">
+
+            <TextView
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:text="@string/period"
+                android:textColor="@color/colorPrimaryDark"
+                android:textSize="22sp"
+                android:gravity="center_vertical"/>
+
+            <com.google.android.material.button.MaterialButton
+                android:id="@+id/periodButton"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/select_period"
+                android:textColor="@color/colorPrimaryDark"
+                app:backgroundTint="@color/darkBackground" />
+
+        </LinearLayout>
+
+        <com.addisonelliott.segmentedbutton.SegmentedButtonGroup
+            android:id="@+id/reportType"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_weight="1"
-            android:padding="10dp"
-            app:drawableGravity="top"
-            app:selectedTextColor="@color/darkBackground"
-            app:text="@string/stops"
-            app:textColor="@color/colorPrimaryDark" />
-
-    </com.addisonelliott.segmentedbutton.SegmentedButtonGroup>
+            android:layout_marginTop="@dimen/margin"
+            app:borderWidth="1dp"
+            app:dividerPadding="10dp"
+            app:dividerWidth="1dp"
+            app:position="0"
+            app:radius="30dp"
+            app:ripple="true"
+            app:selectedBackground="@color/colorPrimary">
+
+            <com.addisonelliott.segmentedbutton.SegmentedButton
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:padding="10dp"
+                app:drawableGravity="top"
+                app:selectedTextColor="@color/darkBackground"
+                app:text="@string/positions"
+                app:textColor="@color/colorPrimaryDark" />
+
+            <com.addisonelliott.segmentedbutton.SegmentedButton
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:padding="10dp"
+                app:drawableGravity="top"
+                app:selectedTextColor="@color/darkBackground"
+                app:text="@string/events"
+                app:textColor="@color/colorPrimaryDark" />
+
+            <com.addisonelliott.segmentedbutton.SegmentedButton
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:padding="10dp"
+                app:drawableGravity="top"
+                app:selectedTextColor="@color/darkBackground"
+                app:text="@string/stops"
+                app:textColor="@color/colorPrimaryDark" />
+
+        </com.addisonelliott.segmentedbutton.SegmentedButtonGroup>
+
+    </LinearLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file