tv: add ugly deletion mode

Signed-off-by: Jason A. Donenfeld <Jason@zx2c4.com>

ui/src/main/java/com/wireguard/android/activity/TvMainActivity.kt

@@ -13,6 +13,7 @@ import androidx.activity.result.contract.ActivityResultContracts
 import androidx.appcompat.app.AppCompatActivity
 import androidx.core.view.forEach
 import androidx.databinding.DataBindingUtil
+import androidx.databinding.ObservableBoolean
 import androidx.lifecycle.lifecycleScope
 import com.wireguard.android.Application
 import com.wireguard.android.R
@@ -65,10 +66,23 @@ class TvMainActivity : AppCompatActivity() {
         super.onCreate(savedInstanceState)
         binding = TvActivityBinding.inflate(layoutInflater)
         lifecycleScope.launch { binding.tunnels = Application.getTunnelManager().getTunnels() }
+        val isDeleting = ObservableBoolean()
+        binding.isDeleting = isDeleting
         binding.rowConfigurationHandler = object : ObservableKeyedRecyclerViewAdapter.RowConfigurationHandler<TvTunnelListItemBinding, ObservableTunnel> {
             override fun onConfigureRow(binding: TvTunnelListItemBinding, item: ObservableTunnel, position: Int) {
-                binding.root.setOnClickListener() {
+                binding.isDeleting = isDeleting
+                binding.root.setOnClickListener {
                     lifecycleScope.launch {
+                        if (isDeleting.get()) {
+                            try {
+                                item.deleteAsync()
+                            } catch (e: Throwable) {
+                                val error = ErrorMessages[e]
+                                val message = getString(R.string.config_delete_error, error)
+                                Toast.makeText(this@TvMainActivity, message, Toast.LENGTH_LONG).show()
+                                Log.e(TAG, message, e)
+                            }
+                        } else {
                             if (Application.getBackend() is GoBackend) {
                                 val intent = GoBackend.VpnService.prepare(binding.root.context)
                                 if (intent != null) {
@@ -82,9 +96,13 @@ class TvMainActivity : AppCompatActivity() {
                     }
                 }
             }
+        }
         binding.importButton.setOnClickListener {
             tunnelFileImportResultLauncher.launch("*/*")
         }
+        binding.deleteButton.setOnClickListener {
+            isDeleting.set(!isDeleting.get())
+        }
         binding.executePendingBindings()
         setContentView(binding.root)
 

ui/src/main/res/layout/tv_activity.xml

@@ -4,9 +4,14 @@
     xmlns:tools="http://schemas.android.com/tools">
 
     <data>
+        <import type="android.view.View" />
 
         <import type="com.wireguard.android.model.ObservableTunnel" />
 
+        <variable
+            name="isDeleting"
+            type="androidx.databinding.ObservableBoolean" />
+
         <variable
             name="tunnels"
             type="com.wireguard.android.databinding.ObservableKeyedArrayList&lt;String, ObservableTunnel&gt;" />
@@ -43,8 +48,20 @@
             android:layout_height="wrap_content"
             android:layout_margin="16dp"
             android:text="@string/create_from_file"
+            android:visibility="@{isDeleting ? View.GONE : View.VISIBLE}"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent" />
 
+        <!-- TODO: Text should probably be a drawable, right? -->
+        <com.google.android.material.button.MaterialButton
+            android:id="@+id/delete_button"
+            style="?attr/textAppearanceButton"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_margin="16dp"
+            android:text="@{isDeleting ? &quot;⏎&quot; : &quot;🗑&quot;}"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>

ui/src/main/res/layout/tv_tunnel_list_item.xml

@@ -5,10 +5,16 @@
 
     <data>
 
+        <import type="android.view.View" />
+
         <import type="com.wireguard.android.model.ObservableTunnel" />
 
         <import type="com.wireguard.android.backend.Tunnel.State" />
 
+        <variable
+            name="isDeleting"
+            type="androidx.databinding.ObservableBoolean" />
+
         <variable
             name="key"
             type="String" />
@@ -18,15 +24,16 @@
             type="com.wireguard.android.model.ObservableTunnel" />
     </data>
 
+    <!-- Rather than changing the background tint to red for deleting mode, it should instead just change the selection color -->
     <com.google.android.material.card.MaterialCardView
         android:layout_width="300dp"
         android:layout_height="150dp"
         android:layout_marginStart="8dp"
         android:layout_marginEnd="8dp"
-        app:cardCornerRadius="12dp"
+        android:backgroundTint="@{isDeleting ? @color/error_tag_color : item.state == State.UP ? @color/secondary_light_color : @color/primary_color}"
         android:checkable="true"
         android:focusable="true"
-        android:backgroundTint="@{item.state == State.UP ? @color/secondary_light_color : @color/primary_color}">
+        app:cardCornerRadius="12dp">
 
         <androidx.constraintlayout.widget.ConstraintLayout
             android:layout_width="match_parent"
@@ -46,10 +53,21 @@
                 android:id="@+id/tunnel_transfer"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
+                android:visibility="@{isDeleting ? View.GONE : View.VISIBLE}"
                 app:layout_constraintBottom_toBottomOf="parent"
                 app:layout_constraintStart_toStartOf="parent"
                 tools:text="rx: 200 MB, tx: 100 MB" />
 
+            <!-- TODO: replace the "&amp;&amp; true" stuff with && isSelected() -->
+            <com.google.android.material.textview.MaterialTextView
+                android:id="@+id/tunnel_delete"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/tv_delete"
+                android:visibility="@{isDeleting &amp;&amp; true ? View.VISIBLE : View.GONE}"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toStartOf="parent" />
+
         </androidx.constraintlayout.widget.ConstraintLayout>
 
     </com.google.android.material.card.MaterialCardView>

ui/src/main/res/values/strings.xml

@@ -101,6 +101,7 @@
     <string name="dark_theme_summary_on">Currently using dark (night) theme</string>
     <string name="dark_theme_title">Use dark theme</string>
     <string name="delete">Delete</string>
+    <string name="tv_delete">Select tunnel to delete</string>
     <string name="disable_config_export_title">Disable config exporting</string>
     <string name="disable_config_export_description">Disabling config exporting makes private keys less accessible</string>
     <string name="dns_servers">DNS servers</string>