> For the complete documentation index, see [llms.txt](https://docs.debio.network/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.debio.network/developers/changelog/dashboard.md).

# Debio Frontend

## v2.0.0

### Feature :&#x20;

* Mixpanel and sentry analytics.
* Adapt error message to pages
* Maintenance page handler
* Add genetic data analysis pages
* Genetic Analyst dashboard
* Enhance Request Analysis Flow
* Add loading experience & empty data views
* Websocket connection watcher
* Announcement
* Handle insufficient balance
* Upload IPFS to dedicated Pinata
* Update wording
* Enhance loading on pay button
* Adjust API Endpoints
* Unit Testing

### Fix

* Refactor: Discard component Icons
* List of staking service not show in stake service tab
* Restructure contract json to env
* Customer notification
* Update fix english alphabet
* Add reject page
* Data response from downloading file

## 2021-07-14

### Fix

* Fix currency
* Fix long description and image service

### Changed

* Adjustment module document list and documents result
* Adjustment payment because change data pallet service and orders
* Adjustment service prices on the request test page
* Update `types.json`

## 2021-07-12

### Fix

* Fix go back to my order masih belom ke redirect ke my order
* Fix captcha set password
* Grammar fix
* Fix customer dashboard show the same icon for every service
* Fix lab dashboard show the same icon for every service
* Fix mismatch service price
* Fix notification balance transfer and balances for lab and customer
* Fix `toFormatCoinDebio` add return value
* Fix order date time change to local time

### Added

* Added server-side pagination data table on order history.
* Added DNA rejection UI

### Changed

* Adjustment module document list and documents result
* Adjustment request test and payment because there is a change in the order.js function

### Removed

* On sign up page and remove the default account name

## 2021-07-11

### Fix

* Fix added callback functions to the genetic testing commands
* Fix lab service form rules
* Fix certification not yet added
* Fix grammar, change wording when customer success registered
* Fix doctor registration and doctor account tab not showing doctor's identity
* Fix show number in pagination
* Fix hospital registration and account form

### Added

* Added hospital and doctor in change role menu
* Added certification feature on doctor page
* Added certification feature on hospital page

## 2021-07-10

### Fix

* Fix lab still show unpaid services
* Fix behavior if order history is empty
* Fix customer account number and escrow address not shown
* Fix auto-refresh not working when lab create and edit service
* Fix added event await for other services as well
* Fix removed autocomplete on the account edit form
* Fix lab dashboard show the same icon for every service

### Changed

* Update reject DNA sample API to add two fields
* Turn off browser suggestion autocomplete
* Update lab image upload service

## 2021-07-05

### Fix

* Fix upload and load EMR
* Fix to route success upload EMR

### Changed

* Show Login as Hospital and Doctor

## 2021-07-02

### Fix

* Fix removed old lab process dialogs

### Added

* Added server-side pagination data table on order history.
* Added DNA rejection UI

### Changed

* Adjustment module document list and documents result

### Removed

* Removed profile image input

## 2021-07-01

### Fix

* Fix changed how to add callback function

## 2021-06-30

### Fix

* Fix navigation drawer display menu CSS
* Fix implementation for an auto-refresh feature for CRUD certifications
* Fix implementation for an auto-refresh feature for updating hospital and doctor data

### Added

* Decrypt downloaded EMR file
* Added IPFS upload file for EMR

### Changed

* Adjustment for config env development

## 2021-06-27

### Fix

* Fix bug load module order
* Fix loading module test result

## 2021-06-25

### Added

* Adjustment in upload EMR and new page documents
* Implemented auto-refresh feature for CRUD

### Changed

* Changed how to process events, separated file by role type.

## 2021-06-22

### Changed

* EMR adjustment upload

## 2021-06-20

### Added

* Manage Certifications for Lab Account

## 2021-06-17

### Fix

* Fix error when orders are null
* Fixed lab accounts not being kept in store after registration
* Fixed dynamic drawer button problem after registration

### Added

* Added watch route to Test Result and Order Detail for click notification

### Changed

* Added box public key when updating accounts
* Added region field to save into the lab pallet

### Removed

* Removed profile image input

## 2021-06-16

### Fix

* Fix decryption now use Kilt's box public key
* Add loading state where appropriate
* Hide image inputs in lab register and service add form

### Added

* Kilt decrypt test result

### Changed

* Change Degenics to Debio, hide login to a known account, because there's no mnemonic yet

## 2021-06-15

### Fix

* Fix Big number Metamask error on the payment
* Fix query does not get other data if the entry doesn't exist
* HotFix Add loading, encrypt lab process files
* Fix restore Keystore
* Fix Hardcoded Service info in Lab Process order
* Fix Login as popup overflow

### Added

* Implement DNA process status on the UI
* Add kilt generate public and private key add to `dataMnemonic` and change keyring type to `sr25519`
* Added upload and encrypt module for EMR module

### Changed

* Changed button text
* Change Degenics Logo to Debio Logo

## 2021-06-14

### Fix

* Fix bug login mnemonic
* Fix bug no record test result
* Fix `gasPrice`, and `gasLimit` error on Metamask payments
* Fix fulfill order not working
  * Use order\_id as param to fulfill an order
  * Use order\_id as route param in Order Process page

### Added

* Set UI to show that order is successful in Process Order Page
* Add set account name

### Changed

* Save memonicData to local storage, Keystore, Vuex state, and adjustment module register, and login

## 2021-06-12

### Fix

* Switched public key and secret key param in encrypt and decrypt

### Added

* Added new dialog and card for rewards
* Installed Kilt SDK
* Added new doctor and hospital pallets
* Added hospital and doctor dashboards
* Added upload and encrypt function to EMR
* Added doctor and hospital option on login

### Changed

* Added function `gotoresult`

## 2021-06-11

### Fix

* Fix bug one select all select
* Fix bug validation before payment

### Added

* Added test results component
* Implemented fulfill order on data submission

### Changed

* Enhanced get order detail query
* 10 MB for each IPFS upload chunk

## 2021-06-10

### Added

* Implemented IPFS without encryption in order to process page
* Added get, add, and update module notification
* Added state management for button upload checkmark
* Added components on the dashboard
* Get DBIO from the faucet on the home page

### Changed

* Change query pallet get list test result lab
* Changed component name
* Configured events and header notification
* Lab and balances notification and adjustment module notification

## 2021-06-09

### Added

* Added log for the testing staging server

### Changed

* Changed IPFS encryption to Polkadot.js based encryption

## 2021-06-05

### Changed

* Adjustment of payment with DAIC with metamask.

## 2021-06-04

### Added

* Added EMR provider
* Implement unlock wallet dialog in lab flow
* Added login using mnemonic

### Changed

* Separated process order page parts

## 2021-06-03

### Added

* Integration pallet in test result service item View

### Changed

* Change query pallet get list test result lab

## 2021-06-02

### Added

* Connect pallet Test Result Lab in Customer

## 2021-05-31

### Added

* Added order history state

## 2021-05-28

### Added

* Connected get orders feature with Debio Node
* Connected delete services feature with Debio Node

## 2021-05-19

### Added

* Added integration with OrderCreated, OrderPaid, OrderCancel in Request Test Order dan Cancel Order event&#x20;
* Adding a substrate state variable event in the Vuex store

### Changed

* Added some adjustments for the Metamask

## 2021-05-18

### Fix

* Fixed labs state management
* Fixed a few code smells
* Fix registration parameters
* Fix get entire lab query

### Added

* Added get wallet address functionality in Metamask
* Implemented route guard in labs routes
* Implemented new register flow with `setEthAddress`
* Added nonce in command transactions to avoid low priority transactions
* Added connected lab account detail page API
* Connected services page with API
* Implement add service feature
* Implemented images on the services data table
* Added new service details page
* Added store dispatch on the login

### Changed

* Re-added wallet public key action and state

## 2021-05-17

### Added

* Added example on how to listen to events on Substrate
* Adding `lastOrder` pallet and validation checking for eth address
* Change select dropdown to autocomplete
* Update method pallet `userProfile` and RPC address

## 2021-05-16

### Changed

* Change RPC Url

## 2021-05-14

### Added

* Added new process order page and components

## 2021-05-12

### Changed

* Update `types.json`

## 2021-05-10

### Added

* Added initial payment with Metamask in escrow contracts

## 2021-05-09

### Added

* Added new `sendTransaction` function for Metamask wallet

### Changed

* Changed get wallet USDT balance to use Web3
* Update Web3

## 2021-05-08

### Added

* Integrated USDT pallet for add address USDT in profile.

## 2021-05-07

### Fix

* Fix changed how to query services list

### Added

* Added new lib to interact with Metamask
* Added new Metamask lib functionality to get wallet balance
* Added change the chain function
* Added token

## 2021-05-06

### Fix

* Fix start route customer
* Fix balance header
* Fix checking data in checkout request

### Added

* Added create order request lab with Debio coin
* Integrated pallet `setUsdtAddress`
* Added request test receipt view

### Remove

* Remove max length and reverse list order
* Remove `queryLabsByIdNew` same `queryLabsById`

### Changed

* Update `polkadotProviders` for labs and services
* Update `types.json`

## 2021-05-04

### Fix

* Fix start route customer, balance header, checking data in checkout request

### Remove

* Remove `queryLabsByIdNew` same `queryLabsById`

## 2021-05-03

### Changed

* Substituted unused domain logic for substrate queries and used `toHuman()` instead

## 2021-04-30

### Added

* Added state management for lab dashboard
* Implement menu change role in lab dashboard

### Remove

* Removed verification notice on the account page

## 2021-04-28

### Added

* Integration with pallet order list

### Remove

* Remove `Moment.js`

### Changed

* Refactor path dan route files customer

## 2021-04-26

### Added

* Added new verification page from accounts folder
* `polkadotProvider` endpoint orders
* View dan Query for feature Order History in the Home Dashboard
* Added two new services pages
* Added new `AddServices` page
* Added new order history page
* Added genetic testing endpoints

### Remove

* Delete register route

### Changed

* Refactoring pages to their corresponding folders.

## 2021-04-24

### Added

* Added dashboard pages
* Added navigation drawer items through router meta
* Implemented dynamic navigation from routes

### Remove

* Delete register route

## 2021-04-23

### Fix

* Fix checking login `beforeEnter` router

### Added

* Added registration function
* Added customer dashboard
* Implemented Polkadot API on the lab account page

### Remove

* Removed unused route guards

### Changed

* Changed folder location for `NavigationLayout`

## 2021-04-21

### Fix

* Fix bug checking route request
* Fix replace coding mnemonic login

### Changed

* Added Select Role page
* Added flow select role after login success
* Added new flow and design module login and register
* Added NavigationDrawer component

## 2021-04-20

### Fix

* Empty the reinitialize the data variables inside the components when closed

### Added

* Added domain logic for Lab and Service model

* Added new WebSocket endpoints for pallets

* Dashboard page for lab accounts

### Changed

* Update `types.json`

## 2021-04-14

### Fix

* Remove method not use
* Fix loading view login

### Added

* Created login view
* Added registration using Polkadot
* Added login via mnemonic and Keystore
* Added new lib for array manipulations
* Added new components to view mnemonic as keypads and to select them inside a textbox
* Implemented the registration flow

### Changed

* Updated generate account dialog to the current UI design.

## 2021-04-10

### Added

* Removed bip39 from the library and upgraded `@polkadot/api`
* Created new registration
* Dashboard page for lab accounts

### Changed

* Moved file locations on lib folder
* Moved dialogs to the components folder
* Separated routes for different contexts

## 2021-03-04

### Added

* Connect to Substrate Chain
* Changed Logo
* Connect to Dev substrate chain
* Generate account and login using substrate-based crypto
* Show wallet balance from substrate chain

### Changed

* Update style of Login/Register UI

## 2021-02-11

### Added

* Show demo lab password to users at password input dialog

## 2021-02-10

### Fix

* Fix Lab order list next actions available

### Added

* Add links to Website and company information:
  * Add links to the website on the logo
  * Add about us a text on the login screen
  * Add footer text instruction to process as a lab at the user's home

### Remove

* Delete stored file object in local storage if all files are deleted

### Changed

* Update new contract
* Show longDescription of products

## 2021-02-09

### Remove

* Remove labs.json from git

## 2021-02-08

### Added

* Add Recaptcha

### Changed

* Change Buccal Swab to Cotton Bud

## 2021-02-05

### Added

* Add height parameter to MenuCard
* New Contract
* Add tooltip to show product description

### Changed

* Adjust Menu Card Height&#x20;
* Set the height to 120 to MenuCard at dashboard Home
* Get ether on the login
* Truncate Product Description Overflow
* Truncate long product description
* Watch if the file manager is loading
* Disable Reject button while uploading
* Disable send and reject button while file manager is loading

## 2021-02-04

### Changed

* Change product card column size on XL screens
* Show DNA Sample collection requirements
* Get ether on the login

## 2021-02-03

### Added

* Create a page for DNA sample collection instructions
* Add create hyperlink method to breadcrumbs for dynamic breadcrumb links with  &#x20;parameters
* Add new logo
* Show product price on the request test page
* Add tooltip to Orders with 'sending' status

### Changed

* Update DNA Sample Sending Instructions
* Refactor Card component
* Adjust sending instructions
* Adjust DNA sample collection instructions

## 2021-02-02

### Fix

* Fix order-history link

## 2021-01-29

### Changed

* Update Lab Process Rule
* Lab process can finalize just by uploading either genome or report
* Update contract.json for new network
* Update default RPC connection

## 2021-01-26

### Fix

* Fix typos
* Fix rejection reason not showing

### Added

* Private Key login error message:
  * Add validation to private key input at the login
* Show rejection reason in:
  * Order History table
  * Lab Dashboard processing page

## 2021-01-22

### Added

* Download Genome Page
* Get genome files on the download genome page
* Handle download genome files
* Clean up and rename routes and their components

## 2021-01-21

### Added

* Add demo lab accounts dropdown at the login
* Show wallet balance
* Users can select demo lab accounts on the login

## 2021-01-20

### Added

* Added refund policy explanation

### Changed

* Handle refund if an order has not been processed after 7 days since received by the lab
* Refactor components

## 2021-01-19

### Fix

* Fix typos

### Added

* Add breadcrumbs
* Add DegenicsLog contract to Vuex store

### Changed

* Refactor page header
* Update bug failed to decrypt:
  * Change search by report not result
  * Change public key to encrypt
  * Change default RPC
* Update Order Details Page & Refactor:
  * Update Order Detail page
  * Refactor TestResults component
  * Make Test Results page searchable
  * Refactor button component
  * Refactor status chip component

## 2021-01-18

### Added

* Create order detail and all result:
  * Page all result
  * Page order detail
  * Link to dashboard
* Create result:
  * Create result parser
  * Create download genome
  * Create download result
* Complete flow for success and reject
  * Show reject alert after rejecting specimen
  * Show success alert after set specimen status to success

## 2021-01-17

### Added

* Added Process Screen to process the specimen

### Changed

* Modified Lab's dashboard home data table to show next actions
* Update Lab Dashboard: Receive -> Wetwork -> Encrypt Upload Files -> Send (Set specimen status to success) workflow

## 2021-01-15

### Fix

* Fix finalize to a new method
* Fix bug crash on the lab order list
* Fix authentication flow&#x20;

### Added

* Handle and show send a payment error message
* Add route guards to check if logged in
* Add route guards to check user role when the app starts

### Changed

* Change upload to result and genome
* Refactor, connect to web3, and set up contracts before app renders
* Move load web3 and contracts to a router so as to be able to access contracts on route guards

## 2021-01-14

### Fix

* Fix Ethereum tx issue
* Fix send transaction when register specimens

### Changed

* Change IPFS connection

## 2021-01-12

### Fix

* Fix order history sorting at user dashboard

### Changed

* Update User Dashboard, Update request test
* Get 3 latest order history and test results
* Set product cards not selected to disabled and greyed out

## 2021-01-09

### Added

* Handle and show send a payment error message
* Add DNA sample sending instructions
* Add helper to format specimen number

### Changed

* Update Request Test Page
* Fix numbering in DNA sample sending instructions
* Bigger selected product icon size
* Can only select 1 product at a time
* Parse additional data from lab and services data
* Show lab address, if any

## 2021-01-08

### Added

* Handle and show send a payment error message
* Add DNA sample sending instructions
* Add helper to format specimen number

### Changed

* Update receipt page design

## 2021-01-07

### Added

* Add confirm password validation

### Changed

* Update login page design
* Added local contract.json to the .gitignore file

## 2021-01-05

### Added

* Create custom Wallet class that extends web3 wallet and includes a public key
* Use custom Wallet class for faster encrypt decrypt and wallet generation

## 2021-01-04

### Added

* Add get a file from SC

## 2021-01-03

### Fix

* Fix register specimen send transaction

### Added

* Create dummies file
* Create result and history page
* Added Register test success Page

### Remove

* Removed unused ABI

### Changed

* Change upload result
* Change inspection page

## 2021-01-02

### Added

* Add seed on upload

### Changed

* Chunk on encrypt
* Sort seed before download

## 2021-01-01

### Added

* Add settings menu to change RPC network
* Create send transaction helper to make a signed transaction to smart contracts
* Register, pay, and set specimen status to "Sending"&#x20;

### Changed

* Updated smart contract

## 2020-12-31

### Added

* Get countries, cities, labs, dan lab services from smart contract

## 2020-12-30

### Fixed

* Change state name from cart to request form in SendPaymentDialog

### Added

* Chunking File to 99 MB then upload
* Create actions to get cities, countries, and labs from smart contract
* Added smart contract

### Changed

* Moved smart contracts to an Ethereum submodule in state
* Change state module name "cart" to "requestForm"

## 2020-12-29

### Added

* Chunking File to 99 MB then upload
* Create actions to get cities, countries, and labs from smart contract

## 2020-12-28

### Added

* Encrypt decrypt upload download all from a web worker
* Create download
* Send to IPFS

## 2020-12-27

### Added

* Add Menu Cards to dashboard home
* Add validation to the private key input
* Add validation to the mnemonic input
* Validate password for the import Keystore file

## 2020-12-26

### Added

* Setup IPFS Worker
* Handle import Keystore
* Add style to Login Page
* Add web worker dependencies
* Setup config for the web worker
* Encrypt Keystore and save to local storage on setting up the wallet
* Handle account generation from the private key

## 2020-12-24

Github Repository initiated

### Added

* Web3 connect to the local RPC server
* Wallet generation using a mnemonic phrase
* Recover account using the mnemonic phrase
