Skip to content

Commit 4c27c74

Browse files
TerrtiaTerrtia
committed
chg: [crawler dashboard] improve template
1 parent d56d3cc commit 4c27c74

4 files changed

Lines changed: 95 additions & 54 deletions

File tree

‎var/www/templates/crawler/crawler_splash/dashboard_crawler.html‎

Lines changed: 87 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,34 @@
1515
<script src="{{ url_for('static', filename='js/moment.min.js') }}"></script>
1616
<script src="{{ url_for('static', filename='js/jquery.daterangepicker.min.js') }}"></script>
1717

18+
<style>
19+
.dashboard-section-title {
20+
font-weight: 600;
21+
margin-bottom: .75rem;
22+
}
23+
.metric-card .card-header {
24+
padding: .75rem 1rem;
25+
}
26+
.metric-card h5 {
27+
font-size: 1.05rem;
28+
margin-bottom: .5rem;
29+
}
30+
.metric-grid .stat-label {
31+
font-size: .8rem;
32+
opacity: .9;
33+
}
34+
.search-section .card {
35+
height: 100%;
36+
}
37+
.table-status-wrapper {
38+
overflow-x: auto;
39+
}
40+
@media (max-width: 991.98px) {
41+
.metric-card {
42+
margin-bottom: .75rem;
43+
}
44+
}
45+
</style>
1846

1947
</head>
2048

@@ -31,63 +59,87 @@
3159

3260
{% include 'crawler/crawler_disabled.html' %}
3361

34-
<div class="row">
35-
<div class="col-xl-4">
62+
<div class="mt-3 mb-2 d-flex justify-content-between align-items-center flex-wrap">
63+
<h4 class="dashboard-section-title mb-2 mb-md-0"><i class="fas fa-spider"></i> Crawler Dashboard</h4>
64+
<small class="text-muted">Live crawler status and domain search tools</small>
65+
</div>
66+
67+
<div class="row metric-grid">
68+
<div class="col-12 col-md-6 col-xl-4">
3669

37-
<div class="card mt-1 mb-1">
70+
<div class="card metric-card mt-1 mb-1">
3871
<div class="card-header text-white bg-dark">
3972
<h5><a class="text-white" href="{{ url_for('crawler_splash.crawlers_last_domains')}}?type=onion"><i class="fas fa-user-secret"></i> Onions Crawlers</a></h5>
4073
<div class="row">
4174
<div class="col-5">
42-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&up=True&date_from={{date}}&date_to={{date}}" class="badge badge-success" id="stat_onion_domain_up">{{ crawlers_latest_stats['onion']['up'] }}</a> <small>UP</small>
43-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-danger ml-md-3" id="stat_onion_domain_down">{{ crawlers_latest_stats['onion']['down'] }}</a> <small>DOWN</small>
75+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&up=True&date_from={{date}}&date_to={{date}}" class="badge badge-success" id="stat_onion_domain_up">{{ crawlers_latest_stats['onion']['up'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&up=True&date_from={{date}}&date_to={{date}}">UP</a>
76+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-danger ml-md-3" id="stat_onion_domain_down">{{ crawlers_latest_stats['onion']['down'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&down=True&date_from={{date}}&date_to={{date}}">DOWN</a>
4477
</div>
4578
<div class="col-7">
46-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&up=True&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-primary" id="stat_onion_total">{{ crawlers_latest_stats['onion']['crawled'] }}</a> <small>Crawled</small>
47-
<span class="badge badge-warning ml-md-3" id="stat_onion_queue">{{ crawlers_latest_stats['onion']['queue'] }}</span> <small>Queue</small>
79+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&up=True&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-primary" id="stat_onion_total">{{ crawlers_latest_stats['onion']['crawled'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=onion&up=True&down=True&date_from={{date}}&date_to={{date}}">Crawled</a>
80+
<span class="badge badge-warning ml-md-3" id="stat_onion_queue">{{ crawlers_latest_stats['onion']['queue'] }}</span> <small class="stat-label">Queue</small>
4881
</div>
4982
</div>
5083
</div>
5184
</div>
5285

