paperclip-wallet/renderer/wallets.js

const {ipcRenderer} = require("electron");

class PaperclipWallets {
  constructor() {
    this.addressList = [];
    this.price = 0; // CLIPS price placeholder
  }

  _getPrice() {
    return this.price;
  }

  _setPrice(price) {
    this.price = price;
  }

  getAddressList() {
    return this.addressList;
  }

  clearAddressList() {
    this.addressList = [];
  }

  getAddressExists(address) {
    if (address) {
      return this.addressList.indexOf(address.toLowerCase()) > -1;
    } else {
      return false;
    }
  }

  addAddressToList(address) {
    if (address) {
      this.addressList.push(address); // CLIPS addresses are case-sensitive
    }
  }

  enableButtonTooltips() {
    PaperclipUtils.createToolTip("#btnNewAddress", "Create New Address");
    PaperclipUtils.createToolTip("#btnRefreshAddress", "Refresh Address List");
    PaperclipUtils.createToolTip("#btnExportAccounts", "Export Accounts");
    PaperclipUtils.createToolTip("#btnImportAccounts", "Import Accounts");
    PaperclipUtils.createToolTip("#btnImportFromPrivateKey", "Import From Private Key");
  }

  validateNewAccountForm() {
    if (PaperclipMainGUI.getAppState() == "account") {
      if (!$("#walletPasswordFirst").val()) {
        PaperclipMainGUI.showGeneralError("Password cannot be empty!");
        return false;
      }

      if (!$("#walletPasswordSecond").val()) {
        PaperclipMainGUI.showGeneralError("Password cannot be empty!");
        return false;
      }

      if ($("#walletPasswordFirst").val() !== $("#walletPasswordSecond").val()) {
        PaperclipMainGUI.showGeneralError("Passwords do not match!");
        return false;
      }

      return true;
    } else {
      return false;
    }
  }

  validateImportFromKeyForm() {
    if (EthoMainGUI.getAppState() == "account") {
      if (!$("#inputPrivateKey").val()) {
        EthoMainGUI.showGeneralError("Private key cannot be empty!");
        return false;
      }

      if (!$("#keyPasswordFirst").val()) {
        EthoMainGUI.showGeneralError("Password cannot be empty!");
        return false;
      }

      if (!$("#keyPasswordSecond").val()) {
        EthoMainGUI.showGeneralError("Password cannot be empty!");
        return false;
      }

      if ($("#keyPasswordFirst").val() !== $("#keyPasswordSecond").val()) {
        EthoMainGUI.showGeneralError("Passwords do not match!");
        return false;
      }

      return true;
    } else {
      return false;
    }
  }

  renderWalletsState() {
    // clear the list of addresses
    EthoWallets.clearAddressList();

    EthoBlockchain.getAccountsData(function (error) {
      EthoMainGUI.showGeneralError(error);
    }, function (data) {
      data.addressData.forEach(element => {
        EthoWallets.addAddressToList(element.address);
      });

      // render the wallets current state
      EthoMainGUI.renderTemplate("wallets.html", data);
      $(document).trigger("render_wallets");
      EthoWallets.enableButtonTooltips();

      $("#labelSumDollars").html(vsprintf("= %.2f 💵 | %.4f 💵 per", [
        data.sumBalance * EthoWallets._getPrice(),
        EthoWallets._getPrice()
      ]));
    });
  }
}

