Skip to content

Commit

Permalink
Merge pull request #77 from Venoox/onboarding-wizard
Browse files Browse the repository at this point in the history
Onboarding wizard
  • Loading branch information
0x4007 authored Jul 10, 2023
2 parents bca42a5 + fa1c9ce commit 2548cdc
Show file tree
Hide file tree
Showing 8 changed files with 378 additions and 181 deletions.
2 changes: 1 addition & 1 deletion static/keygen.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<title>Key Generator</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="out/styles/sec.css" rel="stylesheet" />
<link href="out/styles/onboarding.css" rel="stylesheet" />
</head>
<body>
<div class="container" id="keyGenContent">
Expand Down
81 changes: 81 additions & 0 deletions static/onboarding.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html>
<head>
<title>Onboarding</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="out/styles/onboarding.css" rel="stylesheet" />
</head>
<body style="justify-content: start">
<div class="container" id="user-access">
<h1 class="title">Onboarding</h1>
<div id="stepper" class="stepper">
<div class="step active">
<span class="step-number">1</span>
<span class="step-label">CONFIG</span>
</div>
<div class="step">
<span class="step-number">2</span>
<span class="step-label">APPROVE</span>
</div>
</div>
<div id="step1" class="step-container">
<div class="mb-3">
<label for="chainId" class="form-label">CHAIN_ID</label>
<select class="form-control" id="chainId">
<option value="1">Ethereum Mainnet</option>
<option value="100">Gnosis Mainnet</option>
</select>
<span class="status-log"></span>
</div>
<div class="mb-3">
<label for="walletPrivateKey" class="form-label">WALLET_PRIVATE_KEY</label>
<input type="text" class="form-control" id="walletPrivateKey" />
<span class="status-log"></span>
</div>
<div class="mb-3">
<label for="safeAddress" class="form-label">SAFE_ADDRESS</label>
<input type="text" class="form-control" id="safeAddress" />
<span class="status-log"></span>
</div>
<div class="mb-3">
<label for="githubPat" class="form-label">GITHUB_PAT</label>
<input type="text" class="form-control" id="githubPat" />
<span class="status-log"></span>
</div>
<div class="mb-3">
<label for="orgName" class="form-label">ORG_NAME</label>
<input type="text" class="form-control" id="orgName" />
<span class="status-log"></span>
</div>
<div class="mb-3 pos-rel">
<label for="outKey" class="form-label">OUTPUT</label>
<div class="out-file">ubiquibot-config.yml</div>
<textarea type="text" class="form-control" id="outKey" disabled="true"></textarea>
</div>
</div>
<div id="step2" class="step-container hidden">
<div class="mb-3">
<label for="allowance" class="form-label">ALLOWANCE AMOUNT</label>
<div>
<input type="text" class="form-control" style="max-width: 200px" id="allowance" />
<span style="font-size: 1.2rem; color: #808080">DAI</span>
<span class="status-log"></span>
</div>
</div>
</div>

<div class="mb-3">
<label for="statusKey" class="form-label">STATUS</label>
<input type="text" class="form-control" id="statusKey" disabled="true" />
</div>
<div class="mb-3 loader-wrap" style="display: none">
<span class="loader-x"></span>
</div>
<div class="btn-container">
<button type="button" class="btn btn-primary mb-3" id="setBtn">🌐 Set</button>
</div>
</div>
<script src="out/scripts/onboarding.js" type="application/javascript"></script>
</body>
</html>
9 changes: 2 additions & 7 deletions static/scripts/entries.ts
Original file line number Diff line number Diff line change
@@ -1,8 +1,3 @@
const typescriptEntries = [
"static/scripts/app.ts",
"static/scripts/audit.ts",
"static/scripts/secret.ts",
"static/scripts/keygen.ts",
];
const CSSEntries = ["static/styles/app.css", "static/styles/audit.css", "static/styles/sec.css"];
const typescriptEntries = ["static/scripts/app.ts", "static/scripts/audit.ts", "static/scripts/onboarding.ts", "static/scripts/keygen.ts"];
const CSSEntries = ["static/styles/app.css", "static/styles/audit.css", "static/styles/onboarding.css"];
export const entries = [...typescriptEntries, ...CSSEntries];
Loading

0 comments on commit 2548cdc

Please sign in to comment.