5386
</div>
5487
<div class="col-xl-4">
55-
<div class="card mt-1 mb-1">
88+
<div class="card metric-card mt-1 mb-1">
5689
<div class="card-header text-white bg-dark">
5790
<h5><a class="text-white" href="{{ url_for('crawler_splash.crawlers_last_domains')}}?type=i2p"><i class="fas fa-user-secret"></i> I2P Crawlers</a></h5>
5891
<div class="row">
5992
<div class="col-5">
60-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&up=True&date_from={{date}}&date_to={{date}}" class="badge badge-success" id="stat_i2p_domain_up">{{ crawlers_latest_stats['i2p']['up'] }}</a> <small>UP</small>
61-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-danger ml-md-3" id="stat_i2p_domain_down">{{ crawlers_latest_stats['i2p']['down'] }}</a> <small>DOWN</small>
93+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&up=True&date_from={{date}}&date_to={{date}}" class="badge badge-success" id="stat_i2p_domain_up">{{ crawlers_latest_stats['i2p']['up'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&up=True&date_from={{date}}&date_to={{date}}">UP</a>
94+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-danger ml-md-3" id="stat_i2p_domain_down">{{ crawlers_latest_stats['i2p']['down'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&down=True&date_from={{date}}&date_to={{date}}">DOWN</a>
6295
</div>
6396
<div class="col-7">
64-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&up=True&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-primary" id="stat_i2p_total">{{ crawlers_latest_stats['i2p']['crawled'] }}</a> <small>Crawled</small>
65-
<span class="badge badge-warning ml-md-3" id="stat_i2p_queue">{{ crawlers_latest_stats['i2p']['queue'] }}</span> <small>Queue</small>
97+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&up=True&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-primary" id="stat_i2p_total">{{ crawlers_latest_stats['i2p']['crawled'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=i2p&up=True&down=True&date_from={{date}}&date_to={{date}}">Crawled</a>
98+
<span class="badge badge-warning ml-md-3" id="stat_i2p_queue">{{ crawlers_latest_stats['i2p']['queue'] }}</span> <small class="stat-label">Queue</small>
6699
</div>
67100
</div>
68101
</div>
69102
</div>
70103
</div>
71104
<div class="col-xl-4">
72-
<div class="card mt-1 mb-1">
105+
<div class="card metric-card mt-1 mb-1">
73106
<div class="card-header text-white bg-dark">
74107
<h5><a class="text-white" href="{{ url_for('crawler_splash.crawlers_last_domains')}}?type=web"><i class="fab fa-html5"></i> Web Crawlers</a></h5>
75108
<div class="row">
76109
<div class="col-5">
77-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&up=True&date_from={{date}}&date_to={{date}}" class="badge badge-success" id="stat_web_domain_up">{{ crawlers_latest_stats['web']['up'] }}</a> <small>UP</small>
78-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-danger ml-md-3" id="stat_web_domain_down">{{ crawlers_latest_stats['web']['down'] }}</a> <small>DOWN</small>
110+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&up=True&date_from={{date}}&date_to={{date}}" class="badge badge-success" id="stat_web_domain_up">{{ crawlers_latest_stats['web']['up'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&up=True&date_from={{date}}&date_to={{date}}">UP</a>
111+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-danger ml-md-3" id="stat_web_domain_down">{{ crawlers_latest_stats['web']['down'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&down=True&date_from={{date}}&date_to={{date}}">DOWN</a>
79112
</div>
80113
<div class="col-7">
81-
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&up=True&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-primary" id="stat_web_total">{{ crawlers_latest_stats['web']['crawled'] }}</a> <small>Crawled</small>
82-
<span class="badge badge-warning ml-md-3" id="stat_web_queue">{{ crawlers_latest_stats['web']['queue'] }}</span> <small>Queue</small>
114+
<a href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&up=True&down=True&date_from={{date}}&date_to={{date}}" class="badge badge-primary" id="stat_web_total">{{ crawlers_latest_stats['web']['crawled'] }}</a> <a class="stat-label text-light" href="{{ url_for('crawler_splash.domains_search_date') }}?type=web&up=True&down=True&date_from={{date}}&date_to={{date}}">Crawled</a>
115+
<span class="badge badge-warning ml-md-3" id="stat_web_queue">{{ crawlers_latest_stats['web']['queue'] }}</span> <small class="stat-label">Queue</small>
83116
</div>
84117
</div>
85118
</div>
86119
</div>
87120
</div>
88121
</div>
89122

