XF/neptune
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Properly theme and design the Drilldown page

Browse Source
This commit is contained in:
Mark Veidemanis
2022-07-21 13:47:16 +01:00
parent d0ecc92169
commit 7c02e8fe89
5 changed files with 71 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
core/templates/ui/drilldown.html
View File

@@ -4,30 +4,56 @@
<h1 class="title">Welcome to search, {{ user.first_name }}!</h1>
<div class="container">
<div class="row vertical-offset-100">
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-default">
<div class="panel-heading">
{% if query is not None %}
<h3 class="panel-title">Searching for {{ query }}</h3>
{% else %}
<h3 class="panel-title">Search our database</h3>
{% endif %}
<div class="row">
<div class="col-lg-4">
<form method="POST">
{% csrf_token %}
<div class="input-group search-bar">
<input name="query" type="text" class="form-control" placeholder="Search" id="txtSearch"/>
<div class="input-group-btn">
<button class="btn btn-primary" type="submit">
<span class="glyphicon glyphicon-search"></span>
</button>
</div>
</div>
<div class="panel-body">
{% if query is None %}
<form method="POST">
<fieldset>
{% csrf_token %}
<input class="textinput textInput form-control" type="text" name="query">
<input class="btn btn-lg btn-dark btn-block" type="submit" value="Search">
</fieldset>
</form>
{% endif %}
</form>
</div>
</div>
{% if results is not None %}
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Results</div>
<div class="panel-body">
<p>Searching for {{ query }}</p>
</div>
<table class="table table-bordered table-light">
<thead>
<tr>
<th>TS</th>
<th>msg</th>
<th>host</th>
<th>nick</th>
<th>channel</th>
<th>net</th>
</tr>
</thead>
{% for item in results %}
<tr>
<td>{{ item.ts }}</td>
<td>{{ item.msg }}</td>
<td>{{ item.host }}</td>
<td>{{ item.nick }}</td>
<td>{{ item.channel }}</td>
<td>{{ item.net }}</td>
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
</div>
{% endif %}
</div>
{% endblock %}