Merge pull request #542 from telosnetwork/534-block-route-redesign

#534 | Redesign - Block page

src/components/DateField.vue

@@ -23,6 +23,11 @@ export default {
             type: Boolean,
             default: null,
         },
+        // if true or not defined, the component will display the date in parentheses
+        utcUseParentheses: {
+            type: Boolean,
+            default: true,
+        },
     },
     data: () => ({
         showAge: false,
@@ -35,7 +40,8 @@ export default {
             }
 
             const offset = getFormattedUtcOffset(new Date(this.epoch));
-            return `${moment.unix(this.epoch).format('MMM D, YYYY HH:mm:ss')} (UTC ${offset})`;
+            const utc = this.utcUseParentheses ? ` (UTC ${offset})` : ` - UTC ${offset}`;
+            return `${moment.unix(this.epoch).format('MMM D, YYYY HH:mm:ss')} ${utc}`;
         },
     },
     created() {

src/components/TransactionTable.vue

@@ -18,7 +18,7 @@ const route = useRoute();
 const router = useRouter();
 const { t: $t } = useI18n();
 
-export interface Props {
+interface Props {
     title: string;
     filter?: object
     initialPageSize?: number,

src/i18n/de-de/index.js

@@ -109,6 +109,12 @@ export default {
             unstake_stlos_error: 'sTLOS konnte nicht abgehoben werden: { message }',
             withdraw_failed: 'TLOS Position konnte nicht ausgezahlt werden: { message }',
         },
+        blockpage: {
+            block: 'Block',
+            overview: 'Übersicht',
+            transactions: 'Transaktionen',
+
+        },
         issuer: 'Issuer',
         account_not_found: 'Wir konnten dieses Konto nicht finden',
         approvals: 'Approvals',
@@ -197,6 +203,31 @@ export default {
         value: 'Wert',
     },
     components: {
+        blockoverview: {
+            block_height: 'Blockhöhe',
+            timestamp: 'Zeitstempel',
+            size: 'Größe',
+            gas_used: 'Verbrauchtes Gas',
+            gas_limit: 'Gaslimit',
+            hash: 'Hash',
+            parent_hash: 'Eltern-Hash',
+            nonce: 'Nonce',
+            extra_data: 'Zusätzliche Daten',
+            extra_data_tooltip: 'Zusätzliche Daten, die vom Miner des Blocks hinzugefügt wurden',
+            block_height_tooltip: 'Auch "Blocknummer" genannt. Die Blockhöhe repräsentiert die Länge der Blockchain, die um eins nach dem Hinzufügen eines neuen Blocks zunimmt',
+            timestamp_tooltip: 'Die Zeit und das Datum, zu dem der Block produziert wurde',
+            transactions_tooltip: 'Die Anzahl der Transaktionen im Block. Interne Transaktionen sind Transaktionen, die als Ergebnis der Vertragsausführung auftreten und einen TLOS-Wert beinhalten',
+            size_tooltip: 'die Menge an Daten im Block, bestimmt durch das Gaslimit',
+            gas_used_tooltip: 'Die Menge an im Block verwendeten Gas',
+            gas_limit_tooltip: 'Das Gaslimit für alle Transaktionen im Block',
+            nonce_tooltip: 'Der Wert, der beim Mining verwendet wird, um einen Konsens über den Proof of Work für den Block zu erreichen',
+            hash_tooltip: 'Der Hash des Blockheaders',
+            parent_hash_tooltip: 'Der Hash des Elternblock',
+            count_transactions: '{count} Transaktionen',
+            count_transaction: '1 Transaktion',
+            in_this_block: 'in diesem Block',
+            transactions: 'Transaktionen',
+        },
         approvals: {
             token_id: 'Token ID',
             approved: 'Genehmigt',

src/i18n/en-us/index.js

@@ -109,6 +109,11 @@ export default {
             unstake_stlos_error: 'Failed to unstake sTLOS { message }',
             withdraw_failed: 'Failed to withdraw unlocked TLOS: { message }',
         },
+        blockpage: {
+            block: 'Block',
+            overview: 'Overview',
+            transactions: 'Transactions',
+        },
         issuer: 'Issuer',
         account_not_found: 'We could not find this account',
         approvals: 'Approvals',
@@ -197,6 +202,31 @@ export default {
         value: 'Value',
     },
     components: {
+        blockoverview: {
+            block_height: 'Block Height',
+            timestamp: 'Timestamp',
+            size: 'Size',
+            gas_used: 'Gas Used',
+            gas_limit: 'Gas Limit',
+            hash: 'Hash',
+            parent_hash: 'Parent Hash',
+            nonce: 'Nonce',
+            extra_data: 'Extra Data',
+            extra_data_tooltip: 'The extra data field is 32 bytes long and can be used for special purposes',
+            block_height_tooltip: 'Also called "Block Number". The block height represents the length of of the blockchain, increasing by one after the addition of a new block',
+            timestamp_tooltip: 'The time and date the block was produced',
+            transactions_tooltip: 'The number of transactions in the block. Internal Transactions are transactions which occur as a result of contract execution and include a TLOS value',
+            size_tooltip: 'the amount of data in the block, determined by the gas limit',
+            gas_used_tooltip: 'The amount of gas used in the block',
+            gas_limit_tooltip: 'The gas limit for all transactions in the block',
+            nonce_tooltip: 'The value used during mining to achieve consensus on Proof of Work for the block',
+            hash_tooltip: 'The hash of the block header',
+            parent_hash_tooltip: 'The hash of the parent block',
+            count_transactions: '{count} transactions',
+            count_transaction: '1 transaction',
+            in_this_block: 'in this block',
+            transactions: 'Transactions',
+        },
         known_tokens: 'Known tokens',
         other_tokens: 'Unknown tokens',
         no_balances_found: 'No erc20 token balance was found for this address',

src/i18n/es-es/index.js

@@ -109,6 +109,11 @@ export default {
             unstake_stlos_error: 'Error al desbloquear sTLOS { message }',
             withdraw_failed: 'Error al retirar TLOS desbloqueado: { message }',
         },
+        blockpage: {
+            block: 'Bloque',
+            overview: 'Visión General',
+            transactions: 'Transacciones',
+        },
         issuer: 'Issuer',
         account_not_found: 'No pudimos encontrar esta cuenta',
         approvals: 'Aprobaciones',
@@ -197,6 +202,31 @@ export default {
         value: 'Valor',
     },
     components: {
+        blockoverview: {
+            block_height: 'Altura del Bloque',
+            timestamp: 'Marca de Tiempo',
+            size: 'Tamaño',
+            gas_used: 'Gas Utilizado',
+            gas_limit: 'Límite de Gas',
+            hash: 'Hash',
+            parent_hash: 'Hash Padre',
+            nonce: 'Nonce',
+            extra_data: 'Datos Extra',
+            extra_data_tooltip: 'Datos adicionales incluidos en el bloque',
+            block_height_tooltip: 'También llamado "Número de Bloque". La altura del bloque representa la longitud de la blockchain, incrementando en uno después de la adición de un nuevo bloque',
+            timestamp_tooltip: 'El momento y fecha en que el bloque fue producido',
+            transactions_tooltip: 'El número de transacciones en el bloque. Las transacciones internas son transacciones que ocurren como resultado de la ejecución de un contrato e incluyen un valor TLOS',
+            size_tooltip: 'la cantidad de datos en el bloque, determinada por el límite de gas',
+            gas_used_tooltip: 'La cantidad de gas utilizado en el bloque',
+            gas_limit_tooltip: 'El límite de gas para todas las transacciones en el bloque',
+            nonce_tooltip: 'El valor utilizado durante la minería para lograr un consenso sobre la Prueba de Trabajo para el bloque',
+            hash_tooltip: 'El hash del encabezado del bloque',
+            parent_hash_tooltip: 'El hash del bloque anterior',
+            count_transactions: '{count} transacciones',
+            count_transaction: '1 transacción',
+            in_this_block: 'en este bloque',
+            transactions: 'Transacciones',
+        },
         approvals: {
             token_id: 'Token ID',
             approved: 'Aprobado',

src/i18n/fr-fr/index.js

@@ -109,6 +109,11 @@ export default {
             unstake_stlos_error: 'Échec lors de l\'unstake de sTLOS { message }',
             withdraw_failed: 'Échec du retrait des TLOS déverrouillés: { message }',
         },
+        blockpage: {
+            block: 'Bloc',
+            overview: 'Vue d\'ensemble',
+            transactions: 'Transactions',
+        },
         issuer: 'Émetteur',
         account_not_found: 'Nous n\'avons pas pu trouver ce compte',
         approvals: 'Permissions',
@@ -197,6 +202,31 @@ export default {
         value: 'Valeur',
     },
     components: {
+        blockoverview: {
+            block_height: 'Hauteur du bloc',
+            timestamp: 'Horodatage',
+            size: 'Taille',
+            gas_used: 'Gaz utilisé',
+            gas_limit: 'Limite de gaz',
+            hash: 'Hachage',
+            parent_hash: 'Hachage parent',
+            nonce: 'Nonce',
+            extra_data: 'Données supplémentaires',
+            extra_data_tooltip: 'Données supplémentaires incluses dans le bloc',
+            block_height_tooltip: 'Aussi appelé "Numéro de bloc". La hauteur du bloc représente la longueur de la chaîne de blocs, augmentant de un après l\'ajout d\'un nouveau bloc',
+            timestamp_tooltip: 'Le moment et la date de production du bloc',
+            transactions_tooltip: 'Le nombre de transactions dans le bloc. Les transactions internes sont des transactions qui se produisent à la suite de l\'exécution d\'un contrat et incluent une valeur TLOS',
+            size_tooltip: 'la quantité de données dans le bloc, déterminée par la limite de gaz',
+            gas_used_tooltip: 'La quantité de gaz utilisée dans le bloc',
+            gas_limit_tooltip: 'La limite de gaz pour toutes les transactions dans le bloc',
+            nonce_tooltip: 'La valeur utilisée lors du minage pour atteindre un consensus sur la Preuve de Travail pour le bloc',
+            hash_tooltip: 'Le hachage de l\'en-tête du bloc',
+            parent_hash_tooltip: 'Le hachage du bloc parent',
+            count_transactions: '{count} transactions',
+            count_transaction: '1 transaction',
+            in_this_block: 'dans ce bloc',
+            transactions: 'Transactions',
+        },
         known_tokens: 'Jetons connus',
         other_tokens: 'Jetons inconnus',
         no_balances_found: 'Aucun jetons erc20 trouvés pour cette adresse',

src/i18n/pt-br/index.js

@@ -109,6 +109,11 @@ export default {
             unstake_stlos_error: 'Falha ao desaplicar sTLOS { message }',
             withdraw_failed: 'Falha ao retirar TLOS desbloqueado: { message }',
         },
+        blockpage: {
+            block: 'Bloco',
+            overview: 'Visão Geral',
+            transactions: 'Transações',
+        },
         issuer: 'Issuer',
         account_not_found: 'Não conseguimos encontrar esse conta',
         approvals: 'Approvals',
@@ -197,6 +202,31 @@ export default {
         value: 'Valor',
     },
     components: {
+        blockoverview: {
+            block_height: 'Altura do Bloco',
+            timestamp: 'Timestamp',
+            size: 'Tamanho',
+            gas_used: 'Gás Usado',
+            gas_limit: 'Limite de Gás',
+            hash: 'Hash',
+            parent_hash: 'Hash Pai',
+            nonce: 'Nonce',
+            extra_data: 'Dados Extras',
+            extra_data_tooltip: 'Dados extras incluídos no bloco',
+            block_height_tooltip: 'Também chamado de "Número do Bloco". A altura do bloco representa o comprimento da blockchain, aumentando um após a adição de um novo bloco',
+            timestamp_tooltip: 'O momento e data em que o bloco foi produzido',
+            transactions_tooltip: 'O número de transações no bloco. Transações Internas são transações que ocorrem como resultado da execução de contrato e incluem um valor TLOS',
+            size_tooltip: 'a quantidade de dados no bloco, determinada pelo limite de gás',
+            gas_used_tooltip: 'A quantidade de gás usada no bloco',
+            gas_limit_tooltip: 'O limite de gás para todas as transações no bloco',
+            nonce_tooltip: 'O valor usado durante a mineração para alcançar consenso sobre a Prova de Trabalho para o bloco',
+            hash_tooltip: 'O hash do cabeçalho do bloco',
+            parent_hash_tooltip: 'O hash do bloco pai',
+            count_transactions: '{count} transações',
+            count_transaction: '1 transação',
+            in_this_block: 'neste bloco',
+            transactions: 'Transações',
+        },
         approvals: {
             token_id: 'Token ID',
             approved: 'Aprovado',