From 24386428672809253d526511491daa19d1d03eff Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Wed, 8 Apr 2020 13:52:03 +0200
Subject: [PATCH] See #170: included channels in tags view

---
 front/src/components/audio/ChannelsWidget.vue |  7 +------
 front/src/components/library/TagDetail.vue    | 15 +++++++++++----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/front/src/components/audio/ChannelsWidget.vue b/front/src/components/audio/ChannelsWidget.vue
index 39fe5ffe1..f6957a4b6 100644
--- a/front/src/components/audio/ChannelsWidget.vue
+++ b/front/src/components/audio/ChannelsWidget.vue
@@ -15,12 +15,7 @@
       </button>
     </template>
     <template v-if="!isLoading && objects.length === 0">
-      <div class="ui placeholder segment">
-        <div class="ui icon header">
-          <i class="compact disc icon"></i>
-          No results matching your query
-        </div>
-      </div>
+      <empty-state @refresh="fetchData('channels/')" :refresh="true"></empty-state>
     </template>
   </div>
 </template>
diff --git a/front/src/components/library/TagDetail.vue b/front/src/components/library/TagDetail.vue
index 9a954ccf6..783cbfd4a 100644
--- a/front/src/components/library/TagDetail.vue
+++ b/front/src/components/library/TagDetail.vue
@@ -14,7 +14,7 @@
 
       <div class="ui hidden divider"></div>
       <div class="ui row">
-        <artist-widget :controls="false" :filters="{playable: true, ordering: '-creation_date', tag: id}">
+        <artist-widget :key="id" :controls="false" :filters="{playable: true, ordering: '-creation_date', tag: id, include_channels: 'false'}">
           <template slot="title">
             <router-link :to="{name: 'library.artists.browse', query: {tag: id}}">
               <translate translate-context="*/*/*/Noun">Artists</translate>
@@ -23,7 +23,13 @@
         </artist-widget>
         <div class="ui hidden divider"></div>
         <div class="ui hidden divider"></div>
-        <album-widget :show-count="true" :controls="false" :filters="{playable: true, ordering: '-creation_date', tag: id}">
+        <h3 class="ui header">
+          <translate translate-context="*/*/*">Channels</translate>
+        </h3>
+        <channels-widget :key="id" :show-modification-date="true" :filters="{tag: id, ordering: '-creation_date'}"></channels-widget>
+        <div class="ui hidden divider"></div>
+        <div class="ui hidden divider"></div>
+        <album-widget :key="id" :show-count="true" :controls="false" :filters="{playable: true, ordering: '-creation_date', tag: id}">
           <template slot="title">
             <router-link :to="{name: 'library.albums.browse', query: {tag: id}}">
               <translate translate-context="*/*/*">Albums</translate>
@@ -32,7 +38,7 @@
         </album-widget>
         <div class="ui hidden divider"></div>
         <div class="ui hidden divider"></div>
-        <track-widget :show-count="true" :limit="12" item-classes="track-item inline" :url="'/tracks/'" :is-activity="false" :filters="{playable: true, ordering: '-creation_date', tag: id}">
+        <track-widget :key="id" :show-count="true" :limit="12" item-classes="track-item inline" :url="'/tracks/'" :is-activity="false" :filters="{playable: true, ordering: '-creation_date', tag: id}">
           <template slot="title">
             <translate translate-context="*/*/*">Tracks</translate>
           </template>
@@ -44,7 +50,7 @@
 </template>
 
 <script>
-
+import ChannelsWidget from "@/components/audio/ChannelsWidget"
 import TrackWidget from "@/components/audio/track/Widget"
 import AlbumWidget from "@/components/audio/album/Widget"
 import ArtistWidget from "@/components/audio/artist/Widget"
@@ -59,6 +65,7 @@ export default {
     AlbumWidget,
     TrackWidget,
     RadioButton,
+    ChannelsWidget,
   },
   computed: {
     labels() {