j3d1/webvirtcloud
1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2025-07-31 12:41:08 +00:00
Code Issues Projects Releases Wiki Activity

Bootstrap5 (#17)

Browse source 
* Bootstrap5 migration
This commit is contained in:
catborise 2021-07-07 14:12:38 +03:00 • committed by GitHub
parent 1663a49cee
commit 073b7b6717
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
244 changed files with 9494 additions and 8597 deletions
Download patch file Download diff file Expand all files Collapse all files

18
networks/templates/add_network_qos.html
View file

@ -1,7 +1,7 @@
{% load i18n %}
{% if request.user.is_superuser %}
<a href="#AddQos{{ id }}" type="button" class="btn btn-success float-right" data-toggle="modal" title="add qos">
<span class="fa fa-plus" aria-hidden="true"></span>
<a href="#AddQos{{ id }}" type="button" class="btn btn-sm btn-success float-end" data-bs-toggle="modal" title="add qos">
<span class="fa fa-barcode" aria-hidden="true"></span>
</a>
<!-- Modal pool -->
@ -11,33 +11,33 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{% trans "Add QoS for Network" %}</h5>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Direction" %}:</label>
<div class="col-sm-6">
<select class="custom-select" name="qos_direction">
<select class="form-select" name="qos_direction">
<option value="inbound">{% trans 'Inbound' %}</option>
<option value="outbound">{% trans 'Outbound' %}</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Average" %}:</label>
<div class="col-sm-6">
<input class="form-control" name="qos_average" placeholder="{% trans "kilobytes" %}"
required pattern="[0-9]+"/>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Peak" %}:</label>
<div class="col-sm-6">
<input class="form-control" name="qos_peak" placeholder="{% trans "kilobytes" %}"
pattern="[0-9]+"/>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Burst" %}:</label>
<div class="col-sm-6">
<input class="form-control" name="qos_burst" placeholder="{% trans "kilobytes" %}"
@ -47,7 +47,7 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans 'Close' %}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans 'Close' %}</button>
<button type="submit" class="btn btn-primary" name="set_qos">{% trans 'Save' %}</button>
</div>
</div>

28
networks/templates/create_net_block.html
View file

@ -1,6 +1,6 @@
{% load i18n %}
{% if request.user.is_superuser %}
<a href="#AddNetPool" type="button" class="btn btn-success float-right" data-toggle="modal">
<a href="#AddNetPool" type="button" class="btn btn-success float-end" data-bs-toggle="modal">
<span class="fa fa-plus" aria-hidden="true"></span>
</a>
@ -10,20 +10,20 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{% trans "Add New Network" %}</h5>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form method="post" action="" role="form" aria-label="Add New Network form" novalidate>{% csrf_token %}
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Name" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="name" placeholder="{% trans "default" %}" required pattern="[a-zA-Z0-9_]+">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Type forwarding" %}</label>
<div class="col-sm-6">
<select id="forward_select" class="custom-select" name="forward">
<select id="forward_select" class="form-select" name="forward">
<option value="nat">{% trans "NAT" %}</option>
<option value="route">{% trans "ROUTE" %}</option>
<option value="none">{% trans "ISOLATE" %}</option>
@ -32,49 +32,49 @@
</select>
</div>
</div>
<div class="form-group row bridge_name_form_group_dhcp">
<div class="row bridge_name_form_group_dhcp">
<label class="col-sm-4 col-form-label">{% trans "IPv4 Subnet pool" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="subnet" value="" placeholder="192.168.100.0/24" required pattern="[0-9\/\.]+">
</div>
</div>
<div class="form-group row bridge_name_form_group_dhcp">
<div class="row bridge_name_form_group_dhcp">
<label class="col-sm-4 col-form-label">{% trans "DHCPv4" %}</label>
<div class="col-sm-6">
<input type="checkbox" name="dhcp4" value="true" checked>
</div>
</div>
<div class="form-group row bridge_name_form_group_dhcp">
<div class="row bridge_name_form_group_dhcp">
<label class="col-sm-4 col-form-label">{% trans "Fixed Addresses" %}</label>
<div class="col-sm-6">
<input type="checkbox" name="fixed" value="true">
</div>
</div>
<div class="form-group row bridge_name_form_group_dhcp">
<div class="row bridge_name_form_group_dhcp">
<label class="col-sm-4 col-form-label">{% trans "Enable IPv6" %}</label>
<div class="col-sm-6">
<input type="checkbox" id="enable_ipv6" name="enable_ipv6" value="false">
</div>
</div>
<div class="form-group row ipv6_group">
<div class="row ipv6_group">
<label class="col-sm-4 col-form-label">{% trans "IPv6 Subnet pool" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="subnet6" value="" placeholder="fd00:dead:baba:1::/64" required pattern="[0-9\/\.]+">
</div>
</div>
<div class="form-group row ipv6_group">
<div class="row ipv6_group">
<label class="col-sm-4 col-form-label">{% trans "DHCPv6" %}</label>
<div class="col-sm-6">
<input type="checkbox" name="dhcp6" value="true">
</div>
</div>
<div class="form-group row bridge_name_form_group">
<div class="row bridge_name_form_group">
<label class="col-sm-4 col-form-label" id="bridge_label">{% trans "Bridge Name" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="bridge_name" id="bridge_name" placeholder="br0" pattern="[a-z0-9\-_:]+">
</div>
</div>
<div class="form-group row bridge_name_form_group openvswitch">
<div class="row bridge_name_form_group openvswitch">
<label class="col-sm-4 col-form-label">{% trans "Open vSwitch" %}</label>
<div class="col-sm-6">
<input type="checkbox" name="openvswitch" value="true">
@ -82,7 +82,7 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans "Close" %}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Close" %}</button>
<button type="submit" class="btn btn-primary" name="create">{% trans "Create" %}</button>
</div>
</form>

14
networks/templates/modify_ipv4_fixed_address.html
View file

@ -1,6 +1,6 @@
{% load i18n %}
{% if request.user.is_superuser %}
<a href="#AddFixedNet4" type="button" class="btn btn-success float-right" data-toggle="modal">
<a href="#AddFixedNet4" type="button" class="btn btn-success float-end" data-bs-toggle="modal">
<span class="fa fa-plus" aria-hidden="true"></span>
</a>
@ -10,29 +10,29 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{% trans "Add IPv4 Fixed Address" %}</h5>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form method="post" action="" role="form" aria-label="Add IPV6 Fixed Address">{% csrf_token %}
<div class="modal-body">
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Subnet Pool" %}</label>
<div class="col-sm-6">
<input type="text" readonly class="form-control" name="subnet" value="{{ ipv4_network }}" required pattern="[0-9\/\.]+">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "MAC" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="mac" required pattern="[0-9\/\:]+">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Name" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="name" pattern="[a-zA-Z0-9_]+">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Address" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="address" required pattern="[0-9\/\.]+">
@ -41,7 +41,7 @@
</div>
<div class="modal-footer">
<input name="family" value="ipv4" hidden/>
<button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans "Close" %}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Close" %}</button>
<button type="submit" class="btn btn-primary" name="modify_fixed_address">{% trans "Create" %}</button>
</div>
</form>

14
networks/templates/modify_ipv6_fixed_address.html
View file

@ -1,6 +1,6 @@
{% load i18n %}
{% if request.user.is_superuser %}
<a href="#AddFixedNet6" type="button" class="btn btn-success float-right" data-toggle="modal">
<a href="#AddFixedNet6" type="button" class="btn btn-success float-end" data-bs-toggle="modal">
<span class="fa fa-plus" aria-hidden="true"></span>
</a>
@ -10,29 +10,29 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{% trans "Add IPV6 Fixed Address" %}</h5>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form method="post" action="" role="form" aria-label="Add IPV6 Fixed Address form">{% csrf_token %}
<div class="modal-body">
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Subnet Pool" %}</label>
<div class="col-sm-6">
<input type="text" readonly class="form-control" name="subnet" value="{{ ipv6_network }}" required pattern="[0-9\/\.]+">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "ID" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="id" required pattern="[0-9a-fA-F\/\:]+">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Name" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="name" pattern="[a-zA-Z0-9_]+">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Address" %}</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="address" required pattern="[a-fA-F0-9\/\:]+">
@ -41,7 +41,7 @@
</div>
<div class="modal-footer">
<input name="family" value="ipv6" hidden/>
<button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans "Close" %}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Close" %}</button>
<button type="submit" class="btn btn-primary" name="modify_fixed_address">{% trans "Create" %}</button>
</div>
</form>

