Reformat HTML templates

This commit is contained in:
Mark Veidemanis 2022-07-21 13:52:13 +01:00
parent 17d465171b
commit 5f2e4f9ce5
Signed by: m
GPG Key ID: 5ACFCEED46C0904F
3 changed files with 139 additions and 139 deletions

View File

@ -6,107 +6,107 @@
Information Information
</p> </p>
<div class="panel-block is-active"> <div class="panel-block is-active">
{% if item is not None %} {% if item is not None %}
<div class="table-container"> <div class="table-container">
<table class="table is-fullwidth is-hoverable"> <table class="table is-fullwidth is-hoverable">
<tbody> <tbody>
<tr> <tr>
<th>src</th> <th>src</th>
<td> <td>
{% if item.src == 'irc' %} {% if item.src == 'irc' %}
<span class="icon" data-tooltip="IRC"> <span class="icon" data-tooltip="IRC">
<i class="fa-solid fa-hashtag" aria-hidden="true"></i> <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
</span> </span>
IRC IRC
{% elif item.src == 'dis' %} {% elif item.src == 'dis' %}
<span class="icon" data-tooltip="Discord"> <span class="icon" data-tooltip="Discord">
<i class="fa-brands fa-discord" aria-hidden="true"></i> <i class="fa-brands fa-discord" aria-hidden="true"></i>
</span> </span>
Discord Discord
{% endif %} {% endif %}
</td> </td>
</tr> </tr>
<tr> <tr>
<th>nick</th> <th>nick</th>
<td> <td>
{% if item.online is True %} {% if item.online is True %}
<span class="icon has-text-success has-tooltip-success" data-tooltip="Online"> <span class="icon has-text-success has-tooltip-success" data-tooltip="Online">
<i class="fa-solid fa-circle"></i> <i class="fa-solid fa-circle"></i>
</span> </span>
{{ item.nick }} {{ item.nick }}
{% elif item.online is False %} {% elif item.online is False %}
<span class="icon has-text-danger has-tooltip-danger" data-tooltip="Offline"> <span class="icon has-text-danger has-tooltip-danger" data-tooltip="Offline">
<i class="fa-solid fa-circle"></i> <i class="fa-solid fa-circle"></i>
</span> </span>
{{ item.nick }} {{ item.nick }}
{% else %} {% else %}
<span class="icon has-text-warning has-tooltip-warning" data-tooltip="Unknown"> <span class="icon has-text-warning has-tooltip-warning" data-tooltip="Unknown">
<i class="fa-solid fa-circle"></i> <i class="fa-solid fa-circle"></i>
</span> </span>
{{ item.nick }} {{ item.nick }}
{% endif %} {% endif %}
{% if item.num_chans is not None %} {% if item.num_chans is not None %}
<span class="tag"> <span class="tag">
{{ item.num_chans }} {{ item.num_chans }}
</span> </span>
{% endif %} {% endif %}
</td> </td>
</tr> </tr>
<tr> <tr>
<th>host</th> <th>host</th>
<td>{{ item.host }}</td> <td>{{ item.host }}</td>
</tr> </tr>
<tr> <tr>
<th>actions</th> <th>actions</th>
<td> <td>
{% if item.src == 'irc' %} {% if item.src == 'irc' %}
<button <button
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}' hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-post="{% url 'modal_insights' %}" hx-post="{% url 'modal_insights' %}"
hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}", "channel": "{{ item.channel }}"}' hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}", "channel": "{{ item.channel }}"}'
hx-target="#modals-here" hx-target="#modals-here"
hx-trigger="click" hx-trigger="click"
class="button is-small"> class="button is-small">
Information Information
</button> </button>
{% endif %} {% endif %}
</td> </td>
</tr> </tr>
<tr> <tr>
<th>net</th> <th>net</th>
<td>{{ item.net }}</td> <td>{{ item.net }}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
{% endif %} {% endif %}
</div>
<div
style="display: none;"
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}"}'
hx-post="{% url 'chans_insights' %}"
hx-trigger="load"
hx-target="#channels"
hx-swap="outerHTML">
</div>
<div
style="display: none;"
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}"}'
hx-post="{% url 'nicks_insights' %}"
hx-trigger="load"
hx-target="#nicks"
hx-swap="outerHTML">
</div>
<div
style="display: none;"
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}"}'
hx-post="{% url 'meta_insights' %}"
hx-trigger="load"
hx-target="#meta"
hx-swap="outerHTML">
</div> </div>
<div
style="display: none;"
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}"}'
hx-post="{% url 'chans_insights' %}"
hx-trigger="load"
hx-target="#channels"
hx-swap="outerHTML">
</div>
<div
style="display: none;"
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}"}'
hx-post="{% url 'nicks_insights' %}"
hx-trigger="load"
hx-target="#nicks"
hx-swap="outerHTML">
</div>
<div
style="display: none;"
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}"}'
hx-post="{% url 'meta_insights' %}"
hx-trigger="load"
hx-target="#meta"
hx-swap="outerHTML">
</div> </div>
</div> </div>
</div>

View File

@ -1,21 +1,21 @@
<div id="meta"> <div id="meta">
<div class="panel is-primary" style="max-height: 30em; overflow: auto"> <div class="panel is-primary" style="max-height: 30em; overflow: auto">
<p class="panel-heading"> <p class="panel-heading">
Meta Meta
</p> </p>
<a class="panel-block is-active"> <a class="panel-block is-active">
<span class="panel-icon"> <span class="panel-icon">
<i class="fa-solid fa-hashtag" aria-hidden="true"></i> <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
</span> </span>
<span <span
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}' hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-post="{% url 'modal_drilldown' %}" hx-post="{% url 'modal_drilldown' %}"
hx-vals='{"net": "{{ net }}", "nick": "{{ nick }}", "channel": "{{ chan }}"}' hx-vals='{"net": "{{ net }}", "nick": "{{ nick }}", "channel": "{{ chan }}"}'
hx-target="#modals-here" hx-target="#modals-here"
hx-trigger="click" hx-trigger="click"
class="button is-small"> class="button is-small">
bbb bbb
</span> </span>
</a> </a>
</div> </div>
</div> </div>

View File

@ -1,21 +1,21 @@
<div id="nicks"> <div id="nicks">
<div class="panel is-primary" style="max-height: 30em; overflow: auto"> <div class="panel is-primary" style="max-height: 30em; overflow: auto">
<p class="panel-heading"> <p class="panel-heading">
Nicks Nicks
</p> </p>
<a class="panel-block is-active"> <a class="panel-block is-active">
<span class="panel-icon"> <span class="panel-icon">
<i class="fa-solid fa-hashtag" aria-hidden="true"></i> <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
</span> </span>
<span <span
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}' hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-post="{% url 'modal_drilldown' %}" hx-post="{% url 'modal_drilldown' %}"
hx-vals='{"net": "{{ net }}", "nick": "{{ nick }}", "channel": "{{ chan }}"}' hx-vals='{"net": "{{ net }}", "nick": "{{ nick }}", "channel": "{{ chan }}"}'
hx-target="#modals-here" hx-target="#modals-here"
hx-trigger="click" hx-trigger="click"
class="button is-small"> class="button is-small">
aaa aaa
</span> </span>
</a> </a>
</div> </div>
</div> </div>