From bdf9198bb069f2ab9619cb4d3a85f5c2cbf9f0cd Mon Sep 17 00:00:00 2001
From: jacquarg <guillaume.jacquart@hoodbrains.com>
Date: Tue, 5 Apr 2022 18:53:40 +0200
Subject: 5217 - Display blocked trackers, 5216 : add leaks in tooltips

---
 app/src/main/res/layout/fragment_dashboard.xml  |  49 +++
 app/src/main/res/layout/trackers_item_graph.xml |  49 +++
 app/src/main/res/layout/widget.xml              | 522 +++++++++++++++++++-----
 3 files changed, 516 insertions(+), 104 deletions(-)

(limited to 'app/src/main/res/layout')

diff --git a/app/src/main/res/layout/fragment_dashboard.xml b/app/src/main/res/layout/fragment_dashboard.xml
index 53ec617..ff64733 100644
--- a/app/src/main/res/layout/fragment_dashboard.xml
+++ b/app/src/main/res/layout/fragment_dashboard.xml
@@ -188,6 +188,55 @@ android:text="@string/dashboard_state_ipaddress_off"
                     app:layout_constraintLeft_toLeftOf="parent"
                     app:layout_constraintTop_toBottomOf="@+id/graph"
                     />
+
+                <View
+                    android:id="@+id/graph_legend_blocked_icon"
+                    android:layout_width="16dp"
+                    android:layout_height="16dp"
+                    android:padding="1dp"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/graph_legend"
+                    android:layout_marginTop="8dp"
+                    android:layout_marginStart="16dp"
+                    android:background="@drawable/ic_legend_blocked"
+                    />
+                <TextView
+                    android:id="@+id/graph_legend_blocked"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    tools:text="0 Trackers"
+                    android:layout_marginStart="8dp"
+                    android:textSize="12sp"
+                    app:layout_constraintLeft_toRightOf="@+id/graph_legend_blocked_icon"
+                    app:layout_constraintBottom_toBottomOf="@+id/graph_legend_blocked_icon"
+                    android:layout_marginTop="8dp"
+                    android:text="@string/graph_legend_blocked"
+                    />
+
+                <View
+                    android:id="@+id/graph_legend_allowed_icon"
+                    android:layout_width="16dp"
+                    android:layout_height="16dp"
+                    android:padding="1dp"
+                    app:layout_constraintLeft_toRightOf="@+id/graph_legend_blocked"
+                    app:layout_constraintBottom_toBottomOf="@+id/graph_legend_blocked_icon"
+                    android:layout_marginTop="8dp"
+                    android:layout_marginStart="32dp"
+                    android:background="@drawable/ic_legend_leaked"
+                    />
+                <TextView
+                    android:id="@+id/graph_legend_allowed"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    tools:text="0 Trackers"
+                    android:layout_marginStart="8dp"
+                    android:textSize="12sp"
+                    app:layout_constraintLeft_toRightOf="@+id/graph_legend_allowed_icon"
+                    app:layout_constraintBottom_toBottomOf="@+id/graph_legend_blocked_icon"
+                    android:layout_marginTop="8dp"
+                    android:text="@string/graph_legend_allowed"
+                    />
+
                 <TextView
                     android:id="@+id/graph_empty"
                     android:layout_width="match_parent"
diff --git a/app/src/main/res/layout/trackers_item_graph.xml b/app/src/main/res/layout/trackers_item_graph.xml
index 5cc2d98..933b96c 100644
--- a/app/src/main/res/layout/trackers_item_graph.xml
+++ b/app/src/main/res/layout/trackers_item_graph.xml
@@ -55,6 +55,55 @@
             android:layout_width="match_parent"
             app:layout_constraintTop_toBottomOf="@+id/graph_period_label"
             />
+
+        <View
+            android:id="@+id/graph_legend_blocked_icon"
+            android:layout_width="16dp"
+            android:layout_height="16dp"
+            android:padding="1dp"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/graph"
+            android:layout_marginTop="8dp"
+            android:layout_marginStart="16dp"
+            android:background="@drawable/ic_legend_blocked"
+            />
+        <TextView
+            android:id="@+id/graph_legend_blocked"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            tools:text="0 Trackers"
+            android:layout_marginStart="8dp"
+            android:textSize="12sp"
+            app:layout_constraintLeft_toRightOf="@+id/graph_legend_blocked_icon"
+            app:layout_constraintBottom_toBottomOf="@+id/graph_legend_blocked_icon"
+            android:layout_marginTop="8dp"
+            android:text="@string/graph_legend_blocked"
+            />
+
+        <View
+            android:id="@+id/graph_legend_allowed_icon"
+            android:layout_width="16dp"
+            android:layout_height="16dp"
+            android:padding="1dp"
+            app:layout_constraintLeft_toRightOf="@+id/graph_legend_blocked"
+            app:layout_constraintBottom_toBottomOf="@+id/graph_legend_blocked_icon"
+            android:layout_marginTop="8dp"
+            android:layout_marginStart="32dp"
+            android:background="@drawable/ic_legend_leaked"
+            />
+        <TextView
+            android:id="@+id/graph_legend_allowed"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            tools:text="0 Trackers"
+            android:layout_marginStart="8dp"
+            android:textSize="12sp"
+            app:layout_constraintLeft_toRightOf="@+id/graph_legend_allowed_icon"
+            app:layout_constraintBottom_toBottomOf="@+id/graph_legend_blocked_icon"
+            android:layout_marginTop="8dp"
+            android:text="@string/graph_legend_allowed"
+            />
+
         <TextView
             android:id="@+id/graph_empty"
             android:layout_width="match_parent"
