...
This commit is contained in:
@@ -84,6 +84,26 @@
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.pubkey-container {
|
||||
margin-top: 15px;
|
||||
padding: 10px;
|
||||
background-color: #f8f9fa;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.pubkey-label {
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.pubkey-value {
|
||||
font-family: monospace;
|
||||
word-break: break-all;
|
||||
background-color: #e9ecef;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #ced4da;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -118,7 +138,21 @@
|
||||
<div class="form-group">
|
||||
<label>Current Space: <span id="current-space-name"></span></label>
|
||||
</div>
|
||||
<button id="logout-button" class="danger">Logout</button>
|
||||
<div class="form-group">
|
||||
<button id="logout-button" class="danger">Logout</button>
|
||||
<button id="delete-space-button" class="danger">Delete Space</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="manage-spaces-form">
|
||||
<h3>Manage Spaces</h3>
|
||||
<div class="form-group">
|
||||
<label for="space-list">Available Spaces:</label>
|
||||
<select id="space-list">
|
||||
<option value="">-- Select a space --</option>
|
||||
</select>
|
||||
<button id="delete-selected-space-button" class="danger">Delete Selected Space</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="result" id="space-result">Result will appear here</div>
|
||||
@@ -166,6 +200,55 @@
|
||||
<div class="result" id="verify-result">Verification result will appear here</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<h2>Verify with Public Key Only</h2>
|
||||
<div>
|
||||
<div class="form-group">
|
||||
<label for="pubkey-verify-pubkey">Public Key (hex):</label>
|
||||
<input type="text" id="pubkey-verify-pubkey" placeholder="Enter public key in hex format" />
|
||||
</div>
|
||||
<textarea id="pubkey-verify-message" placeholder="Enter message to verify" rows="3"></textarea>
|
||||
<textarea id="pubkey-verify-signature" placeholder="Enter signature to verify" rows="3"></textarea>
|
||||
<button id="pubkey-verify-button">Verify with Public Key</button>
|
||||
</div>
|
||||
<div class="result" id="pubkey-verify-result">Verification result will appear here</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<h2>Derive Public Key from Private Key</h2>
|
||||
<div>
|
||||
<div class="form-group">
|
||||
<label for="derive-pubkey-privkey">Private Key (hex):</label>
|
||||
<input type="text" id="derive-pubkey-privkey" placeholder="Enter private key in hex format" />
|
||||
</div>
|
||||
<button id="derive-pubkey-button">Derive Public Key</button>
|
||||
</div>
|
||||
<div class="result" id="derive-pubkey-result">Public key will appear here</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<h2>Asymmetric Encryption</h2>
|
||||
<div>
|
||||
<div class="form-group">
|
||||
<label for="asymmetric-encrypt-pubkey">Recipient's Public Key (hex):</label>
|
||||
<input type="text" id="asymmetric-encrypt-pubkey" placeholder="Enter recipient's public key in hex format" />
|
||||
</div>
|
||||
<textarea id="asymmetric-encrypt-message" placeholder="Enter message to encrypt" rows="3">This is a secret message that will be encrypted with asymmetric encryption</textarea>
|
||||
<button id="asymmetric-encrypt-button">Encrypt with Public Key</button>
|
||||
</div>
|
||||
<div class="result" id="asymmetric-encrypt-result">Encrypted data will appear here</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<h2>Asymmetric Decryption</h2>
|
||||
<div>
|
||||
<div class="note">Note: Uses the currently selected keypair for decryption</div>
|
||||
<textarea id="asymmetric-decrypt-ciphertext" placeholder="Enter ciphertext (hex)" rows="3"></textarea>
|
||||
<button id="asymmetric-decrypt-button">Decrypt with Private Key</button>
|
||||
</div>
|
||||
<div class="result" id="asymmetric-decrypt-result">Decrypted data will appear here</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<h2>Symmetric Encryption</h2>
|
||||
<div>
|
||||
|
Reference in New Issue
Block a user