(fix) disable audio play if message selected

Author: antoine92190

src/lib/Message/AudioPlayer/AudioControl/AudioControl.vue

@@ -22,7 +22,8 @@
 <script>
 export default {
 	props: {
-		percentage: { type: Number, default: 0 }
+		percentage: { type: Number, default: 0 },
+		messageSelectionEnabled: { type: Boolean, required: true }
 	},
 
 	emits: ['hover-audio-progress', 'change-linehead'],
@@ -35,20 +36,26 @@ export default {
 
 	methods: {
 		onMouseDown(ev) {
+			if (this.messageSelectionEnabled) return
+
 			this.isMouseDown = true
 			const seekPos = this.calculateLineHeadPosition(ev, this.$refs.progress)
 			this.$emit('change-linehead', seekPos)
 			document.addEventListener('mousemove', this.onMouseMove)
 			document.addEventListener('mouseup', this.onMouseUp)
 		},
 		onMouseUp(ev) {
+			if (this.messageSelectionEnabled) return
+
 			this.isMouseDown = false
 			document.removeEventListener('mouseup', this.onMouseUp)
 			document.removeEventListener('mousemove', this.onMouseMove)
 			const seekPos = this.calculateLineHeadPosition(ev, this.$refs.progress)
 			this.$emit('change-linehead', seekPos)
 		},
 		onMouseMove(ev) {
+			if (this.messageSelectionEnabled) return
+
 			const seekPos = this.calculateLineHeadPosition(ev, this.$refs.progress)
 			this.$emit('change-linehead', seekPos)
 		},

src/lib/Message/AudioPlayer/AudioPlayer.vue

@@ -11,6 +11,7 @@
 			</div>
 			<audio-control
 				:percentage="progress"
+				:message-selection-enabled="messageSelectionEnabled"
 				@change-linehead="onUpdateProgress"
 				@hover-audio-progress="$emit('hover-audio-progress', $event)"
 			/>
@@ -34,7 +35,8 @@ export default {
 
 	props: {
 		messageId: { type: [String, Number], default: null },
-		src: { type: String, default: null }
+		src: { type: String, default: null },
+		messageSelectionEnabled: { type: Boolean, required: true }
 	},
 
 	emits: ['hover-audio-progress', 'update-progress-time'],
@@ -80,7 +82,7 @@ export default {
 			return new Date(seconds * 1000).toISOString().substr(14, 5)
 		},
 		playback() {
-			if (!this.audioSource) return
+			if (this.messageSelectionEnabled || !this.audioSource) return
 
 			if (this.isPlaying) this.player.pause()
 			else setTimeout(() => this.player.play())

src/lib/Message/Message.vue

@@ -117,6 +117,7 @@
 							<audio-player
 								:message-id="message._id"
 								:src="message.files[0].url"
+								:message-selection-enabled="messageSelectionEnabled"
 								@update-progress-time="progressTime = $event"
 								@hover-audio-progress="hoverAudioProgress = $event"
 							>