diff --git a/app/src/main/res/layout/widget.xml b/app/src/main/res/layout/widget.xml
index dc3ac16..ae5bfe7 100644
--- a/app/src/main/res/layout/widget.xml
+++ b/app/src/main/res/layout/widget.xml
@@ -178,205 +178,471 @@
         android:layout_marginHorizontal="24dp"
         android:layout_height="26dp"
         >
-        <ImageView
-            android:id="@+id/widget_graph_bar_0"
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_1"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_0"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_0"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_2"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_1"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_1"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_3"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_2"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_2"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_4"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_3"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_3"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_5"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_4"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_4"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_6"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_5"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_5"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_7"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_6"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_6"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_8"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_7"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_7"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_9"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_8"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_8"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_10"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_9"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_9"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_11"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_10"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_10"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_12"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_11"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_11"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_13"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_12"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_12"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_14"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_13"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_13"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_15"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_14"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_14"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_16"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_15"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_15"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_17"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_16"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_16"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_18"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_17"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_17"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_19"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_18"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_18"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_20"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_19"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_19"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_21"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_20"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_20"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_22"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_21"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_21"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
             android:layout_marginRight="1.5dp"
-            />
-        <ImageView
-            android:id="@+id/widget_graph_bar_23"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_22"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_22"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
+        <FrameLayout
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="match_parent"
-            android:src="@color/accent"
-            />
-    </LinearLayout>
+            android:layout_marginRight="1.5dp"
+            >
+            <ImageView
+                android:id="@+id/widget_leaked_graph_bar_23"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/red_off"
+                />
+            <ImageView
+                android:id="@+id/widget_graph_bar_23"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@color/accent"
+                />
+        </FrameLayout>
 
-<!--    <com.github.mikephil.charting.charts.BarChart-->
-<!--        android:id="@+id/graph"-->
-<!--        android:layout_height="144dp"-->
-<!--        android:layout_width="match_parent"-->
-<!--        android:layout_marginHorizontal="24dp"-->
-<!--        />-->
+    </LinearLayout>
 
     <TextView
         android:id="@+id/graph_legend"
@@ -387,9 +653,57 @@
         android:textColor="@color/on_primary_high_emphasis"
         android:layout_marginTop="16dp"
         android:layout_marginHorizontal="24dp"
-        android:layout_marginBottom="24dp"
         />
 
+    <LinearLayout
+        android:id="@+id/graph_legend_values"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:layout_marginTop="16dp"
+        android:layout_marginHorizontal="24dp"
+        android:layout_marginBottom="24dp"
+        >
+
+        <ImageView
+            android:id="@+id/graph_legend_blocked_icon"
+            android:layout_width="16dp"
+            android:layout_height="16dp"
+            android:padding="1dp"
+            android:src="@drawable/ic_legend_blocked"
+            />
+        <TextView
+            android:id="@+id/graph_legend_blocked"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            tools:text="0 Trackers"
+            android:textColor="@color/on_primary_medium_emphasis"
+            android:layout_marginStart="8dp"
+            android:textSize="12sp"
+            android:text="@string/graph_legend_blocked"
+            />
+
+        <ImageView
+            android:id="@+id/graph_legend_allowed_icon"
+            android:layout_width="16dp"
+            android:layout_height="16dp"
+            android:padding="1dp"
+            android:layout_marginStart="32dp"
+            android:src="@drawable/ic_legend_leaked"
+            />
+
+        <TextView
+            android:id="@+id/graph_legend_allowed"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            tools:text="0 Trackers"
+            android:textColor="@color/on_primary_medium_emphasis"
+            android:layout_marginStart="8dp"
+            android:textSize="12sp"
+            android:text="@string/graph_legend_allowed"
+            />
+    </LinearLayout>
+
     <TextView
         android:id="@+id/graph_empty"
         android:layout_width="match_parent"
-- 
cgit v1.2.1