neptune/core/templates/modals/drilldown.html

110 lines
3.7 KiB
HTML
Raw Normal View History

{% load index %}
{% load static %}
<script src="{% static 'modal.js' %}"></script>
<link rel ="stylesheet" href="{% static 'tabs.css' %}">
<script src="{% static 'tabs.js' %}"></script>
2022-08-11 18:36:34 +00:00
<div id="modal" class="modal is-active is-clipped">
2022-07-21 12:51:12 +00:00
<div class="modal-background"></div>
<div class="modal-content">
<div class="box">
2022-08-03 06:20:30 +00:00
<div class="tabs is-toggle is-fullwidth is-info" id="tabs">
2022-07-21 12:51:12 +00:00
<ul>
<li class="is-active" data-tab="1">
<a>
<span class="icon is-small"><i class="fa-solid fa-user"></i></span>
<span>Channels</span>
</a>
</li>
<li data-tab="2">
<a>
<span class="icon is-small"><i class="fa-solid fa-hashtag"></i></span>
<span>Users</span>
</a>
</li>
<li data-tab="3">
<a>
<span class="icon is-small"><i class="fa-solid fa-people"></i></span>
<span>Intersection</span>
</a>
</li>
<li data-tab="4">
<a>
<span class="icon is-small"><i class="fa-solid fa-hashtag"></i></span>
<span>Intersection</span>
</a>
</li>
</ul>
</div>
<div id="tab-content">
<div class="is-active" data-content="1">
2022-07-21 12:51:22 +00:00
<h4 class="subtitle is-4">Channels for {{ nick }} on {{ net }}</h4>
2022-07-21 12:51:12 +00:00
{% for channel in chans %}
2022-07-21 12:52:06 +00:00
<a class="panel-block is-active">
2022-07-21 12:51:12 +00:00
<span class="panel-icon">
<i class="fa-solid fa-hashtag" aria-hidden="true"></i>
</span>
{{ channel }}
{% if nick in num_chans %}
<span class="tag">
{{ num_users|index:channel }}
</span>
{% endif %}
2022-07-21 12:51:12 +00:00
</a>
{% endfor %}
</div>
<div data-content="2">
2022-07-21 12:51:22 +00:00
<h4 class="subtitle is-4">Users on {{ channel }} for {{ net }}</h4>
2022-07-21 12:51:12 +00:00
{% for user in users %}
2022-07-21 12:52:06 +00:00
<a class="panel-block is-active">
2022-07-21 12:51:12 +00:00
<span class="panel-icon">
<i class="fa-solid fa-user" aria-hidden="true"></i>
</span>
{{ user }}
{% if channel in num_users %}
<span class="tag">
{{ num_chans|index:user }}
</span>
{% endif %}
2022-07-21 12:51:12 +00:00
</a>
{% endfor %}
</div>
<div data-content="3">
2022-07-21 12:51:22 +00:00
<h4 class="subtitle is-4">Users sharing channels with {{ nick }} on {{ net }}</h4>
2022-07-21 12:51:12 +00:00
{% for user in inter_users %}
2022-07-21 12:52:06 +00:00
<a class="panel-block is-active">
2022-07-21 12:51:12 +00:00
<span class="panel-icon">
<i class="fa-solid fa-user" aria-hidden="true"></i>
</span>
{{ user }}
{% if channel in num_users %}
<span class="tag">
{{ num_chans|index:user }}
</span>
{% endif %}
2022-07-21 12:51:12 +00:00
</a>
{% endfor %}
</div>
<div data-content="4">
2022-07-21 12:51:22 +00:00
<h4 class="subtitle is-4">Channels sharing users with {{ channel }} on {{ net }}</h4>
2022-07-21 12:51:12 +00:00
{% for channel in inter_chans %}
2022-07-21 12:52:06 +00:00
<a class="panel-block is-active">
2022-07-21 12:51:12 +00:00
<span class="panel-icon">
<i class="fa-solid fa-hashtag" aria-hidden="true"></i>
</span>
{{ channel }}
{% if nick in num_chans %}
<span class="tag">
{{ num_users|index:channel }}
</span>
{% endif %}
2022-07-21 12:51:12 +00:00
</a>
{% endfor %}
</div>
</div>
</div>
<button class="modal-close is-large" aria-label="close"></button>
2022-08-09 06:20:30 +00:00
{# <script>activateButtons();</script> #}
2022-07-21 12:51:12 +00:00
</div>
</div>