proxstar/templates/vm_details.html

87 lines
4.2 KiB
HTML

{% extends "base.html" %}
{% block body %}
<div class="container">
<div class="row">
<div class="col-md-3 col-md-push-9 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Actions</h3>
</div>
<div class="panel-body">
{% if vm['qmpstatus'] == 'stopped' %}
<form action="/proxstar/vm_status/{{ vm['vmid'] }}" method="post">
<button class="btn btn-success proxstar-actionbtn" type="submit" name="action" value="start">START</button>
</form>
{% endif %}
{% if vm['qmpstatus'] == 'paused' %}
<form action="/proxstar/vm_status/{{ vm['vmid'] }}" method="post">
<button class="btn btn-success proxstar-actionbtn" type="submit" name="action" value="resume">RESUME</button>
</form>
{% endif %}
{% if vm['qmpstatus'] == 'running' or vm['qmpstatus'] == 'paused' %}
<form action="/proxstar/vm_status/{{ vm['vmid'] }}" method="post">
<button class="btn btn-info proxstar-actionbtn" type="submit" name="action" value="shutdown">SHUTDOWN</button>
</form>
{% if vm['qmpstatus'] == 'running' %}
<form action="/proxstar/vm_status/{{ vm['vmid'] }}" method="post">
<button class="btn btn-info proxstar-actionbtn" type="submit" name="action" value="suspend">SUSPEND</button>
</form>
{% endif %}
<form action="/proxstar/vm_status/{{ vm['vmid'] }}" method="post">
<button class="btn btn-warning proxstar-actionbtn" type="submit" name="action" value="stop">STOP</button>
</form>
<form action="/proxstar/vm_status/{{ vm['vmid'] }}" method="post">
<button class="btn btn-warning proxstar-actionbtn" type="submit" name="action" value="reset">RESET</button>
</form>
{% endif %}
<form action="/proxstar/delete" method="post">
<button class="btn btn-danger proxstar-actionbtn" type="submit" name="delete" value="{{ vm['vmid'] }}">DELETE</button>
</form>
</div>
</div>
</div>
<div class="col-md-3 col-md-pull-3 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Resources</h3>
</div>
<div class="panel-body">
<ul class="nav nav-list">
<li class="nav-header">Interfaces</li>
{% for interface in vm['interfaces'] %}
<li>{{ interface[0] }}: {{ interface[1] }}</li>
{% endfor %}
<li class="nav-header">Disks</li>
{% for disk in vm['disks'] %}
<li>{{ disk[0] }}: {{ disk[1] }}</li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-md-pull-3 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">VM Details</h3>
</div>
<div class="panel-body">
<dl class="dl-horizontal">
<dt>Name</dt>
<dd>{{ vm['name'] }}</dd>
<dt>ID</dt>
<dd>{{ vm['vmid'] }}</dd>
<dt>Status</dt>
<dd>{{ vm['qmpstatus'] }}</dd>
<dt>Cores</dt>
<dd>{{ vm['config']['cores'] * vm['config'].get('sockets', 1) }}</dd>
<dt>Memory</dt>
<dd>{{ vm['config']['memory'] }} MB</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
{% endblock %}