mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-10 20:26:48 +00:00
86c708ed68
Eleven host pages (overview, instances, storages, networks, interfaces, nwfilters, secrets and their item pages) each carried their own copy of the links to the host's sections, as a breadcrumb: the sections are siblings, not a path, and on a phone the separators were left at the start of wrapped lines. The item pages marked no section at all. computes/host_nav.html is the one nav, labelled "Host sections": pills that wrap, the page's section marked active, with aria-current="page" on the section's own page and "true" on an item of it.
92 lines
No EOL
4.1 KiB
HTML
92 lines
No EOL
4.1 KiB
HTML
{% extends "base.html" %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
{% load operations %}
|
|
{% load bootstrap_icons %}
|
|
{% block title %}{% trans "Instances" %} - {{ compute.name }}{% endblock %}
|
|
{% block page_heading %}{{ compute.name }} - {% trans "Instances" %}{% endblock page_heading %}
|
|
|
|
{% block page_heading_extra %}
|
|
<a href="{% url 'instances:create_instance_select_type' compute.id %}"
|
|
class="btn btn-success btn-header float-end" title="{% trans "New Instance" %}">
|
|
{% bs_icon 'plus-circle-fill' %}
|
|
</a>
|
|
{% if instances %}
|
|
{% include 'search_block.html' %}
|
|
{% endif %}
|
|
{% endblock page_heading_extra %}
|
|
|
|
{% block content %}
|
|
<div id="job-panel" aria-live="polite"></div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
{% include "computes/host_nav.html" with section="instances" %}
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
{% if compute.status is not True %}
|
|
<div class="alert alert-danger shadow-sm">
|
|
{% trans 'Problem occurred with host' %} {{ compute.name }}: {{ compute.connection_error }}
|
|
</div>
|
|
{% endif %}
|
|
{% if not instances %}
|
|
{% if compute.status is True %}
|
|
<div class="alert alert-warning shadow-sm fade show">
|
|
{% bs_icon 'exclamation-triangle' %} <strong>{% trans "Warning" %}:</strong>
|
|
{% trans "Hypervisor doesn't have any Instances" %}
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="table-responsive">
|
|
<table class="table table-hover" data-sortable>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">{% trans 'Name' %}<br>{% trans 'Description' %}</th>
|
|
<th scope="col">{% trans 'User' %}</th>
|
|
<th scope="col">{% trans 'Status' %}</th>
|
|
<th scope="col" data-sort-method="number">{% trans 'VCPU' %}</th>
|
|
<th scope="col" class="text-end" data-sort-method="number">{% trans 'Memory' %}</th>
|
|
<th scope="col" data-sort-method="none">{% trans 'Actions' %}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="searchable">
|
|
{% for instance in instances %}
|
|
<tr>
|
|
<td>
|
|
<a class="link-primary" href="{% url 'instances:instance' instance.id %}">{{ instance.name }}</a>
|
|
<br>
|
|
{% if instance.info %}<p class="m-0 small fst-italic">{{ instance.title }}</p>{% endif %}
|
|
</td>
|
|
<td>
|
|
<em>
|
|
{% if instance.userinstance_set.all.count > 0 %}
|
|
{{ instance.userinstance_set.all.0.user }}
|
|
{% if instance.userinstance_set.all.count > 1 %}
|
|
(+{{ instance.userinstance_set.all.count|add:"-1" }})
|
|
{% endif %}
|
|
{% endif %}
|
|
</em>
|
|
</td>
|
|
<td>
|
|
{% include 'instance_state.html' %}
|
|
</td>
|
|
<td data-sort="{{ instance.info.3 }}">{{ instance.info.3 }}</td>
|
|
<td data-sort="{{ instance.info.1 }}"><p class="text-end">{% if instance.info %}{% widthratio instance.info.1 1024 1 %} MiB{% endif %}</p></td>
|
|
<td class="text-nowrap">
|
|
{% include 'instance_actions.html' %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
{% block script %}
|
|
<script src="{% static 'js/poll.js' %}"></script>
|
|
{% job_panel_script job_resource %}
|
|
<script src="{% static 'js/table_filter.js' %}"></script>
|
|
{% endblock %} |