Create a new Data Saver settings page that adds the site breakdown

chrome/android/java/res/layout/data_usage_breakdown.xml

Index: chrome/android/java/res/layout/data_usage_breakdown.xml
diff --git a/chrome/android/java/res/layout/data_usage_breakdown.xml b/chrome/android/java/res/layout/data_usage_breakdown.xml
new file mode 100644
index 0000000000000000000000000000000000000000..7424c74532e1beacdc023333bda77b709ff097a0
--- /dev/null
+++ b/chrome/android/java/res/layout/data_usage_breakdown.xml
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright 2017 The Chromium Authors. All rights reserved.
+     Use of this source code is governed by a BSD-style license that can be
+     found in the LICENSE file. -->
+
+<org.chromium.chrome.browser.preferences.datareduction.DataReductionSiteBreakdownView
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:settings="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/breakdown"
+    android:layout_height="wrap_content"
+    android:layout_width="match_parent"
+    android:orientation="vertical"
+    android:visibility="gone">
+
+    <TextView
+        android:id="@+id/data_reduction_data_usage_breakdown_title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="26dp"
+        android:paddingBottom="10dp"
+        android:singleLine="true"
+        android:text="@string/data_reduction_data_usage_breakdown_title"
+        android:textAppearance="@style/PreferenceCategoryTextStyle" />
+
+    <TableLayout
+        android:id="@+id/data_reduction_proxy_breakdown_table"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:divider="?android:attr/dividerHorizontal"
+        android:showDividers="middle"
+        android:stretchColumns="0">
+
+        <TableRow
+            android:id="@+id/data_reduction_proxy_breakdown_table_labels"
+            android:layout_height="wrap_content"
+            android:layout_width="match_parent"
+            android:orientation="horizontal">
+
+            <TextView
+                android:text="@string/data_reduction_breakdown_site_title"
+                android:layout_width="0dp"
+                android:layout_weight="1"
+                android:textColor="?android:attr/textColorSecondary"
+                style="@style/DataUsageBreakdownColumnLabel" />
+
+            <TextView
+                android:text="@string/data_reduction_breakdown_used_title"
+                android:layout_width="wrap_content"
+                android:gravity="end"
+                android:paddingStart="10dp"
+                android:textColor="?android:attr/textColorPrimary"
+                style="@style/DataUsageBreakdownColumnLabel" />
+
+            <TextView
+                android:text="@string/data_reduction_breakdown_saved_title"
+                android:layout_width="wrap_content"
+                android:gravity="end"
+                android:paddingStart="24dp"
+                android:textColor="?android:attr/textColorSecondary"
+                style="@style/DataUsageBreakdownColumnLabel" />
+
+        </TableRow>
+
+    </TableLayout>
+
+    <Button
+        android:id="@+id/data_reduction_reset_statistics"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:layout_marginTop="24dp"
+        android:text="@string/data_reduction_usage_reset_statistics_button"
+        android:textAllCaps="true"
+        android:textColor="@color/light_active_color"
+        android:textSize="16sp"

[gone, 2017/04/07 20:21:58]

The mock says to use 14sp here.  Check the sidebar when you click the button in
the mock.

[megjablon, 2017/04/08 01:52:57]

Done.

+        style="@style/ButtonCompatBorderless" />
+
+</org.chromium.chrome.browser.preferences.datareduction.DataReductionSiteBreakdownView>