j3d1/webvirtcloud
1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2026-11-11 12:46:49 +00:00
Code Issues Projects Releases Wiki Activity

feat(templates): the shared form and delete pages in a centred column

Browse source 
The pages many views share were a horizontal form whose Cancel went
back in a primary colour beside a green Save, and a delete question in
a yellow alert squeezed into half the width, which wrapped word by word
on a phone.

Both now sit in a centred column with their heading: the form's fields
with their labels above in a card, Cancel outlined and Save the primary
action; the delete page asks "Delete <name>?" in a card with a red
edge, says what deleting does, and offers Cancel and Delete.

The form for a user's rights on a VM names them as the VM's Users tab
does: Change settings, Delete the VM, and Change console settings,
which only counts together with Change settings.
This commit is contained in:
catborise 2026-10-31 14:56:33 +03:00
parent 9790da9931
commit 488a77b3c7
5 changed files with 49 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

31
templates/common/form.html
View file

@ -1,27 +1,28 @@
{% extends "base.html" %}
{% load django_bootstrap5 %}
{% load bootstrap_icons %}
{% load i18n %}
{% block title %}{{ title }}{% endblock %}
{% block page_heading %}{{ title }}{% endblock page_heading %}
{% block page_header %}
<div class="row justify-content-center">
<div class="col-lg-8"><h3 class="mb-3">{{ title }}</h3></div>
</div>
{% endblock page_header %}
{% block content %}
<div class="card">
<div class="card-body">
<form id="create-update" action="" method="post">
<div class="row justify-content-center">
<div class="col-lg-8">
<form method="post">
{% csrf_token %}
{% bootstrap_form form layout='horizontal' %}
<div class="card mb-3">
<div class="card-body">{% bootstrap_form form %}</div>
</div>
<div class="d-flex flex-wrap justify-content-end gap-2">
<a class="btn btn-outline-secondary" href="javascript:history.back()">{% trans "Cancel" %}</a>
<button type="submit" class="btn btn-primary">{% trans "Save" %}</button>
</div>
</form>
</div>
<div class="card-footer">
<div class="mb-0 float-end">
<a class="btn btn-primary" href="javascript:history.back()">{% bs_icon 'x' %} {% trans "Cancel" %}</a>
<button type="submit" form="create-update" class="btn btn-success">
{% bs_icon 'check2' %} {% trans "Save" %}
</button>
</div>
</div>
</div>
{% endblock content %}
{% endblock content %}