From 4f06542d73142b71208e7f1fd4f94a0d5e656273 Mon Sep 17 00:00:00 2001
From: Hanna Truong <u7735208@anu.edu.au>
Date: Tue, 22 Oct 2024 00:01:03 +1100
Subject: [PATCH] UI design for legend to explain the colors of the nearby pins

---
 .../res/layout/fragment_nearby_parent.xml     | 27 +++++++
 app/src/main/res/layout/nearby_legend.xml     | 74 +++++++++++++++++++
 2 files changed, 101 insertions(+)
 create mode 100644 app/src/main/res/layout/nearby_legend.xml

diff --git a/app/src/main/res/layout/fragment_nearby_parent.xml b/app/src/main/res/layout/fragment_nearby_parent.xml
index e5002fe11..e1d82e6e7 100644
--- a/app/src/main/res/layout/fragment_nearby_parent.xml
+++ b/app/src/main/res/layout/fragment_nearby_parent.xml
@@ -124,6 +124,33 @@
           app:srcCompat="@drawable/ic_my_location_black_24dp"
           app:useCompatPadding="true" />
 
+        <com.google.android.material.floatingactionbutton.FloatingActionButton
+          android:id="@+id/fab_legend"
+          android:layout_width="wrap_content"
+          android:layout_height="wrap_content"
+          android:layout_below="@id/fab_recenter"
+          android:layout_alignParentEnd="true"
+          android:layout_alignParentRight="true"
+          android:clickable="true"
+          android:visibility="visible"
+          app:backgroundTint="@color/main_background_light"
+          app:elevation="@dimen/dimen_6"
+          app:fabSize="normal"
+          app:layout_anchorGravity="top|right|end"
+          app:srcCompat="@drawable/ic_info_outline_24dp"
+          app:useCompatPadding="true" />
+
+        <include
+          android:id="@+id/nearby_legend_layout"
+          layout="@layout/nearby_legend"
+          android:layout_width="wrap_content"
+          android:layout_height="wrap_content"
+          android:layout_below="@id/rl_container_wlm_month_message"
+          android:visibility="gone"
+          android:layout_marginTop="30dp"
+          android:layout_marginStart="5dp"
+          />
+
       </RelativeLayout>
 
       <FrameLayout
diff --git a/app/src/main/res/layout/nearby_legend.xml b/app/src/main/res/layout/nearby_legend.xml
new file mode 100644
index 000000000..384bbbfd6
--- /dev/null
+++ b/app/src/main/res/layout/nearby_legend.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content"
+  android:layout_height="wrap_content"
+  android:background="#BFFFFFFF"
+  android:orientation="vertical">
+
+  <ImageView
+    android:id="@+id/imageRed"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginBottom="0dp"
+    app:layout_constraintBottom_toTopOf="@+id/imageGreen"
+    app:layout_constraintEnd_toEndOf="@+id/imageGreen"
+    app:layout_constraintStart_toStartOf="@+id/imageGreen"
+    app:srcCompat="@drawable/ic_custom_map_marker_red" />
+
+  <TextView
+    android:id="@+id/textRed"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginStart="0dp"
+    android:text="There is a Wikidata item here with no picture yet."
+    android:textColor="#F74D4D"
+    android:textSize="12sp"
+    app:layout_constraintBottom_toBottomOf="@+id/imageRed"
+    app:layout_constraintStart_toEndOf="@+id/imageRed"
+    app:layout_constraintTop_toTopOf="@+id/imageRed" />
+
+  <ImageView
+    android:id="@+id/imageGreen"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginBottom="0dp"
+    app:layout_constraintBottom_toTopOf="@+id/imageGrey"
+    app:layout_constraintEnd_toEndOf="@+id/imageGrey"
+    app:layout_constraintStart_toStartOf="@+id/imageGrey"
+    app:srcCompat="@drawable/ic_custom_map_marker_green" />
+
+  <TextView
+    android:id="@+id/textGreen"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginStart="0dp"
+    android:text="There is a Wikidata item with a picture here."
+    android:textColor="#1F7123"
+    android:textSize="12sp"
+    app:layout_constraintBottom_toBottomOf="@+id/imageGreen"
+    app:layout_constraintStart_toEndOf="@+id/imageGreen"
+    app:layout_constraintTop_toTopOf="@+id/imageGreen" />
+
+  <ImageView
+    android:id="@+id/imageGrey"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginStart="0dp"
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintStart_toStartOf="parent"
+    app:srcCompat="@drawable/ic_custom_map_marker_grey" />
+
+  <TextView
+    android:id="@+id/textGrey"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:text="The app is checking if the Wikidata item here has a picture."
+    android:textColor="#454547"
+    android:textSize="12sp"
+    app:layout_constraintBottom_toBottomOf="@+id/imageGrey"
+    app:layout_constraintStart_toEndOf="@+id/imageGrey"
+    app:layout_constraintTop_toTopOf="@+id/imageGrey" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>