90-
<table class="table">
123+
<div class="row mb-3 mt-2">
124+
<div class="col-12 col-md-6 mb-2 mb-md-0">
125+
<div class="text-center">
126+
<a class="btn btn-secondary" href="{{url_for('crawler_splash.domains_explorer_onion')}}" role="button">
127+
<i class="fas fa-user-secret"></i> Onion Domain Explorer
128+
</a>
129+
</div>
130+
</div>
131+
<div class="col-12 col-md-6">
132+
<div class="text-center">
133+
<a class="btn btn-secondary" href="{{url_for('crawler_splash.domains_explorer_web')}}" role="button">
134+
<i class="fab fa-html5"></i> Web Domain Explorer
135+
</a>
136+
</div>
137+
</div>
138+
</div>
139+
140+
<h5 class="dashboard-section-title mt-3">Recent Crawler Activity</h5>
141+
<div class="table-status-wrapper">
142+
<table class="table table-sm table-hover">
91143
<tbody id="tbody_crawler_onion_info">
92144
{% for crawler in crawlers_status %}
93145
<tr>
@@ -110,40 +162,29 @@ <h5><a class="text-white" href="{{ url_for('crawler_splash.crawlers_last_domains
110162
</tr>
111163
{% endfor %}
112164
</tbody>
113-
</table>
114-
115-
{% include 'domains/block_domains_name_search.html' %}
116-
<div class="d-flex justify-content-center my-4">
117-
{% include 'crawler/show_domains_by_daterange.html' %}
118-
</div>
165+
</table>
166+
</div>
119167

120-
<hr>
121-
<div class="row mb-3">
122-
<div class="col-xl-6">
123-
<div class="text-center">
124-
<a class="btn btn-secondary" href="{{url_for('crawler_splash.domains_explorer_onion')}}" role="button">
125-
<i class="fas fa-user-secret"></i> Onion Domain Explorer
126-
</a>
168+
<div class="search-section mt-3">
169+
<h5 class="dashboard-section-title"><i class="fas fa-search"></i> Search</h5>
170+
<div class="row">
171+
<div class="col-12 col-xl-4 mb-3">
172+
{% include 'crawler/show_domains_by_daterange.html' %}
127173
</div>
128-
</div>
129-
<div class="col-xl-6">
130-
<div class="text-center">
131-
<a class="btn btn-secondary" href="{{url_for('crawler_splash.domains_explorer_web')}}" role="button">
132-
<i class="fab fa-html5"></i> Web Domain Explorer
133-
</a>
174+
<div class="col-12 col-xl-4 mb-3">
175+
{% with object_type='domain' %}
176+
{% include 'tags/block_obj_tags_search.html' %}
177+
{% endwith %}
178+
</div>
179+
<div class="col-12 col-xl-4 mb-3">
180+
{% with object_type='domain' %}
181+
{% include 'domains/block_languages_search.html' %}
182+
{% endwith %}
134183
</div>
135184
</div>
136185
</div>
137186

138-
139-
140-
{% with object_type='domain' %}
141-
{% include 'tags/block_obj_tags_search.html' %}
142-
{% endwith %}
143-
144-
{% with object_type='domain' %}
145-
{% include 'domains/block_languages_search.html' %}
146-
{% endwith %}
187+
{% include 'domains/block_domains_name_search.html' %}
147188

148189
</div>
149190
</div>

‎var/www/templates/crawler/show_domains_by_daterange.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="card text-white bg-dark mb-3 mt-1">
1+
<div class="card text-white bg-dark mb-0 shadow-sm h-100">
22
{% if crawler_stats %}
33
<div class="card-header">
44
<div class="row">
@@ -14,7 +14,7 @@
1414
</div>
1515
{% endif %}
1616
<div class="card-body">
17-
<h5 class="card-title">Search Domains by Date :</h5>
17+
<h5 class="card-title">Search Domains by Date</h5>
1818
<form action="{{ url_for('crawler_splash.domains_search_date_post') }}" id="hash_selector_form" method='post'>
1919
<div class="row">
2020
<div class="col-6">
@@ -43,9 +43,9 @@ <h5 class="card-title">Search Domains by Date :</h5>
4343
</div>
4444
</div>
4545
</div>
46-
<button class="btn btn-primary">
46+
<button class="btn btn-primary mt-2">
4747
<i class="fas fa-eye"></i> Show {{ type }} Domains
4848
</button>
49-
<form>
49+
</form>
5050
</div>
5151
</div>

‎var/www/templates/domains/block_languages_search.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
<div class="card mb-3 mt-1">
1+
<div class="card mb-0 shadow-sm h-100">
22
<div class="card-header text-white bg-dark">
33
<h5 class="card-title mb-0">
4-
<i class="fas fa-language" style="font-size: 1.8rem;"></i> Domains by Languages :
4+
<i class="fas fa-language" style="font-size: 1.8rem;"></i> Domains by Languages
55
</h5>
66
</div>
77
<div class="card-body">

‎var/www/templates/tags/block_obj_tags_search.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<div class="card mb-3 mt-1">
1+
<div class="card mb-0 shadow-sm h-100">
22
<div class="card-header text-white bg-dark">
3-
<h5 class="card-title">Search {{object_name}} by Tags :</h5>
3+
<h5 class="card-title">Search {{object_name}} by Tags</h5>
44
</div>
55
<div class="card-body">
66

0 commit comments

Comments
 (0)