48
networks/templates/network.html
View file

@ -9,7 +9,7 @@
{% block content %}
<div class="row">
<div class="col-lg-12">
<ol class="breadcrumb bg-light shadow-sm">
<ol class="breadcrumb shadow-sm">
<li class="breadcrumb-item">
<a href="{% url 'overview' compute.id %}"><i class="fa fa-dashboard"></i> {% trans "Overview" %}</a>
</li>
@ -37,7 +37,7 @@
</div>
<div class="row">
<dl class="ml-3 row">
<dl class="ms-3 row">
<dt class="col-6">{% trans "Network name" %}</dt>
<dd class="col-6">{{ pool }}</dd>
<dt class="col-6">{% trans "Device" %}</dt>
@ -66,8 +66,8 @@
</dl>
</div>
<div class="col-lg-12">
<button class="btn btn-block btn-light" role="button" data-toggle="collapse" data-target="#collapseXML" aria-expanded="true" aria-controls="collapseXML">
<div class="d-grid col-lg-12">
<button class="btn btn-light" role="button" data-bs-toggle="collapse" data-bs-target="#collapseXML" aria-expanded="true" aria-controls="collapseXML">
<span class="fa fa-chevron-down"></span>
{% trans 'XML' %}
</button>
@ -78,7 +78,7 @@
<input type="hidden" name="edit_xml"/>
<textarea id="edit_editor">{{ xml }}</textarea>
</div>
<button type="submit" class="btn btn-primary float-right" name="edit_network">
<button type="submit" class="btn btn-primary float-end" name="edit_network">
{% trans "Edit" %}
</button>
</form>
@ -88,7 +88,7 @@
<h5 class="page-header">{% trans "IPv4 Configuration" %}</h5>
<dl class="ml-3 row">
<dl class="ms-3 row">
<dt class="col-6">{% trans "IPv4 Forwarding" %}</dt>
<dd class="col-6">
{% if net_forward.0 == 'nat' %}
@ -121,7 +121,7 @@
<dt class="col-6">{% trans "End" %}</dt>
<dd class="col-6">{{ ipv4_dhcp_range_end }}</dd>
{% else %}
<form class="form-inline col-lg-12 pl-0" method="post" role="form" aria-label="Edit dhcp range form">{% csrf_token %}
<form class="col-lg-12 ps-0" method="post" role="form" aria-label="Edit dhcp range form">{% csrf_token %}
<dt class="col-6">{% trans "Start" %}</dt>
<dd class="col-6"><input name="range_start" value="{{ ipv4_dhcp_range_start }}"/></dd>
<dt class="col-6">{% trans "End" %}</dt>
@ -152,18 +152,18 @@
{% if ipv4_fixed_address %}
<div class="col-12">
<button class="btn btn-block btn-light" role="button" data-toggle="collapse" data-target="#collapseipv4fix" aria-expanded="true" aria-controls="collapseXML">
<div class="d-grid col-12">
<button class="btn btn-light" role="button" data-bs-toggle="collapse" data-bs-target="#collapseipv4fix" aria-expanded="true" aria-controls="collapseXML">
<span class="fa fa-chevron-down"></span>
{% trans 'Show' %}
</button>
<div id="collapseipv4fix" class="collapse">
<div class="input-append form-inline float-right">
<div class="form-group row">
<div class="col-4 float-end mt-2">
<div class="input-group ">
<input type="text" class="form-control" id="filter_input">
<input type="button" class="btn btn-secondary" id="filter_button" value="Filter">
<button type="button" class="btn btn-secondary" id="filter_clear">{% trans 'Clear' %}</button>
</div>
<input type="button" class="btn btn-secondary" id="filter_button" value="Filter">
<button type="button" class="btn btn-secondary" id="filter_clear">{% trans 'Clear' %}</button>
</div>
<table id="ipv4_table" class="table table-hover">
@ -206,7 +206,7 @@
<h5 class="page-header">{% trans "IPv6 Configuration" %}</h5>
<dl class="ml-3 row">
<dl class="ms-3 row">
<dt class="col-6">{% trans "IPv6 Forwarding" %}</dt>
<dd class="col-6">
{% if not net_forward.0 %}
@ -233,16 +233,16 @@
<dt class="col-6">{% trans "End" %}</dt>
<dd class="col-6">{{ ipv6_dhcp_range_end }}</dd>
{% else %}
<form class="form-inline col-lg-12 pl-0" method="post" role="form" aria-label="Edit dhcp range form">{% csrf_token %}
<form class="col-lg-12 ps-0" method="post" role="form" aria-label="Edit dhcp range form">{% csrf_token %}
<dt class="col-6">{% trans "Start" %}</dt>
<dd class="col-6"><input name="range_start" value="{{ ipv6_dhcp_range_start }}"/></dd>
<dt class="col-6">{% trans "End" %}</dt>
<dd class="col-6"><input name="range_end" value="{{ ipv6_dhcp_range_end }}"/></dd>
<dt class="col-6"></dt>
<dd class="col-6 ">
<dd class="d-grid col-6">
<input
type="submit"
class="btn btn-primary btn-block"
class="btn btn-primary"
value="Apply"
name="modify_dhcp_range"
title="{% trans "Edit DHCP Range" %}"
@ -262,18 +262,18 @@
{% endif %}
{% if ipv6_fixed_address %}
<div class="col-12">
<button class="btn btn-block btn-light" role="button" data-toggle="collapse" data-target="#collapseipv6fix" aria-expanded="true" aria-controls="collapseXML">
<div class="d-grid col-12">
<button class="btn btn-light" role="button" data-bs-toggle="collapse" data-bs-target="#collapseipv6fix" aria-expanded="true" aria-controls="collapseipv6fix">
<span class="fa fa-chevron-down"></span>
{% trans 'Show' %}
</button>
<div id="collapseipv6fix" class="collapse">
<div class="input-append form-inline float-right">
<div class="form-group">
<div class="col-4 float-end mt-2">
<div class="input-group">
<input type="text" class="form-control" id="filter_input_ipv6">
<input type="button" class="btn btn-secondary" id="filter_button_ipv6" value="Filter">
<button type="button" class="btn btn-secondary" id="filter_clear_ipv6">{% trans 'Clear' %}</button>
</div>
<input type="button" class="btn btn-secondary" id="filter_button_ipv6" value="Filter">
<button type="button" class="btn btn-secondary" id="filter_clear_ipv6">{% trans 'Clear' %}</button>
</div>
<table id="ipv6_table" class="table table-hover">
<thead>
@ -349,7 +349,7 @@
<td class="text-nowrap">
<input name="qos_direction" value="{{ q }}" hidden/>
<button type="submit" class="btn btn-sm btn-primary"
name="set_qos" data-toggle="modal"
name="set_qos" data-bs-toggle="modal"
title="{% trans "Edit QoS" %}" onclick="return confirm('{% trans "Are you sure?" %}')">
<i class="fa fa-save"></i>
</button>

