mirror of
https://github.com/ComputerScienceHouse/proxstar.git
synced 2025-03-09 15:40:09 +00:00
improved some ui stuff, added basic usage limit checking, and added ability to change vm status
This commit is contained in:
parent
6d494a59a5
commit
071e841cb3
5 changed files with 148 additions and 40 deletions
|
|
@ -9,7 +9,7 @@
|
|||
<h3 class="panel-title">Create VM</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<form action="get_create" method="post">
|
||||
<form action="create" method="post">
|
||||
<div class="form-group">
|
||||
<label for="name">VM Name</label>
|
||||
<input type="text" name="name" class="form-control">
|
||||
|
|
@ -17,24 +17,24 @@
|
|||
<div class="form-group">
|
||||
<label for="cores">Cores</label>
|
||||
<select name="cores" class="form-control">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="4">4</option>
|
||||
{% for i in range(1, 4 - usage['cpu'] + 1) %}
|
||||
<option value="{{ i }}">{{ i }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="memory">Memory</label>
|
||||
<select name="memory" class="form-control">
|
||||
<option value="1024">1GB</option>
|
||||
<option value="2048">2GB</option>
|
||||
<option value="4096">4GB</option>
|
||||
{% for i in range(1, 4 - usage['mem'] + 1) %}
|
||||
<option value="{{ i * 1024 }}">{{ i }}GB</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="disk">Disk</label>
|
||||
<input type="text" name="disk" class="form-control">
|
||||
</div>
|
||||
<input type="submit">
|
||||
<button class="btn btn-success" type="submit" value="Create">Create</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -42,10 +42,12 @@
|
|||
<div class="col-md-3 col-sm-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Help</h3>
|
||||
<h3 class="panel-title">Current Usage</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<p>Some help text.</p>
|
||||
<p>CPU: {{ usage['cpu'] }}/{{ limits['cpu'] }} Cores</p>
|
||||
<p>Memory: {{ usage['mem'] }}/{{ limits['mem'] }} GB</p>
|
||||
<p>Disk: {{ usage['disk'] }}/{{ limits['disk'] }} GB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,8 +9,34 @@
|
|||
<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" type="submit" name="delete" value="{{ vm['vmid'] }}">DELETE</button>
|
||||
<button class="btn btn-danger proxstar-actionbtn" type="submit" name="delete" value="{{ vm['vmid'] }}">DELETE</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -46,9 +72,9 @@
|
|||
<dt>ID</dt>
|
||||
<dd>{{ vm['vmid'] }}</dd>
|
||||
<dt>Status</dt>
|
||||
<dd>{{ vm['status'] }}</dd>
|
||||
<dd>{{ vm['qmpstatus'] }}</dd>
|
||||
<dt>Cores</dt>
|
||||
<dd>{{ vm['config']['cores'] * vm['config'].get(sockets, 1) }}</dd>
|
||||
<dd>{{ vm['config']['cores'] * vm['config'].get('sockets', 1) }}</dd>
|
||||
<dt>Memory</dt>
|
||||
<dd>{{ vm['config']['memory'] }} MB</dd>
|
||||
</dl>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue