Radio Receive UI Updates

Author: consuelita

app/build.gradle

@@ -56,11 +56,11 @@ dependencies {
     implementation fileTree(dir: "libs", include: ["*.jar"])
 
     // Operator Libraries
-    implementation("com.github.OperatorFoundation:AudioCoderAndroid:84b22e4530") // Radio codec (WSPR) Library
+    implementation("com.github.OperatorFoundation:AudioCoderAndroid:v1.0.1") // Radio codec (WSPR) Library
     implementation("com.github.OperatorFoundation:TransmissionAndroid:v1.4.0") // Serial communications
     implementation("com.github.OperatorFoundation:ion-android:1.1.0") // Communication protocol
     implementation("com.github.OperatorFoundation:CodexKotlin:v1.0.1") // Message Encoding
-    implementation ("com.github.OperatorFoundation:SignalBridge:ee661b215c") // USBAudio Management
+    implementation ("com.github.OperatorFoundation:SignalBridge:v1.0.1") // USBAudio Management
 
     // 3rd party
     implementation 'com.github.mik3y:usb-serial-for-android:3.9.0'
@@ -90,6 +90,7 @@ dependencies {
 
     implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0'
     implementation 'com.github.joshjdevl.libsodiumjni:libsodium-jni-aar:2.0.2'
+    implementation 'androidx.core:core-animation:1.0.0'
 
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.1.5'

app/src/main/java/org/nahoft/Nahoft/fragments/ReceiveRadioBottomSheetFragment.kt

@@ -1,9 +1,14 @@
 package org.nahoft.Nahoft.fragments
 
+import android.animation.ObjectAnimator
+import android.graphics.PorterDuff
 import android.os.Bundle
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import android.view.animation.LinearInterpolator
+import androidx.core.animation.ValueAnimator
+import androidx.core.content.ContextCompat
 import com.google.android.material.bottomsheet.BottomSheetDialogFragment
 import kotlinx.coroutines.*
 import kotlinx.coroutines.flow.*
@@ -60,6 +65,19 @@ class ReceiveRadioBottomSheetFragment : BottomSheetDialogFragment()
     private var decodeAttempts = 0
     private var startTimeMs = 0L
 
+    // Animation tracking
+    private var currentAnimator: ObjectAnimator? = null
+
+    /**
+     * Animation types for state icon
+     */
+    private enum class AnimationType {
+        NONE,
+        PULSE,      // For listening states
+        ROTATE,     // For processing
+        SCALE       // For success
+    }
+
     // Configuration
     companion object {
         private const val TAG = "ReceiveRadioBottomSheet"
@@ -157,25 +175,136 @@ class ReceiveRadioBottomSheetFragment : BottomSheetDialogFragment()
     /**
      * Observes WSPR station state changes and updates UI.
      */
-    private suspend fun observeStationState() {
+    /**
+     * Observes WSPR station state changes and updates UI with icons and animations.
+     *
+     * State mappings:
+     * - Running: Green radio icon with pulse animation (listening actively)
+     * - WaitingForNextWindow: Grey clock icon, no animation (waiting for timing)
+     * - CollectingAudio: Green radio icon with pulse, shows audio level section
+     * - ProcessingAudio: Orange sync icon with rotation (working on decode)
+     * - DecodeCompleted: Green checkmark with scale animation (success!)
+     * - Error: Red error icon, no animation (something went wrong)
+     */
+    private suspend fun observeStationState()
+    {
         wsprStation?.stationState?.collect { state ->
-            val statusText = when (state) {
-                is WSPRStationState.Running -> getString(R.string.listening_for_signals)
-                is WSPRStationState.WaitingForNextWindow -> getString(R.string.waiting_for_wspr_window)
-                is WSPRStationState.CollectingAudio -> getString(R.string.collecting_audio)
-                is WSPRStationState.ProcessingAudio -> getString(R.string.processing_decode)
-                is WSPRStationState.DecodeCompleted -> getString(R.string.decode_complete)
-                is WSPRStationState.Error -> "Error: ${state.errorDescription}"
-                else -> state::class.simpleName ?: "Unknown"
+            when (state) {
+                is WSPRStationState.Running -> {
+                    updateStateIcon(R.drawable.ic_radio, R.color.caribbeanGreen, AnimationType.PULSE)
+                    updateStatus(getString(R.string.listening_for_signals))
+                }
+                is WSPRStationState.WaitingForNextWindow -> {
+                    updateStateIcon(R.drawable.ic_access_time, R.color.coolGrey, AnimationType.NONE)
+                    updateStatus(getString(R.string.waiting_for_wspr_window))
+                }
+                is WSPRStationState.CollectingAudio -> {
+                    updateStateIcon(R.drawable.ic_radio, R.color.caribbeanGreen, AnimationType.PULSE)
+                    updateStatus(getString(R.string.collecting_audio))
+                    // Show audio level section when actively collecting
+                    binding.audioLevelSection.visibility = View.VISIBLE
+                }
+                is WSPRStationState.ProcessingAudio -> {
+                    updateStateIcon(R.drawable.ic_sync, R.color.tangerine, AnimationType.ROTATE)
+                    updateStatus(getString(R.string.processing_decode))
+                }
+                is WSPRStationState.DecodeCompleted -> {
+                    updateStateIcon(R.drawable.ic_success, R.color.caribbeanGreen, AnimationType.SCALE)
+                    updateStatus(getString(R.string.decode_complete))
+                }
+                is WSPRStationState.Error -> {
+                    updateStateIcon(R.drawable.ic_error, R.color.madderLake, AnimationType.NONE)
+                    updateStatus("Error: ${state.errorDescription}")
+                }
+                else -> {
+                    updateStateIcon(R.drawable.ic_radio, R.color.coolGrey, AnimationType.NONE)
+                    updateStatus(state::class.simpleName ?: "Unknown")
+                }
             }
-            updateStatus(statusText)
         }
     }
 
+    /**
+     * Updates the state icon with color and animation
+     */
+    private fun updateStateIcon(iconRes: Int, colorRes: Int, animationType: AnimationType)
+    {
+        if (_binding == null) return
+
+        // Cancel any existing animation
+        currentAnimator?.cancel()
+        currentAnimator = null
+
+        // Reset transformations
+        binding.ivStateIcon.rotation = 0f
+        binding.ivStateIcon.scaleX = 1f
+        binding.ivStateIcon.scaleY = 1f
+        binding.ivStateIcon.alpha = 1f
+
+        // Set icon and color
+        binding.ivStateIcon.setImageResource(iconRes)
+        binding.ivStateIcon.setColorFilter(
+            ContextCompat.getColor(requireContext(), colorRes),
+            PorterDuff.Mode.SRC_IN
+        )
+
+        // Apply animation based on type
+        when (animationType) {
+            AnimationType.PULSE -> startPulseAnimation()
+            AnimationType.ROTATE -> startRotateAnimation()
+            AnimationType.SCALE -> startScaleAnimation()
+            AnimationType.NONE -> {} // No animation
+        }
+    }
+
+    /**
+     * Pulse animation for listening states
+     */
+    private fun startPulseAnimation()
+    {
+        currentAnimator = ObjectAnimator.ofFloat(binding.ivStateIcon, "alpha", 1f, 0.4f, 1f).apply {
+            duration = 2000
+            repeatCount = ValueAnimator.INFINITE
+            repeatMode = android.animation.ValueAnimator.RESTART
+            start()
+        }
+    }
+
+    /**
+     * Rotation animation for processing state
+     */
+    private fun startRotateAnimation()
+    {
+        currentAnimator = ObjectAnimator.ofFloat(binding.ivStateIcon, "rotation", 0f, 360f).apply {
+            duration = 1500
+            repeatCount = ValueAnimator.INFINITE
+            interpolator = LinearInterpolator()
+            start()
+        }
+    }
+
+    /**
+     * Scale animation for success (plays once)
+     */
+    private fun startScaleAnimation()
+    {
+        val scaleX = ObjectAnimator.ofFloat(binding.ivStateIcon, "scaleX", 0.8f, 1.2f, 1f).apply {
+            duration = 400
+        }
+        val scaleY = ObjectAnimator.ofFloat(binding.ivStateIcon, "scaleY", 0.8f, 1.2f, 1f).apply {
+            duration = 400
+        }
+
+        scaleX.start()
+        scaleY.start()
+        currentAnimator = scaleX // Track one for cleanup
+    }
+
     /**
      * Observes WSPR cycle timing information and updates progress UI.
      */
-    private suspend fun observeCycleInformation() {
+    private suspend fun observeCycleInformation()
+    {
         wsprStation?.cycleInformation?.collect { cycleInfo ->
             updateCycleProgress(cycleInfo)
         }
@@ -184,18 +313,18 @@ class ReceiveRadioBottomSheetFragment : BottomSheetDialogFragment()
     /**
      * Observes decode results and attempts message reconstruction/decryption.
      */
-    private suspend fun observeDecodeResults() {
+    private suspend fun observeDecodeResults()
+    {
         wsprStation?.decodeResults?.collect { results ->
-            if (results.isNotEmpty()) {
-                processDecodeResults(results)
-            }
+            if (results.isNotEmpty()) processDecodeResults(results)
         }
     }
 
     /**
      * Observes audio level from USB connection for visual feedback.
      */
-    private suspend fun observeAudioLevels() {
+    private suspend fun observeAudioLevels()
+    {
         usbAudioConnection?.getAudioLevel()?.collect { levelInfo ->
             val percent = (levelInfo.currentLevel * 100).toInt()
             binding.progressAudio.progress = percent
@@ -206,7 +335,8 @@ class ReceiveRadioBottomSheetFragment : BottomSheetDialogFragment()
     /**
      * Monitors for timeout condition.
      */
-    private suspend fun monitorTimeout() {
+    private suspend fun monitorTimeout()
+    {
         delay(TIMEOUT_MS)
 
         // If we get here without being cancelled, we timed out
@@ -224,7 +354,8 @@ class ReceiveRadioBottomSheetFragment : BottomSheetDialogFragment()
      * Filters for encoded Nahoft messages (Q prefix), accumulates them,
      * and attempts decryption.
      */
-    private fun processDecodeResults(results: List<WSPRDecodeResult>) {
+    private fun processDecodeResults(results: List<WSPRDecodeResult>)
+    {
         decodeAttempts++
         binding.tvDecodeAttempts.text = decodeAttempts.toString()
 
@@ -391,7 +522,7 @@ class ReceiveRadioBottomSheetFragment : BottomSheetDialogFragment()
     private fun cancelAndDismiss() {
         Timber.d("Receive operation cancelled")
         stopReceiving()
-        dismiss()
+        dismissAllowingStateLoss()
     }
 
     /**

app/src/main/java/org/nahoft/nahoft/activities/HomeActivity.kt

@@ -22,7 +22,6 @@ import android.widget.TextView
 import androidx.appcompat.app.AlertDialog
 import androidx.appcompat.app.AppCompatActivity
 import androidx.appcompat.view.ContextThemeWrapper
-import androidx.core.app.ActivityCompat
 import androidx.core.content.ContextCompat
 import androidx.core.view.isVisible
 import androidx.core.view.setPadding

app/src/main/res/drawable/ic_access_time.xml

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#FAFAFA" android:viewportHeight="960" android:viewportWidth="960" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M612,668L668,612L520,464L520,280L440,280L440,496L612,668ZM480,880Q397,880 324,848.5Q251,817 197,763Q143,709 111.5,636Q80,563 80,480Q80,397 111.5,324Q143,251 197,197Q251,143 324,111.5Q397,80 480,80Q563,80 636,111.5Q709,143 763,197Q817,251 848.5,324Q880,397 880,480Q880,563 848.5,636Q817,709 763,763Q709,817 636,848.5Q563,880 480,880ZM480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480ZM480,800Q613,800 706.5,706.5Q800,613 800,480Q800,347 706.5,253.5Q613,160 480,160Q347,160 253.5,253.5Q160,347 160,480Q160,613 253.5,706.5Q347,800 480,800Z"/>
+    
+</vector>

app/src/main/res/drawable/ic_error.xml

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#FAFAFA" android:viewportHeight="960" android:viewportWidth="960" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M480,680Q497,680 508.5,668.5Q520,657 520,640Q520,623 508.5,611.5Q497,600 480,600Q463,600 451.5,611.5Q440,623 440,640Q440,657 451.5,668.5Q463,680 480,680ZM440,520L520,520L520,280L440,280L440,520ZM480,880Q397,880 324,848.5Q251,817 197,763Q143,709 111.5,636Q80,563 80,480Q80,397 111.5,324Q143,251 197,197Q251,143 324,111.5Q397,80 480,80Q563,80 636,111.5Q709,143 763,197Q817,251 848.5,324Q880,397 880,480Q880,563 848.5,636Q817,709 763,763Q709,817 636,848.5Q563,880 480,880ZM480,800Q614,800 707,707Q800,614 800,480Q800,346 707,253Q614,160 480,160Q346,160 253,253Q160,346 160,480Q160,614 253,707Q346,800 480,800ZM480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Z"/>
+    
+</vector>

app/src/main/res/drawable/ic_message.xml

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:autoMirrored="true" android:height="24dp" android:tint="#FAFAFA" android:viewportHeight="960" android:viewportWidth="960" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M240,560L560,560L560,480L240,480L240,560ZM240,440L720,440L720,360L240,360L240,440ZM240,320L720,320L720,240L240,240L240,320ZM80,880L80,160Q80,127 103.5,103.5Q127,80 160,80L800,80Q833,80 856.5,103.5Q880,127 880,160L880,640Q880,673 856.5,696.5Q833,720 800,720L240,720L80,880ZM206,640L800,640Q800,640 800,640Q800,640 800,640L800,160Q800,160 800,160Q800,160 800,160L160,160Q160,160 160,160Q160,160 160,160L160,685L206,640ZM160,640L160,640L160,160Q160,160 160,160Q160,160 160,160L160,160Q160,160 160,160Q160,160 160,160L160,640Q160,640 160,640Q160,640 160,640Z"/>
+    
+</vector>

app/src/main/res/drawable/ic_radio.xml

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#FAFAFA" android:viewportHeight="960" android:viewportWidth="960" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M197,763Q143,708 111.5,635.5Q80,563 80,480Q80,396 111.5,323.5Q143,251 197,197L254,254Q210,298 185,356Q160,414 160,480Q160,547 185,605Q210,663 254,706L197,763ZM310,650Q278,617 259,573.5Q240,530 240,480Q240,429 259,385.5Q278,342 310,310L367,367Q345,389 332.5,418Q320,447 320,480Q320,513 332.5,542Q345,571 367,593L310,650ZM480,560Q447,560 423.5,536.5Q400,513 400,480Q400,447 423.5,423.5Q447,400 480,400Q513,400 536.5,423.5Q560,447 560,480Q560,513 536.5,536.5Q513,560 480,560ZM650,650L593,593Q615,571 627.5,542Q640,513 640,480Q640,447 627.5,418Q615,389 593,367L650,310Q682,342 701,385.5Q720,429 720,480Q720,530 701,573.5Q682,617 650,650ZM763,763L706,706Q750,662 775,604Q800,546 800,480Q800,413 775,355Q750,297 706,254L763,197Q817,251 848.5,323.5Q880,396 880,480Q880,563 848.5,635.5Q817,708 763,763Z"/>
+    
+</vector>

app/src/main/res/drawable/ic_success.xml

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#FAFAFA" android:viewportHeight="960" android:viewportWidth="960" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M424,664L706,382L650,326L424,552L310,438L254,494L424,664ZM480,880Q397,880 324,848.5Q251,817 197,763Q143,709 111.5,636Q80,563 80,480Q80,397 111.5,324Q143,251 197,197Q251,143 324,111.5Q397,80 480,80Q563,80 636,111.5Q709,143 763,197Q817,251 848.5,324Q880,397 880,480Q880,563 848.5,636Q817,709 763,763Q709,817 636,848.5Q563,880 480,880ZM480,800Q614,800 707,707Q800,614 800,480Q800,346 707,253Q614,160 480,160Q346,160 253,253Q160,346 160,480Q160,614 253,707Q346,800 480,800ZM480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Z"/>
+    
+</vector>

app/src/main/res/drawable/ic_sync.xml

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#FAFAFA" android:viewportHeight="960" android:viewportWidth="960" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M212,721Q169,673 144.5,611Q120,549 120,480Q120,330 225,225Q330,120 480,120L480,40L680,190L480,340L480,260Q389,260 324.5,324.5Q260,389 260,480Q260,526 277.5,566Q295,606 325,636L212,721ZM480,920L280,770L480,620L480,700Q571,700 635.5,635.5Q700,571 700,480Q700,434 682.5,394Q665,354 635,324L748,239Q791,287 815.5,349Q840,411 840,480Q840,630 735,735Q630,840 480,840L480,920Z"/>
+    
+</vector>

app/src/main/res/drawable/ic_timer.xml

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#FAFAFA" android:viewportHeight="960" android:viewportWidth="960" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M480,840Q406,840 340.5,811.5Q275,783 226,734Q177,685 148.5,619.5Q120,554 120,480Q120,436 130,394.5Q140,353 159,316.5Q178,280 204.5,248.5Q231,217 264,192L536,464L480,520L264,304Q234,340 217,384.5Q200,429 200,480Q200,596 282,678Q364,760 480,760Q596,760 678,678Q760,596 760,480Q760,373 691.5,295.5Q623,218 520,204L520,280L440,280L440,120Q450,120 460,120Q470,120 480,120Q554,120 619.5,148.5Q685,177 734,226Q783,275 811.5,340.5Q840,406 840,480Q840,554 811.5,619.5Q783,685 734,734Q685,783 619.5,811.5Q554,840 480,840ZM280,520Q263,520 251.5,508.5Q240,497 240,480Q240,463 251.5,451.5Q263,440 280,440Q297,440 308.5,451.5Q320,463 320,480Q320,497 308.5,508.5Q297,520 280,520ZM480,720Q463,720 451.5,708.5Q440,697 440,680Q440,663 451.5,651.5Q463,640 480,640Q497,640 508.5,651.5Q520,663 520,680Q520,697 508.5,708.5Q497,720 480,720ZM680,520Q663,520 651.5,508.5Q640,497 640,480Q640,463 651.5,451.5Q663,440 680,440Q697,440 708.5,451.5Q720,463 720,480Q720,497 708.5,508.5Q697,520 680,520Z"/>
+    
+</vector>