fix(front): lost admin track details

front/src/views/admin/library/TrackDetail.vue

@@ -273,6 +273,89 @@ const getQuery = (field: string, value: string) => `${field}:"${value}"`
         />
         <span class="value">{{ track?.artist_credit[0]?.artist?.name }}</span>
       </Layout>
+      <Layout
+        flex
+        class="details"
+      >
+        <span class="label">
+          {{ t('views.admin.library.TrackDetail.table.track.position') }}
+        </span>
+        <Spacer
+          h
+          grow
+        />
+        <span class="value">{{ track?.position }}</span>
+      </Layout>
+      <Layout
+        v-if="track?.disc_number"
+        flex
+        class="details"
+      >
+        <span class="label">
+          {{ t('views.admin.library.TrackDetail.table.track.discNumber') }}
+        </span>
+        <Spacer
+          h
+          grow
+        />
+        <span class="value">{{ track?.disc_number }}</span>
+      </Layout>
+      <Layout
+        v-if="track?.copyright"
+        flex
+        class="details"
+      >
+        <span class="label">
+          {{ t('views.admin.library.TrackDetail.table.track.copyright') }}
+        </span>
+        <Spacer
+          h
+          grow
+        />
+        <span class="value">{{ track?.copyright }}</span>
+      </Layout>
+      <Layout
+        v-if="track?.license"
+        flex
+        class="details"
+      >
+        <span class="label">
+          {{ t('views.admin.library.TrackDetail.table.track.license') }}
+        </span>
+        <Spacer
+          h
+          grow
+        />
+        <router-link
+          class="value"
+          :to="{
+            name: 'manage.library.tracks',
+            query: { q: getQuery('license', track?.license) }
+          }"
+        >
+          {{ track.license }}
+        </router-link>
+      </Layout>
+      <Layout
+        v-if="!track.is_local"
+        flex
+        class="details"
+      >
+        <router-link
+          class="label"
+          :to="{
+            name: 'manage.moderation.domains.detail',
+            params: { id: track.domain }
+          }"
+        >
+          {{ t('views.admin.library.TrackDetail.link.domain') }}
+        </router-link>
+        <Spacer
+          h
+          grow
+        />
+        <span class="value">{{ track.domain }}</span>
+      </Layout>
       <Layout
         v-if="track?.description"
         flex
@@ -296,10 +379,15 @@ const getQuery = (field: string, value: string) => `${field}:"${value}"`
       stack
       style="flex: 1; gap: 0;"
     >
+      <!-- TODO: fix tooltips and replace heading with header -->
       <Heading
         :h3="t('views.admin.library.TrackDetail.header.activity')"
         class="category"
-      />
+      >
+        <template #action>
+          <span :data-tooltip="labels.statsWarning"><i class="question circle icon" /></span>
+        </template>
+      </Heading>
       <Layout
         flex
         class="details"
@@ -340,6 +428,70 @@ const getQuery = (field: string, value: string) => `${field}:"${value}"`
         <span class="value">{{ stats?.track_favorites }}</span>
       </Layout>
     </Layout>
+    <Layout stack>
+      <Heading
+        :h3="t('views.admin.library.TrackDetail.header.trackData')"
+        class="category"
+      />
+      <Layout
+        flex
+        class="details"
+      >
+        <span class="label">
+          {{ t('views.admin.library.TrackDetail.table.trackData.cachedSize') }}
+        </span>
+        <Spacer
+          h
+          grow
+        />
+        <span class="value">{{ humanSize(stats.media_downloaded_size) }}</span>
+      </Layout>
+      <Layout
+        flex
+        class="details"
+      >
+        <span class="label">
+          {{ t('views.admin.library.TrackDetail.table.trackData.totalSize') }}
+        </span>
+        <Spacer
+          h
+          grow
+        />
+        <span class="value">{{ humanSize(stats.media_total_size) }}</span>
+      </Layout>
+      <Layout
+        flex
+        class="details"
+      >
+        <Link
+          class="label"
+          :to="{ name: 'manage.library.libraries', query: { q: getQuery('track_id', track.id) } }"
+        >
+          {{ t('views.admin.library.TrackDetail.link.libraries') }}
+        </Link>
+        <Spacer
+          h
+          grow
+        />
+        <span class="value">{{ stats.libraries }}</span>
+      </Layout>
+      <Layout
+        flex
+        class="details"
+      >
+        <Link
+          class="label"
+          :to="{ name: 'manage.library.uploads', query: { q: getQuery('track_id', track.id) } }"
+        >
+          {{ t('views.admin.library.TrackDetail.link.uploads') }}
+        </Link>
+        <Spacer
+          h
+          grow
+        />
+        <span class="value">{{ stats.uploads }}</span>
+      </Layout>
+    </Layout>
   </Layout>
 </template>