mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-11 04:36:48 +00:00
e324e79fcb
Twenty tables had no .table-responsive wrapper, so on a phone the user list, compute list, VM lists, network and network filter pages scrolled sideways as a whole. Each table now scrolls inside its box, as the other ten already did. The page test walks the network page too, and checks that every table on every page has the wrapper. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
65 lines
2.8 KiB
HTML
65 lines
2.8 KiB
HTML
{% extends "base.html" %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
{% load bootstrap_icons %}
|
|
{% block title %}{% trans "Removed VMs" %}{% endblock %}
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
{% include 'search_block.html' %}
|
|
<h1 class="page-header">{% trans "Removed VMs" %}</h1>
|
|
<p class="text-muted">{% trans "VMs that vanished from their compute. Their owners come back if the same UUID shows up again before the record expires." %}</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
{% if not tombstones %}
|
|
<div class="col-lg-12">
|
|
<div class="alert alert-info shadow-sm">
|
|
{% bs_icon 'info-circle' %} {% trans "No removed VMs" %}
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="col-lg-12">
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th span="col">{% trans "Name" %}</th>
|
|
<th span="col">{% trans "UUID" %}</th>
|
|
<th span="col">{% trans "Owners" %}</th>
|
|
<th span="col">{% trans "Removed" %}</th>
|
|
<th span="col">{% trans "Expires" %}</th>
|
|
<th span="col">{% trans "Actions" %}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="searchable">
|
|
{% for tombstone in tombstones %}
|
|
<tr>
|
|
<td>
|
|
<strong>{{ tombstone.name }}</strong>
|
|
{% if tombstone.is_template %}<span class="badge bg-secondary">{% trans "Template" %}</span>{% endif %}
|
|
</td>
|
|
<td>{{ tombstone.uuid }}</td>
|
|
<td>{{ tombstone.owner_names|join:", " }}</td>
|
|
<td>{{ tombstone.removed|date:"Y-m-d H:i" }}</td>
|
|
<td>{{ tombstone.expires|date:"Y-m-d H:i" }}</td>
|
|
<td>
|
|
<div class="float-end btn-group">
|
|
<a class="btn btn-danger" href="{% url 'admin:tombstone_delete' tombstone.id %}" title="{% trans "Delete" %}">
|
|
{% bs_icon 'x' %}
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock content %}
|
|
|
|
{% block script %}
|
|
<script src="{% static 'js/filter-table.js' %}"></script>
|
|
{% endblock script %}
|