Merge branch 'i18n-metadata' into 'develop'

i18n: Metadata

See merge request funkwhale/funkwhale!136

front/src/components/metadata/ArtistCard.vue

@@ -16,7 +16,7 @@
                   {{ group['first-release-date'] }}
                 </td>
                 <td colspan="3">
-                  <a :href="getMusicbrainzUrl('release-group', group.id)" class="discrete link" target="_blank" title="View on MusicBrainz">
+                  <a :href="getMusicbrainzUrl('release-group', group.id)" class="discrete link" target="_blank" :title="$t('View on MusicBrainz')">
                     {{ group.title }}
                   </a>
                 </td>

front/src/components/metadata/ReleaseCard.vue

@@ -19,7 +19,7 @@
                   {{ track.position }}
                 </td>
                 <td colspan="3">
-                  <a :href="getMusicbrainzUrl('recording', track.id)" class="discrete link" target="_blank" title="View on MusicBrainz">
+                  <a :href="getMusicbrainzUrl('recording', track.id)" class="discrete link" target="_blank" :title="$t('View on MusicBrainz')">
                     {{ track.recording.title }}
                   </a>
                 </td>

front/src/components/metadata/Search.vue

@@ -12,7 +12,7 @@
     </div>
     <div class="ui fluid search">
       <div class="ui icon input">
-        <input class="prompt" placeholder="Enter your search query..." type="text">
+        <input class="prompt" :placeholder="$t('Enter your search query...')" type="text">
         <i class="search icon"></i>
       </div>
       <div class="results"></div>
@@ -32,21 +32,7 @@ export default {
   data: function () {
     return {
       currentType: this.mbType || 'artist',
-      currentId: this.mbId || '',
-      types: [
-        {
-          value: 'artist',
-          label: 'Artist'
-        },
-        {
-          value: 'release',
-          label: 'Album'
-        },
-        {
-          value: 'recording',
-          label: 'Track'
-        }
-      ]
+      currentId: this.mbId || ''
     }
   },
 
@@ -132,6 +118,22 @@ export default {
     },
     searchUrl: function () {
       return config.API_URL + 'providers/musicbrainz/search/' + this.currentTypeObject.value + 's/?query={query}'
+    },
+    types: function () {
+      return [
+        {
+          value: 'artist',
+          label: this.$t('Artist')
+        },
+        {
+          value: 'release',
+          label: this.$t('Album')
+        },
+        {
+          value: 'recording',
+          label: this.$t('Track')
+        }
+      ]
     }
   },
   watch: {