convert selection to dropdown
This commit is contained in:
parent
0e3cfb280a
commit
a44e61e9c7
@ -29,41 +29,95 @@
|
|||||||
<a href="{{ url_for('connections') }}" class="btn btn-primary mt-1">Verbindungen</a>
|
<a href="{{ url_for('connections') }}" class="btn btn-primary mt-1">Verbindungen</a>
|
||||||
<a href="{{ url_for('dashboard') }}" class="btn btn-primary mt-1">Auswertung</a>
|
<a href="{{ url_for('dashboard') }}" class="btn btn-primary mt-1">Auswertung</a>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Timeframe Dropdown -->
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<a href="{{ url_for('dashboard', timeframe='last24hours') }}"
|
<div class="dropdown">
|
||||||
class="btn btn-sm mt-1 {% if session['timeframe'] == 'last24hours' %}btn-warning{% else %}btn-secondary{% endif %}">
|
<button class="btn btn-sm mt-1 dropdown-toggle {% if session['timeframe'] in ['last24hours', '7days', '30days', '365days'] %}btn-warning{% else %}btn-secondary{% endif %}"
|
||||||
Last 24 Hours
|
type="button" id="timeframeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
</a>
|
{% if session['timeframe'] == 'last24hours' %}
|
||||||
<a href="{{ url_for('dashboard', timeframe='7days') }}"
|
Last 24 Hours
|
||||||
class="btn btn-sm mt-1 {% if session['timeframe'] == '7days' %}btn-warning{% else %}btn-secondary{% endif %}">
|
{% elif session['timeframe'] == '7days' %}
|
||||||
Last 7 Days
|
Last 7 Days
|
||||||
</a>
|
{% elif session['timeframe'] == '30days' %}
|
||||||
<a href="{{ url_for('dashboard', timeframe='30days') }}"
|
Last 30 Days
|
||||||
class="btn btn-sm mt-1 {% if session['timeframe'] == '30days' %}btn-warning{% else %}btn-secondary{% endif %}">
|
{% elif session['timeframe'] == '365days' %}
|
||||||
Last 30 Days
|
Last 365 Days
|
||||||
</a>
|
{% else %}
|
||||||
<a href="{{ url_for('dashboard', timeframe='365days') }}"
|
Select Timeframe
|
||||||
class="btn btn-sm mt-1 {% if session['timeframe'] == '365days' %}btn-warning{% else %}btn-secondary{% endif %}">
|
{% endif %}
|
||||||
Last 365 Days
|
</button>
|
||||||
</a>
|
<ul class="dropdown-menu" aria-labelledby="timeframeDropdown">
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item {% if session['timeframe'] == 'last24hours' %}active{% endif %}"
|
||||||
|
href="{{ url_for('dashboard', timeframe='last24hours') }}">
|
||||||
|
Last 24 Hours
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item {% if session['timeframe'] == '7days' %}active{% endif %}"
|
||||||
|
href="{{ url_for('dashboard', timeframe='7days') }}">
|
||||||
|
Last 7 Days
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item {% if session['timeframe'] == '30days' %}active{% endif %}"
|
||||||
|
href="{{ url_for('dashboard', timeframe='30days') }}">
|
||||||
|
Last 30 Days
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item {% if session['timeframe'] == '365days' %}active{% endif %}"
|
||||||
|
href="{{ url_for('dashboard', timeframe='365days') }}">
|
||||||
|
Last 365 Days
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Filetype Dropdown -->
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<a href="{{ url_for('dashboard', filetype='audio') }}"
|
<div class="dropdown">
|
||||||
class="btn btn-sm mt-1 {% if session['filetype'] == 'audio' %}btn-warning{% else %}btn-secondary{% endif %}">
|
<button class="btn btn-sm mt-1 dropdown-toggle {% if session['filetype'] in ['audio', 'video', 'photo', 'other'] %}btn-warning{% else %}btn-secondary{% endif %}"
|
||||||
Audio
|
type="button" id="filetypeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
</a>
|
{% if session['filetype'] == 'audio' %}
|
||||||
<a href="{{ url_for('dashboard', filetype='video') }}"
|
Audio
|
||||||
class="btn btn-sm mt-1 {% if session['filetype'] == 'video' %}btn-warning{% else %}btn-secondary{% endif %}">
|
{% elif session['filetype'] == 'video' %}
|
||||||
Video
|
Video
|
||||||
</a>
|
{% elif session['filetype'] == 'photo' %}
|
||||||
<a href="{{ url_for('dashboard', filetype='photo') }}"
|
Photo
|
||||||
class="btn btn-sm mt-1 {% if session['filetype'] == 'photo' %}btn-warning{% else %}btn-secondary{% endif %}">
|
{% elif session['filetype'] == 'other' %}
|
||||||
Photo
|
Other
|
||||||
</a>
|
{% else %}
|
||||||
<a href="{{ url_for('dashboard', filetype='other') }}"
|
Select File Type
|
||||||
class="btn btn-sm mt-1 {% if session['filetype'] == 'other' %}btn-warning{% else %}btn-secondary{% endif %}">
|
{% endif %}
|
||||||
Other
|
</button>
|
||||||
</a>
|
<ul class="dropdown-menu" aria-labelledby="filetypeDropdown">
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item {% if session['filetype'] == 'audio' %}active{% endif %}"
|
||||||
|
href="{{ url_for('dashboard', filetype='audio') }}">
|
||||||
|
Audio
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item {% if session['filetype'] == 'video' %}active{% endif %}"
|
||||||
|
href="{{ url_for('dashboard', filetype='video') }}">
|
||||||
|
Video
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item {% if session['filetype'] == 'photo' %}active{% endif %}"
|
||||||
|
href="{{ url_for('dashboard', filetype='photo') }}">
|
||||||
|
Photo
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item {% if session['filetype'] == 'other' %}active{% endif %}"
|
||||||
|
href="{{ url_for('dashboard', filetype='other') }}">
|
||||||
|
Other
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Summary Cards -->
|
<!-- Summary Cards -->
|
||||||
<div class="row mb-4">
|
<div class="row mb-4">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user