From 183bbe3ad65033f580270405b30db8d764fd4a24 Mon Sep 17 00:00:00 2001 From: Eliot Berriot <contact@eliotberriot.com> Date: Tue, 17 Apr 2018 19:54:28 +0200 Subject: [PATCH] Added tooltips to explain settings meaning --- .../components/federation/LibraryTrackTable.vue | 10 +++------- front/src/views/federation/LibraryDetail.vue | 15 ++++++++++++--- 2 files changed, 15 insertions(+), 10 deletions(-) diff --git a/front/src/components/federation/LibraryTrackTable.vue b/front/src/components/federation/LibraryTrackTable.vue index 814f94f25c..b4e7dd06f8 100644 --- a/front/src/components/federation/LibraryTrackTable.vue +++ b/front/src/components/federation/LibraryTrackTable.vue @@ -65,22 +65,18 @@ </th> <th v-if="result && result.results.length > 0"> - <i18next path="Showing results {%0%}-{%1%} on {%2%}"> - {{ ((page-1) * paginateBy) + 1 }} - {{ ((page-1) * paginateBy) + result.results.length }} - {{ result.count }} - </i18next> + {{ $t('Showing results {%start%}-{%end%} on {%total%}', {start: ((page-1) * paginateBy) + 1 , end: ((page-1) * paginateBy) + result.results.length, total: result.count})}} <th> <button @click="launchImport" :disabled="checked.length === 0 || isImporting" :class="['ui', 'green', {loading: isImporting}, 'button']"> - <i18next path="Import {%count%} tracks" :count="checked.length"/> + {{ $t('Import {%count%} tracks', {'count': checked.length}) }} </button> <router-link v-if="importBatch" :to="{name: 'library.import.batches.detail', params: {id: importBatch.id }}"> - <i18next path="Import #{%id%} launched" :id="importBatch.id"/> + <i18next path="Import #{%id%} launched" :id="importBatch.id"/> </router-link> </th> <th></th> diff --git a/front/src/views/federation/LibraryDetail.vue b/front/src/views/federation/LibraryDetail.vue index 086ffd143c..20250e333d 100644 --- a/front/src/views/federation/LibraryDetail.vue +++ b/front/src/views/federation/LibraryDetail.vue @@ -18,7 +18,10 @@ <table class="ui collapsing very basic table"> <tbody> <tr> - <td>Follow status</td> + <td > + Follow status + <span :data-tooltip="$t('This indicate if the remote library granted you access')"><i class="question circle icon"></i></span> + </td> <td> <template v-if="object.follow.approved === null"> <i class="loading icon"></i> Pending approval @@ -34,7 +37,10 @@ </td> </tr> <tr> - <td>Federation</td> + <td> + Federation + <span :data-tooltip="$t('Use this flag to enable/disable federation with this library')"><i class="question circle icon"></i></span> + </td> <td> <div class="ui toggle checkbox"> <input @@ -47,7 +53,10 @@ </td> </tr> <tr> - <td>Auto importing</td> + <td> + Auto importing + <span :data-tooltip="$t('When enabled, auto importing will automatically import new tracks published in this library')"><i class="question circle icon"></i></span> + </td> <td> <div class="ui toggle checkbox"> <input -- GitLab