@@ -1015,9 +997,7 @@
targetPage = 'sign_in'
break;
case 'sign_up':
- const { floID, privKey } = floCrypto.generateNewID()
- getRef('generated_flo_id').value = floID
- getRef('generated_private_key').value = privKey
+ getRef('keys_generator').generateKeys()
targetPage = 'sign_up'
break;
case 'home':
@@ -1183,7 +1163,77 @@
})
return anime
}
+ const generateKeys = document.createElement('template')
+ generateKeys.innerHTML = `
+
+
+
+
+
+
+ Keep your keys safe!
+
+
Don't share with anyone. Once lost private key can't be recovered.
+
+
+
+
FLO address
+
+
+
+
Private key
+
+
+
You can use these FLO credentials with other RanchiMall apps too.
+
+ `
+ window.customElements.define('keys-generator', class extends HTMLElement {
+ constructor() {
+ super();
+ this.appendChild(generateKeys.content.cloneNode(true));
+ }
+ get keys() {
+ return {
+ floID: this.querySelector('#generated_flo_address').value,
+ privKey: this.querySelector('#generated_private_key').value
+ }
+ }
+ generateKeys() {
+ const { floID, privKey } = floCrypto.generateNewID()
+ this.querySelector('#generated_flo_address').value = floID
+ this.querySelector('#generated_private_key').value = privKey
+ }
+ clearKeys() {
+ this.querySelector('#generated_flo_address').value = ''
+ this.querySelector('#generated_private_key').value = ''
+ }
+ });