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 17fecde529..9d0bf0b771 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 68c725ba7a..b03e1545ba 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 5d4db243ac..ffb7bdb9eb 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')] ] } }, -- GitLab