// the event to tell us that the wallets are rendered
$(document).on("render_wallets", function () {
  if ($("#addressTable").length > 0) {
    new Tablesort(document.getElementById("addressTable"));
    $("#addressTable").floatThead();
  }

  $("#btnNewAddress").off("click").on("click", function () {
    $("#dlgCreateWalletPassword").iziModal();
    $("#walletPasswordFirst").val("");
    $("#walletPasswordSecond").val("");
    $("#dlgCreateWalletPassword").iziModal("open");

    function doCreateNewWallet() {
      $("#dlgCreateWalletPassword").iziModal("close");

      if (EthoWallets.validateNewAccountForm()) {
        EthoBlockchain.createNewAccount($("#walletPasswordFirst").val(), function (error) {
          EthoMainGUI.showGeneralError(error);
        }, function (account) {
          EthoWallets.addAddressToList(account);
          EthoWallets.renderWalletsState();

          iziToast.success({title: "Created", message: "New wallet was successfully created", position: "topRight", timeout: 5000});
        });
      }
    }

    $("#btnCreateWalletConfirm").off("click").on("click", function () {
      doCreateNewWallet();
    });

    $("#dlgCreateWalletPassword").off("keypress").on("keypress", function (e) {
      if (e.which == 13) {
        doCreateNewWallet();
      }
    });
  });

  $(".btnShowAddressTransactions").off("click").on("click", function () {
    EthoTransactions.setFilter($(this).attr("data-wallet"));
    EthoMainGUI.changeAppState("transactions");
    EthoTransactions.renderTransactions();
  });

  $(".btnShowQRCode").off("click").on("click", function () {
    var QRCodeAddress = $(this).attr("data-address");
    $("#dlgShowAddressQRCode").iziModal();
    $("#addrQRCode").html("");
    $("#addrQRCode").qrcode(QRCodeAddress);
    $("#dlgShowAddressQRCode").iziModal("open");

    $("#btnScanQRCodeClose").off("click").on("click", function () {
      $("#dlgShowAddressQRCode").iziModal("close");
    });
  });
  
  $(".btnDeleteAddress").off("click").on("click", function () {
    const address = $(this).attr("data-wallet");
    EthoMainGUI.showGeneralConfirmation(
      `Do you really want to delete Wallet with Address: ${address}? This action can not be reversed.`,
      function (result) {
        if (result) {
          const deleteResult = ipcRenderer.sendSync('deteteAccount', address);
          if (deleteResult !== true) EthoMainGUI.showGeneralError(deleteResult);
          setTimeout(EthoWallets.renderWalletsState, 1000); 
        }
      },
    );
  });

  $(".btnChangWalletName").off("click").on("click", function () {
    var walletAddress = $(this).attr("data-wallet");
    var walletName = $(this).attr("data-name");

    $("#dlgChangeWalletName").iziModal();
    $("#inputWalletName").val(walletName);
    $("#dlgChangeWalletName").iziModal("open");

    function doChangeWalletName() {
      var wallets = EthoDatatabse.getWallets();

      // set the wallet name from the dialog box
      wallets.names[walletAddress] = $("#inputWalletName").val();
      EthoDatatabse.setWallets(wallets);

      $("#dlgChangeWalletName").iziModal("close");
      EthoWallets.renderWalletsState();
    }

    $("#btnChangeWalletNameConfirm").off("click").on("click", function () {
      doChangeWalletName();
    });

    $("#dlgChangeWalletName").off("keypress").on("keypress", function (e) {
      if (e.which == 13) {
        doChangeWalletName();
      }
    });
  });

  $("#btnRefreshAddress").off("click").on("click", function () {
    EthoWallets.renderWalletsState();
  });

  $("#btnExportAccounts").off("click").on("click", function () {
    ipcRenderer.send("exportAccounts", {});
  });

$("#btnImportAccounts").off("click").on("click", function () {
    ipcRenderer.send("importAccounts");

    ipcRenderer.once("importAccountsReply", (event, importResult) => {
        if (importResult.success) {
            iziToast.success({ title: "Imported", message: importResult.text, position: "topRight", timeout: 2000 });
            // Reload wallets after successful import
            setTimeout(() => {
            	EthoWallets.renderWalletsState();
            }, 500);
        } else {
            EthoMainGUI.showGeneralError(importResult.text);
        }
    });
});



  $("#btnImportFromPrivateKey").off("click").on("click", function () {
    $("#dlgImportFromPrivateKey").iziModal();
    $("#inputPrivateKey").val("");
    $("#dlgImportFromPrivateKey").iziModal("open");

    function doImportFromPrivateKeys() {
      $("#dlgImportFromPrivateKey").iziModal("close");

      if (EthoWallets.validateImportFromKeyForm()) {
        var account = EthoBlockchain.importFromPrivateKey($("#inputPrivateKey").val(), $("#keyPasswordFirst").val(), function (error) {
          EthoMainGUI.showGeneralError(error);
        }, function (account) {
          if (account) {
            EthoWallets.renderWalletsState();
            iziToast.success({title: "Imported", message: "Account was succesfully imported", position: "topRight", timeout: 2000});
          } else {
            EthoMainGUI.showGeneralError("Error importing account from private key!");
          }
        });
      }
    }

    $("#btnImportFromPrivateKeyConfirm").off("click").on("click", function () {
      doImportFromPrivateKeys();
    });

    $("#dlgImportFromPrivateKey").off("keypress").on("keypress", function (e) {
      if (e.which == 13) {
        doImportFromPrivateKeys();
      }
    });
  });

  $(".textAddress").off("click").on("click", function () {
    EthoMainGUI.copyToClipboard($(this).html());

    iziToast.success({title: "Copied", message: "Address was copied to clipboard", position: "topRight", timeout: 2000});
  });
});

// event that tells us that geth is ready and up
$(document).on("onGethReady", function () {
  EthoMainGUI.changeAppState("account");
  EthoWallets.renderWalletsState();
});

$(document).on("onNewAccountTransaction", function () {
  if (EthoMainGUI.getAppState() == "account") {
    EthoWallets.renderWalletsState();
  }
});

EthoWallets = new Wallets();