[Settings] Add dual pane support for "About the device"

Signed-off-by: Muntashir Al-Islam <muntashirakon@riseup.net>

Author: MuntashirAkon

app/src/main/java/io/github/muntashirakon/AppManager/settings/AboutDeviceFragment.java

@@ -0,0 +1,62 @@
+// SPDX-License-Identifier: GPL-3.0-or-later
+
+package io.github.muntashirakon.AppManager.settings;
+
+import android.os.Build;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.core.widget.NestedScrollView;
+import androidx.fragment.app.Fragment;
+import androidx.lifecycle.ViewModelProvider;
+
+import io.github.muntashirakon.AppManager.R;
+import io.github.muntashirakon.AppManager.misc.DeviceInfo2;
+
+public class AboutDeviceFragment extends Fragment {
+    private MainPreferencesViewModel mModel;
+    private TextView mTextView;
+
+    @Override
+    public void onCreate(@Nullable Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        mModel = new ViewModelProvider(requireActivity()).get(MainPreferencesViewModel.class);
+    }
+
+    @Override
+    public void onStart() {
+        super.onStart();
+        requireActivity().setTitle(R.string.about_device);
+    }
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        NestedScrollView view = (NestedScrollView) inflater.inflate(io.github.muntashirakon.ui.R.layout.dialog_scrollable_text_view, container, false);
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+            view.setScrollIndicators(0);
+        }
+        ViewGroup.LayoutParams lp = view.getLayoutParams();
+        if (lp instanceof ViewGroup.MarginLayoutParams) {
+            ViewGroup.MarginLayoutParams mlp = (ViewGroup.MarginLayoutParams) lp;
+            mlp.topMargin = 0;
+            view.setLayoutParams(mlp);
+        }
+        view.setFitsSystemWindows(false);
+        return view;
+    }
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        mTextView = view.findViewById(android.R.id.content);
+        view.findViewById(android.R.id.checkbox).setVisibility(View.GONE);
+        mModel.getDeviceInfo().observe(getViewLifecycleOwner(), deviceInfo ->
+                mTextView.setText(deviceInfo.toLocalizedString(requireActivity())));
+        mModel.loadDeviceInfo(new DeviceInfo2(requireActivity()));
+    }
+}

app/src/main/java/io/github/muntashirakon/AppManager/settings/MainPreferences.java

@@ -3,8 +3,6 @@
 package io.github.muntashirakon.AppManager.settings;
 
 import android.os.Bundle;
-import android.view.View;
-import android.widget.TextView;
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
@@ -18,13 +16,11 @@
 import java.util.Map;
 
 import io.github.muntashirakon.AppManager.R;
-import io.github.muntashirakon.AppManager.misc.DeviceInfo2;
 import io.github.muntashirakon.AppManager.self.life.BuildExpiryChecker;
 import io.github.muntashirakon.AppManager.self.life.FundingCampaignChecker;
 import io.github.muntashirakon.AppManager.utils.LangUtils;
 import io.github.muntashirakon.AppManager.utils.UIUtils;
 import io.github.muntashirakon.AppManager.utils.appearance.AppearanceUtils;
-import io.github.muntashirakon.dialog.AlertDialogBuilder;
 import io.github.muntashirakon.dialog.SearchableSingleChoiceDialogBuilder;
 import io.github.muntashirakon.preference.InfoAlertPreference;
 import io.github.muntashirakon.preference.WarningAlertPreference;
@@ -99,11 +95,6 @@ public void onCreatePreferences(Bundle savedInstanceState, String rootKey) {
         // Mode of operation
         mModePref = requirePreference("mode_of_operations");
         mModes = getResources().getStringArray(R.array.modes);
-        // About device
-        requirePreference("about_device").setOnPreferenceClickListener(preference -> {
-            mModel.loadDeviceInfo(new DeviceInfo2(mActivity));
-            return true;
-        });
 
         mModel.getOperationCompletedLiveData().observe(requireActivity(), completed -> {
             if (requireActivity() instanceof SettingsActivity) {
@@ -113,19 +104,6 @@ public void onCreatePreferences(Bundle savedInstanceState, String rootKey) {
         });
     }
 
-    @Override
-    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
-        super.onViewCreated(view, savedInstanceState);
-        // Preference loaders
-        // Device info
-        mModel.getDeviceInfo().observe(getViewLifecycleOwner(), deviceInfo -> {
-            View v = View.inflate(mActivity, io.github.muntashirakon.ui.R.layout.dialog_scrollable_text_view, null);
-            ((TextView) v.findViewById(android.R.id.content)).setText(deviceInfo.toLocalizedString(mActivity));
-            v.findViewById(android.R.id.checkbox).setVisibility(View.GONE);
-            new AlertDialogBuilder(mActivity, true).setTitle(R.string.about_device).setView(v).show();
-        });
-    }
-
     @Override
     public void onStart() {
         super.onStart();

app/src/main/res/xml/preferences_main.xml

@@ -102,7 +102,8 @@
         app:key="about_device"
         app:icon="@drawable/ic_phone_android"
         app:title="@string/about_device"
-        app:summary="@string/pref_about_device_msg" />
+        app:summary="@string/pref_about_device_msg"
+        android:fragment="io.github.muntashirakon.AppManager.settings.AboutDeviceFragment" />
 
     <Preference
         app:key="about"