From 34dcd70a64f9a1b2ec7000516e863c449e972ec6 Mon Sep 17 00:00:00 2001
From: ericdecanini <eddecanini@gmail.com>
Date: Fri, 1 Apr 2022 15:15:12 +0200
Subject: [PATCH] Adds layout with seek bar to audio stub

---
 vector/src/main/res/drawable/bg_seek_bar.xml  | 21 +++++++++
 .../layout/item_timeline_event_audio_stub.xml | 45 +++++++++++++++++--
 2 files changed, 62 insertions(+), 4 deletions(-)
 create mode 100644 vector/src/main/res/drawable/bg_seek_bar.xml

diff --git a/vector/src/main/res/drawable/bg_seek_bar.xml b/vector/src/main/res/drawable/bg_seek_bar.xml
new file mode 100644
index 0000000000..0a33522dfd
--- /dev/null
+++ b/vector/src/main/res/drawable/bg_seek_bar.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape
+            android:shape="line">
+            <stroke
+                android:color="?vctr_content_quaternary"
+                android:width="2dp"/>
+        </shape>
+    </item>
+    <item android:id="@android:id/progress">
+        <clip>
+            <shape
+                android:shape="line">
+                <stroke
+                    android:color="?vctr_content_tertiary"
+                    android:width="2dp"/>
+            </shape>
+        </clip>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/vector/src/main/res/layout/item_timeline_event_audio_stub.xml b/vector/src/main/res/layout/item_timeline_event_audio_stub.xml
index a69afe4d9f..ee57046bf4 100644
--- a/vector/src/main/res/layout/item_timeline_event_audio_stub.xml
+++ b/vector/src/main/res/layout/item_timeline_event_audio_stub.xml
@@ -23,9 +23,10 @@
             android:backgroundTint="?android:colorBackground"
             android:contentDescription="@string/a11y_play_voice_message"
             android:src="@drawable/ic_play_pause_play"
+            android:layout_marginTop="10dp"
+            android:layout_marginStart="4dp"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintBottom_toBottomOf="parent"
             app:tint="?vctr_content_secondary" />
 
         <TextView
@@ -37,21 +38,57 @@
             android:autoLink="none"
             android:maxLines="1"
             android:ellipsize="end"
+            android:layout_marginTop="6dp"
             app:layout_constraintStart_toEndOf="@id/audioPlaybackControlButton"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintBottom_toTopOf="@id/audioPlaybackTime"
-            tools:text="A filename here that is really long that I dont even wanna even like ugh can I keep talkin like this eventually its gotta end right get ready get your psyche up mob" />
+            tools:text="Filename.mp3" />
 
         <TextView
             android:id="@+id/audioPlaybackTime"
-            style="@style/Widget.Vector.TextView.Body.Medium"
+            style="@style/Widget.Vector.TextView.Body"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:textColor="?vctr_content_secondary"
             app:layout_constraintStart_toStartOf="@id/messageFilenameView"
             app:layout_constraintTop_toBottomOf="@id/messageFilenameView"
+            tools:text="0:23" />
+
+        <TextView
+            android:id="@+id/fileSize"
+            style="@style/Widget.Vector.TextView.Body"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="?vctr_content_secondary"
+            android:layout_marginStart="4dp"
+            app:layout_constraintStart_toEndOf="@id/audioPlaybackTime"
+            app:layout_constraintBottom_toBottomOf="@id/audioPlaybackTime"
+            tools:text="(2MB)" />
+
+        <SeekBar
+            android:id="@+id/audioSeekBar"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:layout_marginBottom="10dp"
+            android:progressDrawable="@drawable/bg_seek_bar"
+            android:thumbTint="?vctr_content_tertiary"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toStartOf="@id/audioPlaybackDuration"
+            app:layout_constraintTop_toBottomOf="@id/audioPlaybackControlButton"
             app:layout_constraintBottom_toBottomOf="parent"
+            tools:progress="40" />
+
+        <TextView
+            android:id="@+id/audioPlaybackDuration"
+            style="@style/Widget.Vector.TextView.Body"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="?vctr_content_secondary"
+            android:layout_marginEnd="4dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@id/audioSeekBar"
+            app:layout_constraintBottom_toBottomOf="@id/audioSeekBar"
             tools:text="0:23" />
 
     </androidx.constraintlayout.widget.ConstraintLayout>