Merge pull request #818 from telosnetwork/815-repare-localization-str…

…ings languages txt are sync, some more txt added, tooltips offset added
telosnetwork · Aug 13, 2024 · bfc1f9c · bfc1f9c
2 parents 2e2de91 + c8fa9b0
commit bfc1f9c
Show file tree

Hide file tree

Showing 14 changed files with 1,158 additions and 550 deletions.
diff --git a/src/components/BlockTable.vue b/src/components/BlockTable.vue
@@ -228,26 +228,24 @@ onBeforeMount(() => {
     <template v-slot:header="props">
         <q-tr :props="props">
             <q-th v-for="col in props.cols" :key="col.name" :props="props">
-                <div class="u-flex--center-y">
-                    {{ col.label }}
-                    <template v-if="col.name === 'date'">
-                        <q-icon
-                            class="info-icon q-ml-xs"
-                            name="fas fa-info-circle"
-                            @click="toggleDateFormat"
-                        >
-                            <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
-                                {{ $t('components.blocks.click_to_change_format') }}
-                            </q-tooltip>
-                        </q-icon>
-                    </template>
-                    <template v-if="col.name === 'method'">
-                        <q-icon class="info-icon" name="fas fa-info-circle q-ml-xs" />
-                        <q-tooltip anchor="bottom middle" self="top middle" max-width="10rem">
-                            {{ $t('components.blocks.executed_based_on_decoded_data') }}
+                <template v-if="col.name === 'date'">
+                    <div class="u-flex--center-y" @click="toggleDateFormat">
+                        {{ col.label }}
+                        <q-icon class="info-icon" name="far fa-question-circle" />
+                        <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
+                            {{ $t('components.blocks.click_to_change_format') }}
                         </q-tooltip>
-                    </template>
-                </div>
+                    </div>
+                </template>
+                <template v-if="col.name === 'method'">
+                    <div class="u-flex--center-y">
+                        {{ col.label }}
+                    </div>
+                    <q-icon class="info-icon" name="fas fa-info-circle q-ml-xs" />
+                    <q-tooltip anchor="bottom middle" self="top middle" max-width="10rem">
+                        {{ $t('components.blocks.executed_based_on_decoded_data') }}
+                    </q-tooltip>
+                </template>
             </q-th>
         </q-tr>
     </template>
@@ -292,26 +290,24 @@ onBeforeMount(() => {
     <template v-slot:header="props">
         <q-tr :props="props">
             <q-th v-for="col in props.cols" :key="col.name" :props="props">
-                <div class="u-flex--center-y">
-                    {{ col.label }}
-                    <template v-if="col.name === 'date'">
-                        <q-icon
-                            class="info-icon q-ml-xs"
-                            name="fas fa-info-circle"
-                            @click="toggleDateFormat"
-                        >
-                            <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
-                                {{ $t('components.blocks.click_to_change_format') }}
-                            </q-tooltip>
-                        </q-icon>
-                    </template>
-                    <template v-if="col.name === 'method'">
-                        <q-icon class="info-icon" name="fas fa-info-circle q-ml-xs" />
-                        <q-tooltip anchor="bottom middle" self="top middle" max-width="10rem">
-                            {{ $t('components.blocks.executed_based_on_decoded_data') }}
+                <template v-if="col.name === 'date'">
+                    <div class="u-flex--center-y" @click="toggleDateFormat">
+                        {{ col.label }}
+                        <q-icon class="info-icon" name="far fa-question-circle" />
+                        <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
+                            {{ $t('components.blocks.click_to_change_format') }}
                         </q-tooltip>
-                    </template>
-                </div>
+                    </div>
+                </template>
+                <template v-if="col.name === 'method'">
+                    <div class="u-flex--center-y">
+                        {{ col.label }}
+                    </div>
+                    <q-icon class="info-icon" name="fas fa-info-circle q-ml-xs" />
+                    <q-tooltip anchor="bottom middle" self="top middle" max-width="10rem">
+                        {{ $t('components.blocks.executed_based_on_decoded_data') }}
+                    </q-tooltip>
+                </template>
             </q-th>
         </q-tr>
     </template>

diff --git a/src/components/Health/Monitor.vue b/src/components/Health/Monitor.vue
@@ -162,7 +162,12 @@ export default {
                 :props="props"
                 @click="col.name==='checked_at' ? showAge =! showAge : null"
             />
-            <q-tooltip v-if="col.name === 'checked_at'" anchor="bottom middle" self="bottom middle">
+            <q-tooltip
+                v-if="col.name === 'checked_at'"
+                anchor="bottom middle"
+                self="bottom middle"
+                :offset="[0, 36]"
+            >
                 {{ $t('components.health.click_to_change_format') }}
             </q-tooltip>
             {{ col.label }}
@@ -223,7 +228,12 @@ export default {
                 :props="props"
                 @click="col.name==='checked_at' ? showAge =! showAge : null"
             />
-            <q-tooltip v-if="col.name === 'checked_at'" anchor="bottom middle" self="bottom middle">
+            <q-tooltip
+                v-if="col.name === 'checked_at'"
+                anchor="bottom middle"
+                self="bottom middle"
+                :offset="[0, 36]"
+            >
                 {{ $t('components.health.click_to_change_format') }}
             </q-tooltip>
             {{ col.label }}

diff --git a/src/components/InternalTransactionFlatTable.vue b/src/components/InternalTransactionFlatTable.vue
@@ -417,14 +417,10 @@ export default {
                 <template v-if="col.name === 'date'" >
                     <div class="c-inttrx-flat__header-age u-flex--center-y" @click="toggleDateFormat">
                         <a>{{ showDateAge ? col.label: $t('components.date') }}</a>
-                        <q-icon
-                            class="info-icon"
-                            name="far fa-question-circle"
-                        >
-                            <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
-                                {{ $t('components.click_to_change_format') }}
-                            </q-tooltip>
-                        </q-icon>
+                        <q-icon class="info-icon" name="far fa-question-circle" />
+                        <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
+                            {{ $t('components.click_to_change_format') }}
+                        </q-tooltip>
                     </div>
                 </template>
 

diff --git a/src/components/InternalTransactionTable.vue b/src/components/InternalTransactionTable.vue
@@ -284,14 +284,10 @@ export default {
                         @click="toggleDateFormat"
                     >
                         <a>{{ showDateAge ? col.label: $t('components.date') }}</a>
-                        <q-icon
-                            class="info-icon"
-                            name="far fa-question-circle"
-                        >
-                            <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
-                                {{ $t('components.click_to_change_format') }}
-                            </q-tooltip>
-                        </q-icon>
+                        <q-icon class="info-icon" name="far fa-question-circle" />
+                        <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
+                            {{ $t('components.click_to_change_format') }}
+                        </q-tooltip>
                     </div>
                     <div v-else-if="col.name === 'method'">
                         {{ col.label }}
@@ -368,14 +364,10 @@ export default {
                         @click="toggleDateFormat"
                     >
                         <a>{{ showDateAge ? col.label: $t('components.date') }}</a>
-                        <q-icon
-                            class="info-icon"
-                            name="far fa-question-circle"
-                        >
-                            <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
-                                {{ $t('components.click_to_change_format') }}
-                            </q-tooltip>
-                        </q-icon>
+                        <q-icon class="info-icon" name="far fa-question-circle" />
+                        <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
+                            {{ $t('components.click_to_change_format') }}
+                        </q-tooltip>
                     </div>
                     <div v-else-if="col.name === 'method'">
                         {{ col.label }}

diff --git a/src/components/NftTransfersTable.vue b/src/components/NftTransfersTable.vue
@@ -328,14 +328,10 @@ onMounted(() => {
                 >
                     <a>{{ showDateAge ? col.label: $t('components.date') }}</a>
 
-                    <q-icon
-                        class="info-icon"
-                        name="far fa-question-circle"
-                    >
-                        <q-tooltip anchor="bottom middle" self="bottom middle">
-                            {{ $t('components.click_to_change_format') }}
-                        </q-tooltip>
-                    </q-icon>
+                    <q-icon class="info-icon" name="far fa-question-circle" />
+                    <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
+                        {{ $t('components.click_to_change_format') }}
+                    </q-tooltip>
                 </div>
                 <div
                     v-else-if="col.name==='value'"
@@ -344,7 +340,7 @@ onMounted(() => {
                 >
                     <a>{{ col.label }}</a>
                     <q-icon class="info-icon q-ml-xs" name="far fa-question-circle"/>
-                    <q-tooltip anchor="bottom middle" self="bottom middle">
+                    <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
                         {{ $t('components.click_to_change_format') }}
                     </q-tooltip>
                 </div>
@@ -457,14 +453,10 @@ onMounted(() => {
                 >
                     <a>{{ showDateAge ? col.label: $t('components.date') }}</a>
 
-                    <q-icon
-                        class="info-icon"
-                        name="far fa-question-circle"
-                    >
-                        <q-tooltip anchor="bottom middle" self="bottom middle">
-                            {{ $t('components.click_to_change_format') }}
-                        </q-tooltip>
-                    </q-icon>
+                    <q-icon class="info-icon" name="far fa-question-circle" />
+                    <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
+                        {{ $t('components.click_to_change_format') }}
+                    </q-tooltip>
                 </div>
                 <div v-else class="u-flex--center-y">
                     {{ col.label }}

diff --git a/src/components/Token/TokenTable.vue b/src/components/Token/TokenTable.vue
@@ -77,7 +77,7 @@ export default {
                 <div v-if="col.name==='balance'" class="u-flex--center-y" @click="toggleDisplayDecimals">
                     <a>{{ col.label }}</a>
                     <q-icon class="info-icon q-ml-xs" name="far fa-question-circle"/>
-                    <q-tooltip anchor="bottom middle" self="bottom middle">
+                    <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
                         {{ $t('components.click_to_change_format') }}
                     </q-tooltip>
                 </div>

diff --git a/src/components/TransactionTable.vue b/src/components/TransactionTable.vue
@@ -385,7 +385,7 @@ onBeforeMount(() => {
                     <div v-else-if="col.name==='value'" class="u-flex--center-y" @click="toggleDisplayDecimals">
                         <a>{{ col.label }}</a>
                         <q-icon class="info-icon q-ml-xs" name="far fa-question-circle"/>
-                        <q-tooltip anchor="bottom middle" self="bottom middle">
+                        <q-tooltip anchor="bottom middle" self="bottom middle" :offset="[0, 36]">
                             {{ $t('components.click_to_change_format') }}
                         </q-tooltip>
                     </div>