diff options
author | jacquarg <guillaume.jacquart@hoodbrains.com> | 2022-04-05 18:53:40 +0200 |
---|---|---|
committer | jacquarg <guillaume.jacquart@hoodbrains.com> | 2022-04-05 18:53:58 +0200 |
commit | bdf9198bb069f2ab9619cb4d3a85f5c2cbf9f0cd (patch) | |
tree | a1c5a0410e9392d01647301b56e9549fc934fff5 /app/src/main/res/layout | |
parent | 250da848583f1fbd2d6658339fc758d22c67e938 (diff) |
5217 - Display blocked trackers, 5216 : add leaks in tooltips
Diffstat (limited to 'app/src/main/res/layout')
-rw-r--r-- | app/src/main/res/layout/fragment_dashboard.xml | 49 | ||||
-rw-r--r-- | app/src/main/res/layout/trackers_item_graph.xml | 49 | ||||
-rw-r--r-- | app/src/main/res/layout/widget.xml | 522 |
3 files changed, 516 insertions, 104 deletions
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" |