From 57b32add030a27ccaedb02932d64046d8808c5dc Mon Sep 17 00:00:00 2001
From: Bat <baptiste@gelez.xyz>
Date: Wed, 18 Apr 2018 17:50:14 +0100
Subject: [PATCH] i18n: requests

---
 front/src/components/requests/Card.vue         |  2 +-
 front/src/components/requests/Form.vue         | 18 +++++++++---------
 front/src/components/requests/RequestsList.vue | 16 ++++++++--------
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/front/src/components/requests/Card.vue b/front/src/components/requests/Card.vue
index 17fecde52..9d0bf0b77 100644
--- a/front/src/components/requests/Card.vue
+++ b/front/src/components/requests/Card.vue
@@ -23,7 +23,7 @@
       <button
         @click="createImport"
         v-if="request.status === 'pending' && importAction && $store.state.auth.availablePermissions['import.launch']"
-        class="ui mini basic green right floated button">Create import</button>
+        class="ui mini basic green right floated button">{{ $t('Create import') }}</button>
 
     </div>
   </div>
diff --git a/front/src/components/requests/Form.vue b/front/src/components/requests/Form.vue
index 68c725ba7..b03e1545b 100644
--- a/front/src/components/requests/Form.vue
+++ b/front/src/components/requests/Form.vue
@@ -1,30 +1,30 @@
 <template>
   <div>
     <form v-if="!over" class="ui form" @submit.prevent="submit">
-      <p>Something's missing in the library? Let us know what you would like to listen!</p>
+      <p>{{ $t('Something\'s missing in the library? Let us know what you would like to listen!') }}</p>
       <div class="required field">
-        <label>Artist name</label>
+        <label>{{ $t('Artist name') }}</label>
         <input v-model="currentArtistName" placeholder="The Beatles, Mickael Jackson…" required maxlength="200">
       </div>
       <div class="field">
-        <label>Albums</label>
-        <p>Leave this field empty if you're requesting the whole discography.</p>
+        <label>{{ $t('Albums') }}</label>
+        <p>{{ $t('Leave this field empty if you\'re requesting the whole discography.') }}</p>
         <input v-model="currentAlbums" placeholder="The White Album, Thriller…" maxlength="2000">
       </div>
       <div class="field">
-        <label>Comment</label>
+        <label>{{ $t('Comment') }}</label>
         <textarea v-model="currentComment" rows="3" placeholder="Use this comment box to add details to your request if needed" maxlength="2000"></textarea>
       </div>
-      <button class="ui submit button" type="submit">Submit</button>
+      <button class="ui submit button" type="submit">{{ $t('Submit') }}</button>
     </form>
     <div v-else class="ui success message">
       <div class="header">Request submitted!</div>
-      <p>We've received your request, you'll get some groove soon ;)</p>
-      <button @click="reset" class="ui button">Submit another request</button>
+      <p>{{ $t('We\'ve received your request, you\'ll get some groove soon ;)') }}</p>
+      <button @click="reset" class="ui button">{{ $t('Submit another request') }}</button>
     </div>
     <div v-if="requests.length > 0">
       <div class="ui divider"></div>
-      <h3 class="ui header">Pending requests</h3>
+      <h3 class="ui header">{{ $t('Pending requests') }}</h3>
       <div class="ui list">
         <div v-for="request in requests" class="item">
           <div class="content">
diff --git a/front/src/components/requests/RequestsList.vue b/front/src/components/requests/RequestsList.vue
index 5d4db243a..ffb7bdb9e 100644
--- a/front/src/components/requests/RequestsList.vue
+++ b/front/src/components/requests/RequestsList.vue
@@ -1,15 +1,15 @@
 <template>
   <div v-title="'Import Requests'">
     <div class="ui vertical stripe segment">
-      <h2 class="ui header">Music requests</h2>
+      <h2 class="ui header">{{ $t('Music requests') }}</h2>
       <div :class="['ui', {'loading': isLoading}, 'form']">
         <div class="fields">
           <div class="field">
-            <label>Search</label>
+            <label>{{ $t('Search') }}</label>
             <input type="text" v-model="query" placeholder="Enter an artist name, a username..."/>
           </div>
           <div class="field">
-            <label>Ordering</label>
+            <label>{{ $t('Ordering') }}</label>
             <select class="ui dropdown" v-model="ordering">
               <option v-for="option in orderingOptions" :value="option[0]">
                 {{ option[1] }}
@@ -17,14 +17,14 @@
             </select>
           </div>
           <div class="field">
-            <label>Ordering direction</label>
+            <label>{{ $t('Ordering direction') }}</label>
             <select class="ui dropdown" v-model="orderingDirection">
               <option value="">Ascending</option>
               <option value="-">Descending</option>
             </select>
           </div>
           <div class="field">
-            <label>Results per page</label>
+            <label>{{ $t('Results per page') }}</label>
             <select class="ui dropdown" v-model="paginateBy">
               <option :value="parseInt(12)">12</option>
               <option :value="parseInt(25)">25</option>
@@ -98,9 +98,9 @@ export default {
       orderingDirection: defaultOrdering.direction,
       ordering: defaultOrdering.field,
       orderingOptions: [
-        ['creation_date', 'Creation date'],
-        ['artist_name', 'Artist name'],
-        ['user__username', 'User']
+        ['creation_date', this.$t('Creation date')],
+        ['artist_name', this.$t('Artist name')],
+        ['user__username', this.$t('User')]
       ]
     }
   },