Update user audiobook progress model, add mark as read/not read, download individual tracks

client/components/modals/edit-tabs/Tracks.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full h-full overflow-y-auto overflow-x-hidden">
+  <div class="w-full h-full overflow-y-auto overflow-x-hidden px-4 py-6">
     <div class="flex mb-4">
       <nuxt-link :to="`/audiobook/${audiobook.id}/edit`">
         <ui-btn color="primary">Edit Track Order</ui-btn>
@@ -11,6 +11,7 @@
         <th class="text-left">Filename</th>
         <th class="text-left">Size</th>
         <th class="text-left">Duration</th>
+        <th class="text-center">Download</th>
       </tr>
       <template v-for="track in tracks">
         <tr :key="track.index">
@@ -26,6 +27,9 @@
           <td class="font-mono">
             {{ $secondsToTimestamp(track.duration) }}
           </td>
+          <td class="font-mono text-center">
+            <a :href="`/local/${track.path}`" download><span class="material-icons icon-text">download</span></a>
+          </td>
         </tr>
       </template>
     </table>