[web-src] Add index button list to genre album/tracks page and generate index-id-tag in ListItemXXX

web-src/src/components/ListItemAlbum.vue

@@ -1,5 +1,5 @@
 <template functional>
-  <div class="media" :id="'index_' + props.anchor">
+  <div class="media" :id="'index_' + props.album.name.charAt(0).toUpperCase()">
     <div class="media-content fd-has-action is-clipped" @click="listeners.click">
       <h1 class="title is-6">{{ props.album.name }}</h1>
       <h2 class="subtitle is-7 has-text-grey"><b>{{ props.album.artist }}</b></h2>
@@ -13,7 +13,7 @@
 <script>
 export default {
   name: 'ListItemAlbum',
-  props: ['album', 'media_kind', 'anchor']
+  props: ['album', 'media_kind']
 }
 </script>
 

web-src/src/components/ListItemArtist.vue

@@ -1,5 +1,5 @@
 <template functional>
-  <div class="media" :id="'index_' + props.anchor">
+  <div class="media" :id="'index_' + props.artist.name.charAt(0).toUpperCase()">
     <div class="media-content fd-has-action is-clipped" @click="listeners.click">
       <h1 class="title is-6">{{ props.artist.name }}</h1>
     </div>
@@ -12,7 +12,7 @@
 <script>
 export default {
   name: 'ListItemArtist',
-  props: ['artist', 'anchor']
+  props: ['artist']
 }
 </script>
 

web-src/src/components/ListItemGenre.vue

@@ -1,5 +1,5 @@
 <template functional>
-  <div class="media" :id="'index_' + props.anchor">
+  <div class="media" :id="'index_' + props.genre.name.charAt(0).toUpperCase()">
     <div class="media-content fd-has-action is-clipped" @click="listeners.click">
       <h1 class="title is-6">{{ props.genre.name }}</h1>
     </div>
@@ -12,7 +12,7 @@
 <script>
 export default {
   name: 'ListItemGenre',
-  props: [ 'genre', 'anchor' ]
+  props: [ 'genre' ]
 }
 </script>
 

web-src/src/components/ListItemTrack.vue

@@ -1,5 +1,5 @@
 <template functional>
-  <div class="media">
+  <div class="media" :id="'index_' + props.track.title.charAt(0).toUpperCase()">
     <div class="media-content fd-has-action is-clipped" @click="listeners.click">
       <h1 class="title is-6">{{ props.track.title }}</h1>
       <h2 class="subtitle is-7 has-text-grey"><b>{{ props.track.artist }}</b></h2>