first commit
This commit is contained in:
Mateusz Gruszczyński
191
templates/index.html
Normal file
191
templates/index.html
Normal file
@@ -0,0 +1,191 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Home - IP WHOIS Analyzer{% endblock %}
|
||||
|
||||
{% block nav_home %}active{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- Input Section -->
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="fas fa-paste"></i> Paste IP Addresses</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<textarea class="form-control font-monospace" id="ipInput" rows="10"
|
||||
placeholder="Paste IP addresses here (comma, semicolon, space, or newline separated)...
|
||||
|
||||
Example:
|
||||
192.168.1.1, 8.8.8.8
|
||||
1.1.1.1; 9.9.9.9
|
||||
45.131.219.163"></textarea>
|
||||
<small class="text-muted d-block mt-2">
|
||||
<i class="fas fa-info-circle"></i> Supported separators: comma, semicolon, space, newline, tab
|
||||
</small>
|
||||
<button class="btn btn-primary btn-lg mt-3" onclick="analyzeIPs()">
|
||||
<i class="fas fa-search"></i> Analyze IP Addresses
|
||||
</button>
|
||||
<small class="text-muted d-block mt-2">
|
||||
<i class="fas fa-keyboard"></i> Keyboard shortcut: Ctrl+Enter
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Loading -->
|
||||
<div class="text-center py-5 d-none" id="loading">
|
||||
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
<p class="mt-3 text-primary fw-bold">Analyzing IP addresses...</p>
|
||||
<small class="text-muted">Using Team Cymru bulk WHOIS service</small>
|
||||
</div>
|
||||
|
||||
<!-- Error -->
|
||||
<div class="alert alert-danger d-none" id="error" role="alert"></div>
|
||||
|
||||
<!-- Results -->
|
||||
<div id="results" class="d-none">
|
||||
<!-- Statistics -->
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-success text-white">
|
||||
<h5 class="mb-0"><i class="fas fa-chart-pie"></i> Statistics</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row" id="stats"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Filters -->
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-warning text-dark">
|
||||
<h5 class="mb-0"><i class="fas fa-filter"></i> Filters</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-3">
|
||||
<label class="form-label fw-bold">
|
||||
<i class="fas fa-globe"></i> Countries
|
||||
</label>
|
||||
<div id="countryFilters" class="filter-container"></div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label class="form-label fw-bold">
|
||||
<i class="fas fa-hashtag"></i> ASN
|
||||
</label>
|
||||
<div id="asnFilters" class="filter-container"></div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label class="form-label fw-bold">
|
||||
<i class="fas fa-building"></i> Owners
|
||||
</label>
|
||||
<div id="ownerFilters" class="filter-container"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between align-items-center flex-wrap">
|
||||
<button class="btn btn-secondary mb-2" onclick="clearFilters()">
|
||||
<i class="fas fa-times"></i> Clear all filters
|
||||
</button>
|
||||
<span class="text-muted mb-2" id="filterCount"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Export Section -->
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-info text-white">
|
||||
<h5 class="mb-0"><i class="fas fa-download"></i> Export Rules</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted mb-3">
|
||||
<i class="fas fa-info-circle"></i> Generate firewall rules based on filtered and selected IPs
|
||||
</p>
|
||||
<div class="row g-2">
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<button class="btn btn-outline-primary w-100" onclick="exportIPSet()">
|
||||
<i class="fas fa-list"></i> IPSet
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<button class="btn btn-outline-primary w-100" onclick="exportIPTables()">
|
||||
<i class="fas fa-shield-alt"></i> iptables
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<button class="btn btn-outline-primary w-100" onclick="exportNginx()">
|
||||
<i class="fas fa-server"></i> Nginx
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<button class="btn btn-outline-primary w-100" onclick="exportApache()">
|
||||
<i class="fas fa-feather"></i> Apache
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<button class="btn btn-outline-primary w-100" onclick="exportFirewalld()">
|
||||
<i class="fas fa-fire"></i> Firewalld
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<button class="btn btn-outline-primary w-100" onclick="exportMikrotik()">
|
||||
<i class="fas fa-network-wired"></i> MikroTik
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<button class="btn btn-outline-primary w-100" onclick="exportCIDR()">
|
||||
<i class="fas fa-sitemap"></i> CIDR
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<button class="btn btn-outline-primary w-100" onclick="exportCSV()">
|
||||
<i class="fas fa-file-csv"></i> CSV
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Export Output -->
|
||||
<div id="exportOutput" class="export-section d-none mt-4">
|
||||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||
<h6 class="mb-0" id="exportTitle"></h6>
|
||||
<button class="btn btn-sm btn-success" onclick="copyToClipboard()">
|
||||
<i class="fas fa-copy"></i> Copy to clipboard
|
||||
</button>
|
||||
</div>
|
||||
<pre><code id="exportCode" class="language-bash"></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Results Table -->
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark text-white">
|
||||
<h5 class="mb-0">
|
||||
<i class="fas fa-table"></i> Detailed Results
|
||||
(<span id="tableCount">0</span> IPs)
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover table-striped mb-0">
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th style="width: 50px;">
|
||||
<input type="checkbox" class="form-check-input"
|
||||
id="selectAll" onclick="toggleAll()" checked>
|
||||
</th>
|
||||
<th><i class="fas fa-map-marker-alt"></i> IP Address</th>
|
||||
<th><i class="fas fa-hashtag"></i> ASN</th>
|
||||
<th><i class="fas fa-building"></i> Owner</th>
|
||||
<th><i class="fas fa-flag"></i> Country</th>
|
||||
<th><i class="fas fa-sitemap"></i> Network</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tableBody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block page_script %}
|
||||
<script src="{{ static_hash('js/main.js') }}"></script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user