tezblock Weekly Update #5
The weekly update for the current state and progress of the tezblock MVP development. Our goal is to include the community as much as possible along the way.
A bit later than usual, the next tezblock weekly update is here. We’ve been busy working on the frontend and are happy with the progress. At the end of this week we’ll share an initial version of the MVP with a smaller group to gather more feedback. A public release is not far away anymore and already in sight.
If you’re interested what happened last week, you can take a look at the tezblock Weekly Update #4.
Tables, Tables, Tables and Tables
The focus on this update is on tables, not the ones you eat on but the ones with data.
As a lot of data in tezblock will be displayed with tables. We thought about how this can be handled as generically as possible, so that new tables can be added and existing ones changed without having duplicate code or use much development effort.
Multiple Angular components are used to create the table itself by selecting the data for the cells. As an example this snippet will return the following table.
[OperationTypes.Transaction]: [
{ name: ‘From’, property: ‘source’, width: ‘1’, component: AddressCellComponent },
{ name: ‘’, property: ‘applied’, width: ‘1’, component: SymbolCellComponent },
{ name: ‘To’, property: ‘destination’, width: ‘1’, component: AddressCellComponent },
{ name: ‘Age’, property: ‘timestamp’, width: ‘’, component: TimestampCellComponent },
{ name: ‘Value’, property: ‘amount’, width: ‘’, component: AmountCellComponent },
{ name: ‘Fee’, property: ‘fee’, width: ‘’, component: AmountCellComponent, options: { showFiatValue: false } },
…baseTx
],
In order to style the data correctly Angular components are used where the styling is individually defined. For certain components like the AmountCellComponent additional parameter can be passed in and hide for example the fiat value.
Done, Ongoing And Upcoming Tasks
The focus of the last days was heavily on the frontend, additionally work on the Mockups for the next version has been done.
Frontend
Much progress has been made on the frontend side and is with a few small tweaks here and there almost ready to share.
- Have we mentioned tables yet? Tables have been added for the different operation types on the account, transaction and the block page.
- Introducing baker aliases for baker addresses.
- Timestamp tooltips, copy to clipboard, QR code for addresses and much much more..
- Numerous styling & responsive improvements.
Usability & Design
- Review feedback of the user calls and the survey.
- Started with Mockups of the version coming after the MVP with focus on Baker details and Governance.
Protocol indexer
- Communication with the Conseil team to improve getting certain data.
