Fixed tracklistTab not working

public/index.html

@@ -520,6 +520,7 @@ <h2><span v-if="metadata">{{ metadata }}</span><span v-if="release_date">{{ rele
 								<thead>
 									<tr>
 										<th v-for="data in head" v-html="data.title"></th>
+										<th><input v-on:click="toggleAll(event)" class="selectAll" type="checkbox"></th>
 									</tr>
 								</thead>
 								<tbody>
@@ -589,4 +590,4 @@ <h2><span v-if="metadata">{{ metadata }}</span><span v-if="release_date">{{ rele
 
 	<script type="module" src="/public/js/app.js"></script>
 
-</html>
+</html>

public/js/app.js

@@ -365,6 +365,17 @@ var tracklistTab = new Vue({
 				})
 			}
 			return selected.join(';')
+		},
+		convertDuration(duration) {
+			//convert from seconds only to mm:ss format
+			let mm, ss
+			mm = Math.floor(duration / 60)
+			ss = duration - mm * 60
+			//add leading zero if ss < 0
+			if (ss < 10) {
+				ss = '0' + ss
+			}
+			return mm + ':' + ss
 		}
 	}
 })
@@ -446,11 +457,7 @@ socket.on('show_album', function (data) {
 		{ title: '#' },
 		{ title: 'Song' },
 		{ title: 'Artist' },
-		{ title: '<i class="material-icons">timer</i>', width: '40px' },
+		{ title: '<i class="material-icons">timer</i>', width: '40px' }
-		{
-			title: '<input onclick="tracklistTab.toggleAll(event)" class="selectAll" type="checkbox"><span></span>',
-			width: '24px'
-		}
 	]
 	if (_.isEmpty(data.tracks)) {
 		tracklistTab.body = null
@@ -472,11 +479,7 @@ socket.on('show_playlist', function (data) {
 		{ title: 'Song' },
 		{ title: 'Artist' },
 		{ title: 'Album' },
-		{ title: '<i class="material-icons">timer</i>', width: '40px' },
+		{ title: '<i class="material-icons">timer</i>', width: '40px' }
-		{
-			title: '<input onclick="tracklistTab.toggleAll(event)" class="selectAll" type="checkbox"><span></span>',
-			width: '24px'
-		}
 	]
 	if (_.isEmpty(data.tracks)) {
 		tracklistTab.body = null