mirror of
https://github.com/retspen/webvirtcloud
synced 2026-07-03 10:05:41 +00:00
Compare commits
No commits in common. "4d5b346e44bb2e197afb6cc247cd975478b4abc2" and "6e76eb2cd9437b81b003b65edc8479751981e8de" have entirely different histories.
4d5b346e44
...
6e76eb2cd9
3 changed files with 12 additions and 50 deletions
|
|
@ -21,8 +21,7 @@
|
||||||
{% bootstrap_form_errors form %}
|
{% bootstrap_form_errors form %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
<form class="form-signin" method="post" role="form" aria-label="Login form">{% csrf_token %}
|
||||||
<form id="form-signin" class="form-signin" method="post" role="form" aria-label="Login form">{% csrf_token %}
|
|
||||||
<h2 class="form-signin-heading">{% trans "Sign In" %}</h2>
|
<h2 class="form-signin-heading">{% trans "Sign In" %}</h2>
|
||||||
{% bootstrap_field form.username layout='inline' %}
|
{% bootstrap_field form.username layout='inline' %}
|
||||||
{% bootstrap_field form.password layout='inline' %}
|
{% bootstrap_field form.password layout='inline' %}
|
||||||
|
|
@ -30,28 +29,9 @@
|
||||||
<a href="{% url 'accounts:email_otp' %}" class="float-end">{% trans "I do not have/lost my OTP!" %}</a>
|
<a href="{% url 'accounts:email_otp' %}" class="float-end">{% trans "I do not have/lost my OTP!" %}</a>
|
||||||
<br>
|
<br>
|
||||||
<div class="d-grid">
|
<div class="d-grid">
|
||||||
<button id="btn-signin" class="btn btn-lg btn-success" type="submit">{% trans "Sign In" %}</button>
|
<button class="btn btn-lg btn-success" type="submit">{% trans "Sign In" %}</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
||||||
{% block script %}
|
|
||||||
<script>
|
|
||||||
$(document).ready(function() {
|
|
||||||
$("#btn-signin").click(function() {
|
|
||||||
// disable button
|
|
||||||
$(this).prop("disabled", true);
|
|
||||||
// add spinner to button
|
|
||||||
$(this).html(
|
|
||||||
`
|
|
||||||
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
|
|
||||||
{% trans "Loading" %}...
|
|
||||||
`
|
|
||||||
);
|
|
||||||
$("#form-signin").submit();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% endblock script%}
|
|
||||||
|
|
@ -22,34 +22,15 @@
|
||||||
{% trans "Incorrect username or password." %}
|
{% trans "Incorrect username or password." %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<form id="form-signin" class="form-signin" method="post" role="form" aria-label="Login form">{% csrf_token %}
|
<form class="form-signin" method="post" role="form" aria-label="Login form">{% csrf_token %}
|
||||||
<h2 class="form-signin-heading">{% trans "Sign In" %}</h2>
|
<h2 class="form-signin-heading">{% trans "Sign In" %}</h2>
|
||||||
<input type="text" class="form-control" name="username" placeholder="{% trans 'User' %}" autocapitalize="none" autocorrect="off" autofocus required>
|
<input type="text" class="form-control" name="username" placeholder="{% trans 'User' %}" autocapitalize="none" autocorrect="off" autofocus required>
|
||||||
<input type="password" class="form-control" name="password" placeholder="{% trans 'Password' %}" required>
|
<input type="password" class="form-control" name="password" placeholder="{% trans 'Password' %}" required>
|
||||||
<input type="hidden" name="next" value="{{ next }}">
|
<input type="hidden" name="next" value="{{ next }}">
|
||||||
<div class="d-grid">
|
<div class="d-grid">
|
||||||
<button id="btn-signin" class="btn btn-lg btn-success" type="submit">{% trans "Sign In" %}</button>
|
<button class="btn btn-lg btn-success" type="submit">{% trans "Sign In" %}</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block script %}
|
|
||||||
<script>
|
|
||||||
$(document).ready(function() {
|
|
||||||
$("#btn-signin").click(function() {
|
|
||||||
// disable button
|
|
||||||
$(this).prop("disabled", true);
|
|
||||||
// add spinner to button
|
|
||||||
$(this).html(
|
|
||||||
`
|
|
||||||
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
|
|
||||||
{% trans "Loading" %}...
|
|
||||||
`
|
|
||||||
);
|
|
||||||
$("#form-signin").submit();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% endblock script%}
|
|
||||||
|
|
@ -12,14 +12,15 @@
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<form method="post" aria-label="Select compute for instance create form">{% csrf_token %}
|
<form method="post" aria-label="Select compute for instance create form">
|
||||||
|
{% csrf_token %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr style="cursor:default;pointer-events:none">
|
<tr style="cursor:default;pointer-events:none">
|
||||||
<th>{% trans "Name" %}</th>
|
<th>{% trans "Name" %}</th>
|
||||||
<th>{% trans "VCPU" %}
|
<th>{% trans "VCPU" %}
|
||||||
<th>{% trans "CPU Usage" %}</th>
|
<th>{% trans "Cpu Usage" %}</th>
|
||||||
<th>{% trans "Memory" %}</th>
|
<th>{% trans "Memory" %}</th>
|
||||||
<th>{% trans "Mem Usage" %}</th>
|
<th>{% trans "Mem Usage" %}</th>
|
||||||
<th>{% trans "Action" %}</th>
|
<th>{% trans "Action" %}</th>
|
||||||
|
|
@ -28,12 +29,12 @@
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for compute in computes %}
|
{% for compute in computes %}
|
||||||
{% if compute.status is True %}
|
{% if compute.status is True %}
|
||||||
<tr>
|
<tr style="text-decoration: none">
|
||||||
<td>{{ compute.name }}</td>
|
<td>{{ compute.name }}</td>
|
||||||
<td>{{ compute.cpu_count }}</td>
|
<td>{{ compute.cpu_count }}</td>
|
||||||
<td>
|
<td>
|
||||||
<div class="progress">
|
<div class="progress">
|
||||||
<div class="progress-bar bg-primary" role="progressbar" style="width: {{ compute.cpu_usage }}%"
|
<div class="progress-bar bg-success" role="progressbar" style="width: {{ compute.cpu_usage }}%"
|
||||||
aria-valuenow="{{ compute.cpu_usage }}" aria-valuemin="0" aria-valuemax="100">{{ compute.cpu_usage }}%
|
aria-valuenow="{{ compute.cpu_usage }}" aria-valuemin="0" aria-valuemax="100">{{ compute.cpu_usage }}%
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -41,7 +42,7 @@
|
||||||
<td>{{ compute.ram_size|filesizeformat }}</td>
|
<td>{{ compute.ram_size|filesizeformat }}</td>
|
||||||
<td>
|
<td>
|
||||||
<div class="progress">
|
<div class="progress">
|
||||||
<div class="progress-bar bg-primary" role="progressbar" style="width: {{ compute.ram_usage }}%"
|
<div class="progress-bar bg-success" role="progressbar" style="width: {{ compute.ram_usage }}%"
|
||||||
aria-valuenow="{{ compute.ram_usage }}" aria-valuemin="0" aria-valuemax="100">{{ compute.ram_usage }}%
|
aria-valuenow="{{ compute.ram_usage }}" aria-valuemin="0" aria-valuemax="100">{{ compute.ram_usage }}%
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue