main page refinement
This commit is contained in:
overcuriousity
parent
cbfac0922a
commit
c076ee028f
@ -55,7 +55,7 @@ class DNSReconApp {
|
|||||||
addToGraph: document.getElementById('add-to-graph'),
|
addToGraph: document.getElementById('add-to-graph'),
|
||||||
stopScan: document.getElementById('stop-scan'),
|
stopScan: document.getElementById('stop-scan'),
|
||||||
exportResults: document.getElementById('export-results'),
|
exportResults: document.getElementById('export-results'),
|
||||||
configureApiKeys: document.getElementById('configure-api-keys'),
|
configureSettings: document.getElementById('configure-settings'),
|
||||||
|
|
||||||
// Status elements
|
// Status elements
|
||||||
scanStatus: document.getElementById('scan-status'),
|
scanStatus: document.getElementById('scan-status'),
|
||||||
@ -74,9 +74,9 @@ class DNSReconApp {
|
|||||||
modalDetails: document.getElementById('modal-details'),
|
modalDetails: document.getElementById('modal-details'),
|
||||||
modalClose: document.getElementById('modal-close'),
|
modalClose: document.getElementById('modal-close'),
|
||||||
|
|
||||||
// API Key Modal elements
|
// Settings Modal elements
|
||||||
apiKeyModal: document.getElementById('api-key-modal'),
|
settingsModal: document.getElementById('settings-modal'),
|
||||||
apiKeyModalClose: document.getElementById('api-key-modal-close'),
|
settingsModalClose: document.getElementById('settings-modal-close'),
|
||||||
apiKeyInputs: document.getElementById('api-key-inputs'),
|
apiKeyInputs: document.getElementById('api-key-inputs'),
|
||||||
saveApiKeys: document.getElementById('save-api-keys'),
|
saveApiKeys: document.getElementById('save-api-keys'),
|
||||||
resetApiKeys: document.getElementById('reset-api-keys'),
|
resetApiKeys: document.getElementById('reset-api-keys'),
|
||||||
@ -153,7 +153,7 @@ class DNSReconApp {
|
|||||||
this.exportResults();
|
this.exportResults();
|
||||||
});
|
});
|
||||||
|
|
||||||
this.elements.configureApiKeys.addEventListener('click', () => this.showApiKeyModal());
|
this.elements.configureSettings.addEventListener('click', () => this.showSettingsModal());
|
||||||
|
|
||||||
// Enter key support for target domain input
|
// Enter key support for target domain input
|
||||||
this.elements.targetDomain.addEventListener('keypress', (e) => {
|
this.elements.targetDomain.addEventListener('keypress', (e) => {
|
||||||
@ -173,13 +173,13 @@ class DNSReconApp {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// API Key Modal interactions
|
// Settings Modal interactions
|
||||||
if (this.elements.apiKeyModalClose) {
|
if (this.elements.settingsModalClose) {
|
||||||
this.elements.apiKeyModalClose.addEventListener('click', () => this.hideApiKeyModal());
|
this.elements.settingsModalClose.addEventListener('click', () => this.hideSettingsModal());
|
||||||
}
|
}
|
||||||
if (this.elements.apiKeyModal) {
|
if (this.elements.settingsModal) {
|
||||||
this.elements.apiKeyModal.addEventListener('click', (e) => {
|
this.elements.settingsModal.addEventListener('click', (e) => {
|
||||||
if (e.target === this.elements.apiKeyModal) this.hideApiKeyModal();
|
if (e.target === this.elements.settingsModal) this.hideSettingsModal();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
if (this.elements.saveApiKeys) {
|
if (this.elements.saveApiKeys) {
|
||||||
@ -198,7 +198,7 @@ class DNSReconApp {
|
|||||||
document.addEventListener('keydown', (e) => {
|
document.addEventListener('keydown', (e) => {
|
||||||
if (e.key === 'Escape') {
|
if (e.key === 'Escape') {
|
||||||
this.hideModal();
|
this.hideModal();
|
||||||
this.hideApiKeyModal();
|
this.hideSettingsModal();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -687,7 +687,7 @@ class DNSReconApp {
|
|||||||
}
|
}
|
||||||
if (this.elements.targetDomain) this.elements.targetDomain.disabled = true;
|
if (this.elements.targetDomain) this.elements.targetDomain.disabled = true;
|
||||||
if (this.elements.maxDepth) this.elements.maxDepth.disabled = true;
|
if (this.elements.maxDepth) this.elements.maxDepth.disabled = true;
|
||||||
if (this.elements.configureApiKeys) this.elements.configureApiKeys.disabled = true;
|
if (this.elements.configureSettings) this.elements.configureSettings.disabled = true;
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'idle':
|
case 'idle':
|
||||||
@ -710,7 +710,7 @@ class DNSReconApp {
|
|||||||
}
|
}
|
||||||
if (this.elements.targetDomain) this.elements.targetDomain.disabled = false;
|
if (this.elements.targetDomain) this.elements.targetDomain.disabled = false;
|
||||||
if (this.elements.maxDepth) this.elements.maxDepth.disabled = false;
|
if (this.elements.maxDepth) this.elements.maxDepth.disabled = false;
|
||||||
if (this.elements.configureApiKeys) this.elements.configureApiKeys.disabled = false;
|
if (this.elements.configureSettings) this.elements.configureSettings.disabled = false;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1931,20 +1931,20 @@ class DNSReconApp {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Show API Key modal
|
* Show Settings modal
|
||||||
*/
|
*/
|
||||||
showApiKeyModal() {
|
showSettingsModal() {
|
||||||
if (this.elements.apiKeyModal) {
|
if (this.elements.settingsModal) {
|
||||||
this.elements.apiKeyModal.style.display = 'block';
|
this.elements.settingsModal.style.display = 'block';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Hide API Key modal
|
* Hide Settings modal
|
||||||
*/
|
*/
|
||||||
hideApiKeyModal() {
|
hideSettingsModal() {
|
||||||
if (this.elements.apiKeyModal) {
|
if (this.elements.settingsModal) {
|
||||||
this.elements.apiKeyModal.style.display = 'none';
|
this.elements.settingsModal.style.display = 'none';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1971,7 +1971,7 @@ class DNSReconApp {
|
|||||||
const response = await this.apiCall('/api/config/api-keys', 'POST', keys);
|
const response = await this.apiCall('/api/config/api-keys', 'POST', keys);
|
||||||
if (response.success) {
|
if (response.success) {
|
||||||
this.showSuccess(response.message);
|
this.showSuccess(response.message);
|
||||||
this.hideApiKeyModal();
|
this.hideSettingsModal();
|
||||||
this.loadProviders(); // Refresh provider status
|
this.loadProviders(); // Refresh provider status
|
||||||
} else {
|
} else {
|
||||||
throw new Error(response.error || 'Failed to save API keys');
|
throw new Error(response.error || 'Failed to save API keys');
|
||||||
|
|||||||
@ -36,17 +36,6 @@
|
|||||||
<input type="text" id="target-domain" placeholder="example.com" autocomplete="off">
|
<input type="text" id="target-domain" placeholder="example.com" autocomplete="off">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="input-group">
|
|
||||||
<label for="max-depth">Recursion Depth</label>
|
|
||||||
<select id="max-depth">
|
|
||||||
<option value="1">Depth 1 - Direct relationships</option>
|
|
||||||
<option value="2" selected>Depth 2 - Recommended</option>
|
|
||||||
<option value="3">Depth 3 - Extended analysis</option>
|
|
||||||
<option value="4">Depth 4 - Deep reconnaissance</option>
|
|
||||||
<option value="5">Depth 5 - Maximum depth</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="button-group">
|
<div class="button-group">
|
||||||
<button id="start-scan" class="btn btn-primary">
|
<button id="start-scan" class="btn btn-primary">
|
||||||
<span class="btn-icon">[RUN]</span>
|
<span class="btn-icon">[RUN]</span>
|
||||||
@ -64,9 +53,9 @@
|
|||||||
<span class="btn-icon">[EXPORT]</span>
|
<span class="btn-icon">[EXPORT]</span>
|
||||||
<span>Download Results</span>
|
<span>Download Results</span>
|
||||||
</button>
|
</button>
|
||||||
<button id="configure-api-keys" class="btn btn-secondary">
|
<button id="configure-settings" class="btn btn-secondary">
|
||||||
<span class="btn-icon">[API]</span>
|
<span class="btn-icon">[API]</span>
|
||||||
<span>Configure API Keys</span>
|
<span>Settings</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -104,6 +93,12 @@
|
|||||||
<div class="progress-bar">
|
<div class="progress-bar">
|
||||||
<div id="progress-fill" class="progress-fill"></div>
|
<div id="progress-fill" class="progress-fill"></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="progress-placeholder">
|
||||||
|
<span class="status-label">Reconnaissance on a large domain could take very long. Don´t try to scan Google.com.</span>
|
||||||
|
<br>
|
||||||
|
<span class="status-label">The main bottleneck is the request to crt.sh which is subject to harsh rate-limits.
|
||||||
|
The processing is done via a task-queue which operates by the pronciple of highest-priority-first: Long-running-tasks will be done last.</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -187,16 +182,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="api-key-modal" class="modal">
|
<div id="settings-modal" class="modal">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h3>Configure API Keys</h3>
|
<h3>Settings</h3>
|
||||||
<button id="api-key-modal-close" class="modal-close">[×]</button>
|
<button id="settings-modal-close" class="modal-close">[×]</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<p class="modal-description">
|
<p class="modal-description">
|
||||||
Enter your API keys for enhanced data providers. Keys are stored in memory for the current session only and are never saved to disk.
|
Configure scan settings and API keys. Keys are stored in memory for the current session only.
|
||||||
|
Only provide API-keys you dont use for anything else. Don´t enter an API-key if you don´t trust me (best practice would that you don´t).
|
||||||
</p>
|
</p>
|
||||||
|
<br>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="max-depth">Recursion Depth</label>
|
||||||
|
<select id="max-depth">
|
||||||
|
<option value="1">Depth 1 - Direct relationships</option>
|
||||||
|
<option value="2" selected>Depth 2 - Recommended</option>
|
||||||
|
<option value="3">Depth 3 - Extended analysis</option>
|
||||||
|
<option value="4">Depth 4 - Deep reconnaissance</option>
|
||||||
|
<option value="5">Depth 5 - Maximum depth</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
<div id="api-key-inputs">
|
<div id="api-key-inputs">
|
||||||
</div>
|
</div>
|
||||||
<div class="button-group" style="flex-direction: row; justify-content: flex-end;">
|
<div class="button-group" style="flex-direction: row; justify-content: flex-end;">
|
||||||
@ -204,7 +211,7 @@
|
|||||||
<span>Reset</span>
|
<span>Reset</span>
|
||||||
</button>
|
</button>
|
||||||
<button id="save-api-keys" class="btn btn-primary">
|
<button id="save-api-keys" class="btn btn-primary">
|
||||||
<span>Save Keys</span>
|
<span>Save API-Keys</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user