9
networks/templates/networks.html
View file

@ -11,8 +11,8 @@
<div class="row">
<div class="col-lg-12">
<nav aria-label="breadcrumb">
<ol class="breadcrumb bg-light shadow-sm">
<li class="breadcrumb-item active">
<ol class="breadcrumb shadow-sm">
<li class="breadcrumb-item">
<a href="{% url 'overview' compute.id %}"><i class="fa fa-dashboard"></i> {% trans "Overview" %}</a>
</li>
<li class="breadcrumb-item">
@ -22,7 +22,7 @@
<a href="{% url 'storages' compute.id %}"><i class="fa fa-hdd-o"></i> {% trans "Storages" %}</a>
</li>
<li class="breadcrumb-item">
<span class="font-weight-bold"><i class="fa fa-sitemap"></i> {% trans "Networks" %}</span>
<span class="fw-bold"><i class="fa fa-sitemap"></i> {% trans "Networks" %}</span>
</li>
<li class="breadcrumb-item">
<a href="{% url 'interfaces' compute.id %}"><i class="fa fa-wifi"></i> {% trans "Interfaces" %}</a>
@ -41,8 +41,7 @@
<div class="row">
{% if not networks %}
<div class="col-lg-12">
<div class="alert alert-warning alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<div class="alert alert-warning shadow-sm">
<i class="fa fa-exclamation-triangle"></i> <strong>{% trans "Warning" %} :</strong> {% trans "Hypervisor doesn't have any Network" %}
</div>
</div>