This repository has been archived by the owner on Jan 2, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 17 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charSet="utf-8"/><title>WUBCO</title><meta name="viewport" content="initial-scale=1.0, width=device-width"/><link rel="shortcut icon" type="image/ico" href="/assets/common/blobaa.ico"/><link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet"/><meta name="next-head-count" content="5"/><link rel="preload" href="/_next/static/css/6fff7b00.208c8bdc.chunk.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6fff7b00.208c8bdc.chunk.css" data-n-p=""/><link rel="preload" href="/_next/static/css/styles.43d93af5.chunk.css" as="style"/><link rel="stylesheet" href="/_next/static/css/styles.43d93af5.chunk.css" data-n-p=""/><noscript data-n-css=""></noscript><link rel="preload" href="/_next/static/chunks/main-2a6625883f8d5ac10b56.js" as="script"/><link rel="preload" href="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.a81ea598d7fae17b1ab2.js" as="script"/><link rel="preload" href="/_next/static/chunks/commons.a94f124302cbaeafdd36.js" as="script"/><link rel="preload" href="/_next/static/chunks/f6078781a05fe1bcb0902d23dbbb2662c8d200b3.de5e2a61f6994500a74f.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_app-942ef583163a0f561966.js" as="script"/><link rel="preload" href="/_next/static/chunks/6fff7b00.0a0b70788b6411282e55.js" as="script"/><link rel="preload" href="/_next/static/chunks/styles.4cd0dfe5486b42b7c1ba.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/index-c2f034a117bfd69b7272.js" as="script"/></head><body><div id="__next"><div><div class="content"><nav style="background-color:#fafbfc;box-shadow:0px 0px 5px 2px #f0f0f0" class="navbar navbar-expand navbar-light"><div class="container"><div class="col-lg-4"><span class="navbar-brand"><a href=""><img src="/assets/common/blobaa-ico.svg" height="40rem" alt="BBA DID Method" class=""/></a></span></div><div style="text-align:center" class="col-lg-4"><div style="font-size:1.5rem;color:#444">WUBCO</div></div><div class="col-lg-4"></div></div></nav><div style="min-height:90vh" class="container"><div style="margin-bottom:2.5rem"></div><div style="margin:0 1.5rem"><div style="padding-top:1rem"></div><h2 style="text-align:center"><b style="color:#04A0AD">W</b>eb <b style="color:#04A0AD">U</b>I for <b style="color:#04A0AD">B</b>BA <b style="color:#04A0AD">C</b>RUD <b style="color:#04A0AD">O</b>perations</h2><div style="padding-top:1rem"></div><div class="row"><div style="text-align:center;margin:auto;color:#666;font-size:large;padding-bottom:3rem"><span>Welcome to the web user interface</span><br/><span>for handling the bba DID method operations</span></div><div style="color:#666;font-size:large"><p>This website wraps the <a href="https://github.com/blobaa/bba-did-method-handler-ts">bba DID method handler</a> into a human friendly UI to provide convenient access to the bba DID method. The bba DID method aims to enable the <a href="https://ardorplatform.org">Ardor</a> Blockchain to act as a <a href="https://www.weboftrust.info/downloads/dpki.pdf">DPKI</a> (Public Utility) within the <a href="https://trustoverip.org/wp-content/uploads/sites/98/2020/05/toip_introduction_050520.pdf">Trust over IP stack</a> for Self-Sovereign Identity (<a href="https://www.manning.com/books/self-sovereign-identity">SSI</a>). Further information is available within the <a href="https://github.com/blobaa/bba-did-method-specification">bba DID method specification</a> repository.</p><p>The website is a <a href="https://en.wikipedia.org/wiki/Single-page_application">single-page application</a> and runs entirely in your browser. This means that no private keys and passphrases are sent to any server and that transaction signing and key generation is done locally in your browser. The source code is available <a href="https://github.com/blobaa/bba-did-ui">here</a>.</p><div style="padding-top:1rem"></div><p><div style="margin-bottom:0.6rem">Use the following example DIDs for playing around with the resolution operation:</div><div style="margin-left:1rem">mainnet: <span style="border:1px solid #04A0AD;padding-left:0.2rem;padding-right:0.2rem;border-radius:6px;color:#444">did:bba:47ef0798566073ea302b8178943aaa83f227614d6f36a4d2bcd92993bbed6044</span></div><div style="padding-top:0.4rem"></div><div style="margin-left:1rem">testnet: <span style="border:1px solid #04A0AD;padding-left:0.2rem;padding-right:0.2rem;border-radius:6px;color:#444">did:bba:t:45e6df15dc0a7d91dcccd24fda3b52c3983a214fb0eed0938321c11ec99403cf</span></div><div style="margin-top:0.6rem">A bba DID can also be resolved by the <a href="https://dev.uniresolver.io">Universal Resolver</a>.</div></p></div></div><div style="padding-top:4rem"></div><nav class="nav nav-tabs" role="tablist"><a id="noanim-tab-example-tab-create" href="#" role="tab" data-rb-event-key="create" aria-controls="noanim-tab-example-tabpane-create" aria-selected="true" class="nav-item nav-link active">Create DID</a><a id="noanim-tab-example-tab-resolve" href="#" role="tab" data-rb-event-key="resolve" aria-controls="noanim-tab-example-tabpane-resolve" aria-selected="false" class="nav-item nav-link">Resolve DID</a><a id="noanim-tab-example-tab-updateDDOT" href="#" role="tab" data-rb-event-key="updateDDOT" aria-controls="noanim-tab-example-tabpane-updateDDOT" aria-selected="false" class="nav-item nav-link">Update DID Document</a><a id="noanim-tab-example-tab-updateController" href="#" role="tab" data-rb-event-key="updateController" aria-controls="noanim-tab-example-tabpane-updateController" aria-selected="false" class="nav-item nav-link">Update DID Controller</a><a id="noanim-tab-example-tab-deactivate" href="#" role="tab" data-rb-event-key="deactivate" aria-controls="noanim-tab-example-tabpane-deactivate" aria-selected="false" class="nav-item nav-link">Deactivate DID</a></nav><div class="tab-content"><div id="noanim-tab-example-tabpane-create" aria-labelledby="noanim-tab-example-tab-create" role="tabpanel" aria-hidden="false" class="fade tab-pane active show"><div style="padding-top:1rem"></div><div><div style="padding-top:1rem"></div><form class=""><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formPassphrase">DID Controller Passphrase:</label><input type="password" placeholder="Enter passphrase" id="formPassphrase" class="form-control"/><small class="text-muted form-text">Your Ardor account passphrase.</small></div></div><div style="padding-top:0.4rem"></div><div class="form-row"><div class="form-group"><label class="form-label" for="formNetwork">Network:</label><div class="form-group"><div class="form-check form-check-inline"><input type="radio" checked="" class="form-check-input"/><label title="" class="form-check-label">Testnet</label></div><div class="form-check form-check-inline"><input type="radio" class="form-check-input"/><label title="" class="form-check-label">Mainnet</label></div></div></div></div><div style="padding-top:0.4rem"></div><div class="form-group"><label class="form-label">DID Document Key</label><div class="form-row"><div class="form-group col"><label class="form-label" for="formKeyType">Key Type:</label><select id="formKeyType" class="form-control"><option>RSA</option><option>ED25519</option></select><small class="text-muted form-text">Your DID Document Key Type.</small></div><div class="form-group col"><label class="form-label" for="formKeyRelationship">Relationship:</label><select id="formKeyRelationship" class="form-control"><option>None</option><option>Authentication</option><option>Assertion Method</option><option>Key Agreement</option><option>Capability Invocation</option><option>Capability Delegation</option></select><small class="text-muted form-text">Your verification relationship the key will be used for. Select None if the key should be generic.</small></div></div></div><div style="padding-top:0.4rem"></div><div class="form-group"><label class="form-label">DID Document Service</label><div class="form-row"><div class="form-group col"><label class="form-label" for="formServiceName">Name:</label><input type="text" placeholder="Enter service name" id="formServiceName" class="form-control"/><small class="text-muted form-text">The name of your service. Required for service creation.</small></div><div class="form-group col"><label class="form-label" for="formServiceType">Type:</label><input type="text" placeholder="Enter service type" id="formServiceType" class="form-control"/><small class="text-muted form-text">The type of your service. Required for service creation.</small></div><div class="form-group col"><label class="form-label" for="formServiceUrl">URL:</label><input type="text" placeholder="Enter service endpoint URL" id="formServiceUrl" class="form-control"/><small class="text-muted form-text">The endpoint of your service. Required for service creation.</small></div></div></div><div style="padding-top:1rem"></div><button type="submit" class="btn btn-outline-primary">Create DID</button></form><div style="padding-top:3rem"></div><div></div></div></div><div id="noanim-tab-example-tabpane-resolve" aria-labelledby="noanim-tab-example-tab-resolve" role="tabpanel" aria-hidden="true" class="fade tab-pane"><div style="padding-top:1rem"></div><div><div style="padding-top:1rem"></div><form class=""><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formDid">DID:</label><input type="text" placeholder="Enter bba DID" id="formDid" class="form-control"/><small class="text-muted form-text">The bba DID you want to resolve.</small></div></div><div style="padding-top:1rem"></div><button type="submit" class="btn btn-outline-primary">Resolve DID</button></form><div style="padding-top:3rem"></div><div></div></div></div><div id="noanim-tab-example-tabpane-updateDDOT" aria-labelledby="noanim-tab-example-tab-updateDDOT" role="tabpanel" aria-hidden="true" class="fade tab-pane"><div style="padding-top:1rem"></div><div><div style="padding-top:1rem"></div><form class=""><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formDid">DID:</label><input type="text" placeholder="Enter bba DID" id="formDid" class="form-control"/><small class="text-muted form-text">Your bba DID you want to update.</small></div></div><div style="padding-top:0.4rem"></div><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formPassphrase">DID Controller Passphrase:</label><input type="password" placeholder="Enter passphrase" id="formPassphrase" class="form-control"/><small class="text-muted form-text">Your Ardor account passphrase.</small></div></div><div style="padding-top:0.4rem"></div><div class="form-group"><label class="form-label">New DID Document Key</label><div class="form-row"><div class="form-group col"><label class="form-label" for="formKeyType">Key Type:</label><select id="formKeyType" class="form-control"><option>RSA</option><option>ED25519</option></select><small class="text-muted form-text">Your new DID Document Key Type.</small></div><div class="form-group col"><label class="form-label" for="formKeyRelationship">Relationship:</label><select id="formKeyRelationship" class="form-control"><option>None</option><option>Authentication</option><option>Assertion Method</option><option>Key Agreement</option><option>Capability Invocation</option><option>Capability Delegation</option></select><small class="text-muted form-text">Your new verification relationship the key will be used for. Select None if the key should be generic.</small></div></div></div><div style="padding-top:0.4rem"></div><div class="form-group"><label class="form-label">New DID Document Service</label><div class="form-row"><div class="form-group col"><label class="form-label" for="formServiceName">Name:</label><input type="text" placeholder="Enter service name" id="formServiceName" class="form-control"/><small class="text-muted form-text">The name of your new service. Required for service creation.</small></div><div class="form-group col"><label class="form-label" for="formServiceType">Type:</label><input type="text" placeholder="Enter service type" id="formServiceType" class="form-control"/><small class="text-muted form-text">The type of your new service. Required for service creation.</small></div><div class="form-group col"><label class="form-label" for="formServiceUrl">URL:</label><input type="text" placeholder="Enter service endpoint URL" id="formServiceUrl" class="form-control"/><small class="text-muted form-text">The endpoint of your new service. Required for service creation.</small></div></div></div><div style="padding-top:1rem"></div><button type="submit" class="btn btn-outline-primary">Update DID Document</button></form><div style="padding-top:3rem"></div><div></div></div></div><div id="noanim-tab-example-tabpane-updateController" aria-labelledby="noanim-tab-example-tab-updateController" role="tabpanel" aria-hidden="true" class="fade tab-pane"><div style="padding-top:1rem"></div><div><div style="padding-top:1rem"></div><form class=""><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formDid">DID:</label><input type="text" placeholder="Enter bba DID" id="formDid" class="form-control"/><small class="text-muted form-text">Your bba DID you want to update.</small></div></div><div style="padding-top:0.4rem"></div><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formCurrentPassphrase">Current DID Controller Passphrase:</label><input type="password" placeholder="Enter passphrase" id="formCurrentPassphrase" class="form-control"/><small class="text-muted form-text">Your current Ardor account passphrase.</small></div></div><div style="padding-top:0.4rem"></div><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formNewPassphrase">New DID Controller Passphrase:</label><input type="password" placeholder="Enter passphrase" id="formNewPassphrase" class="form-control"/><small class="text-muted form-text">Your new Ardor account passphrase.</small></div></div><div style="padding-top:1rem"></div><button type="submit" class="btn btn-outline-primary">Update DID Controller</button></form><div style="padding-top:3rem"></div><div></div></div></div><div id="noanim-tab-example-tabpane-deactivate" aria-labelledby="noanim-tab-example-tab-deactivate" role="tabpanel" aria-hidden="true" class="fade tab-pane"><div style="padding-top:1rem"></div><div><div style="padding-top:1rem"></div><form class=""><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formDid">DID:</label><input type="text" placeholder="Enter bba DID" id="formDid" class="form-control"/><small class="text-muted form-text">Your bba DID you want to deactivate.</small></div></div><div style="padding-top:0.4rem"></div><div class="form-row"><div class="form-group col-sm-8"><label class="form-label" for="formPassphrase">DID Controller Passphrase:</label><input type="password" placeholder="Enter passphrase" id="formPassphrase" class="form-control"/><small class="text-muted form-text">Your Ardor account passphrase.</small></div></div><div style="padding-top:1rem"></div><button type="submit" class="btn btn-outline-primary">Deactivate DID</button></form><div style="padding-top:3rem"></div><div></div></div></div></div></div></div><div style="margin-bottom:30px"></div><div style="margin-top:6rem;padding-top:1rem;border-top:1px solid #00000029"><div style="margin-top:1rem;margin-bottom:1rem" class="justify-content-center container"><div class="row"></div><div style="align-items:center" class="row"><div class="col-lg-1"></div><div class="col"><p style="font-size:small;text-align:center"><a href="https://github.com/blobaa/"><img src="/assets/common/github.png" height="40rem" class=""/></a></p></div><div class="col"><p style="font-size:small;text-align:center">hosted with <a href="https://pages.github.com"><img src="/assets/common/github-pages.png" height="20rem" class=""/></a></p></div><div class="col-lg-1"></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"current","nextExport":true,"autoExport":true,"isFallback":false}</script><script nomodule="" src="/_next/static/chunks/polyfills-99d808df29361cf7ffb1.js"></script><script src="/_next/static/chunks/main-2a6625883f8d5ac10b56.js" async=""></script><script src="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" async=""></script><script src="/_next/static/chunks/framework.a81ea598d7fae17b1ab2.js" async=""></script><script src="/_next/static/chunks/commons.a94f124302cbaeafdd36.js" async=""></script><script src="/_next/static/chunks/f6078781a05fe1bcb0902d23dbbb2662c8d200b3.de5e2a61f6994500a74f.js" async=""></script><script src="/_next/static/chunks/pages/_app-942ef583163a0f561966.js" async=""></script><script src="/_next/static/chunks/6fff7b00.0a0b70788b6411282e55.js" async=""></script><script src="/_next/static/chunks/styles.4cd0dfe5486b42b7c1ba.js" async=""></script><script src="/_next/static/chunks/pages/index-c2f034a117bfd69b7272.js" async=""></script><script src="/_next/static/current/_buildManifest.js" async=""></script><script src="/_next/static/current/_ssgManifest.js" async=""></script></body></html>