Adding Network info and edition
This commit is contained in:
@@ -109,6 +109,31 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Networking for {{ vm_name }}
|
||||
</div>
|
||||
<div class="card-body">
|
||||
Attach new network<hr>
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<form action="/addnetvm" method="post">
|
||||
<input type="hidden" name="vm_name" value="{{ vm_name }}">
|
||||
<label for="new_net_vm">Network</label>
|
||||
<select id="new_net_vm" class="form-control" name="new_net_vm" placeholder="Profile" required>
|
||||
{%for net in list_net %}
|
||||
<option value={{ net }}>{{ net }}</option>
|
||||
{%endfor%}
|
||||
</select><br>
|
||||
<button type="submit" class="btn btn-outline-info btn-hype"><i class="fa-solid fa-plus"></i> Add</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@@ -29,15 +29,33 @@ Virtual Interfaces:
|
||||
{% endfor %}
|
||||
{% for item in net_tree %}
|
||||
<li class="list-group-item bg-info text-dark">
|
||||
<strong><i class="fa-solid fa-ethernet"></i> {{ item[0] }}</strong>
|
||||
<table class="table table-sm text-dark table-borderless"><tr><td>
|
||||
<strong><i class="fa-solid fa-network-wired"></i> {{ item[0][0][0] }} - <i class="fa-solid fa-ethernet"></i> {{ item[0][0][1] }} - {{ item[0][0][2] }}</strong>
|
||||
</td><td>
|
||||
<form action="/delnet" method="post">
|
||||
<input type="hidden" id="net_del" name="net_del" class="form-control" value="{{ item[0] }}">
|
||||
<button name="delete" class="btn btn-outline-secondary" type="submit" onclick="loading();">Delete</button>
|
||||
</form><br>
|
||||
<input type="hidden" id="net_del" name="net_del" class="form-control" value="{{ item[0][0][0] }}">
|
||||
<button name="delete" class="btn btn-outline-danger btn-sm" type="submit" onclick="loading();"><i class="fa fa-trash" aria-hidden="true"></i></button>
|
||||
</form>
|
||||
</td></tr></table>
|
||||
<ul class="list-group">
|
||||
{% for sub_item in item[1] %}
|
||||
<li class="list-group-item bg-warning text-dark">
|
||||
<i class="fa-solid fa-desktop"></i> {{ sub_item }}
|
||||
<p class="text-start"><i class="fa-solid fa-desktop"></i> {{ sub_item[0] }}<br></p>
|
||||
{% for pitem in sub_item[1] %}
|
||||
<table class="table table-sm text-dark table-responsive table-borderless"><tr><td>
|
||||
<center><i class="fa-solid fa-ethernet"></i> {{ pitem[0] }} - <i class="fa-solid fa-at"></i> {{ pitem[1] }} - {{ pitem[2] }}<br></center>
|
||||
</td><td>
|
||||
</td><td>
|
||||
|
||||
<form action="/delnetvm" method="post">
|
||||
<input type="hidden" id="vm_name" name="vm_name" class="form-control" value="{{ sub_item[0] }}">
|
||||
<input type="hidden" id="del_net_vm" name="del_net_vm" class="form-control" value="{{ item[0][0][0] }}">
|
||||
<input type="hidden" id="del_mac_vm" name="del_mac_vm" class="form-control" value="{{ pitem[1] }}">
|
||||
<input type="hidden" id="del_net_int" name="del_net_int" class="form-control" value="{{ item[0][0][1] }}">
|
||||
<button name="delete" class="btn btn-outline-danger btn-sm" type="submit" onclick="loading();"><i class="fa fa-trash" aria-hidden="true"></i></button>
|
||||
</form>
|
||||
</td></tr></table>
|
||||
{% endfor %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
@@ -1,56 +0,0 @@
|
||||
{% extends 'layout.html' %}
|
||||
{% block content %}
|
||||
{% include 'menu.html' %}
|
||||
<!--
|
||||
<div class="container">
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item bg-primary text-dark">
|
||||
Physical interface
|
||||
<center>
|
||||
{% for pint in net_hard_int %}
|
||||
<strong><i class="fa-solid fa-ethernet"></i> {{ pint }}</strong><br>
|
||||
{% endfor %}
|
||||
</center></li>
|
||||
{% for item in net_tree %}
|
||||
<li class="list-group-item bg-info text-dark">
|
||||
<center><strong><i class="fa-solid fa-ethernet"></i> {{ item[0] }}</strong></center><br>
|
||||
<ul class="list-group">
|
||||
{% for sub_item in item[1] %}
|
||||
<li class="list-group-item bg-warning text-dark">
|
||||
<center><i class="fa-solid fa-desktop"></i> {{ sub_item }}</center>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col">
|
||||
{% for pint in net_hard_int %}
|
||||
<strong><i class="fa-solid fa-ethernet"></i> {{ pint }}</strong><br>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col">
|
||||
<div class="mermaid">
|
||||
graph TD
|
||||
{% for item in net_tree %}
|
||||
root[Root] --- {{ item[0] }}[{{ item[0] }}]
|
||||
{% for sub_item in item[1] %}
|
||||
{{ item[0] }}[{{ item[0] }}] --- {{ sub_item }}[{{ sub_item }}]
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user