|
93 | 93 | :checked="checkboxesInternal.includes(row._primaryKeyValue)" |
94 | 94 | @change="(e)=>{addToCheckedValues(row._primaryKeyValue)}" |
95 | 95 | class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600 cursor-pointer"> |
96 | | - <label for="checkbox-table-search-1" class="sr-only">checkbox</label> |
| 96 | + <label for="checkbox-table-search-1" class="sr-only">{{ $t('checkbox') }}</label> |
97 | 97 | </div> |
98 | 98 | </td> |
99 | 99 | <td v-for="c in columnsListed" class="px-2 md:px-3 lg:px-6 py-4"> |
|
194 | 194 | d="M13 5H1m0 0 4 4M1 5l4-4"/> |
195 | 195 | </svg> |
196 | 196 | <span class="hidden sm:inline"> |
197 | | - Prev |
| 197 | + {{ $t('Prev') }} |
198 | 198 | </span> |
199 | 199 | </button> |
200 | 200 | <button |
|
221 | 221 | <button |
222 | 222 | class="flex items-center py-1 px-3 gap-1 text-sm font-medium text-gray-900 focus:outline-none bg-white border-l-0 rounded-e border border-gray-300 hover:bg-gray-100 hover:text-lightPrimary focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 disabled:opacity-50" |
223 | 223 | @click="page++" :disabled="page >= totalPages"> |
224 | | - <span class="hidden sm:inline">Next</span> |
| 224 | + <span class="hidden sm:inline">{{ $t('Next') }}</span> |
225 | 225 | <svg class="w-3.5 h-3.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" |
226 | 226 | viewBox="0 0 14 10"> |
227 | 227 | <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" |
|
232 | 232 |
|
233 | 233 | <!-- Help text --> |
234 | 234 | <span class="text-sm text-gray-700 dark:text-gray-400"> |
235 | | - <span v-if="((page || 1) - 1) * pageSize + 1 > totalRows">Wrong Page </span> |
236 | | - <span v-else>Showing </span> |
| 235 | + <span v-if="((page || 1) - 1) * pageSize + 1 > totalRows">{{ $t('Wrong Page') }} </span> |
| 236 | + <span v-else>{{ $t('Showing') }} </span> |
237 | 237 | <span class="font-semibold text-gray-900 dark:text-white"> |
238 | 238 | {{ ((page || 1) - 1) * pageSize + 1 }} |
239 | | - </span> to <span class="font-semibold text-gray-900 dark:text-white"> |
| 239 | + </span> {{ $t('to') }} <span class="font-semibold text-gray-900 dark:text-white"> |
240 | 240 | {{ Math.min((page || 1) * pageSize, totalRows) }} |
241 | | - </span> of <span class="font-semibold text-gray-900 dark:text-white">{{ |
242 | | - totalRows }}</span> <span class="hidden sm:inline">Entries</span> |
| 241 | + </span> {{ $t('of') }} <span class="font-semibold text-gray-900 dark:text-white">{{ |
| 242 | + totalRows }}</span> <span class="hidden sm:inline">{{ $t('Entries') }}</span> |
243 | 243 | </span> |
244 | 244 | </div> |
245 | 245 | </template> |
|
0 commit comments