2015-03-02 15:31:25 +00:00
{% extends "base.html" %}
2017-06-06 12:49:11 +00:00
{% load staticfiles %}
2015-03-02 15:31:25 +00:00
{% load i18n %}
{% block title %}{% trans "Instance" %} - {{ vname }}{% endblock %}
{% block content %}
2016-04-26 08:30:48 +00:00
{% include 'pleasewaitdialog.html' %}
2015-03-12 14:15:36 +00:00
<!-- Page Heading -->
2015-04-21 11:46:58 +00:00
< div class = "row" >
2017-06-06 10:51:32 +00:00
< div >
< h3 >
{{ vname }}{% if title %} ({{ title }}){% endif %}
< / h3 >
< / div >
< div >
< div >
{% ifequal status 5 %}
< span class = "label label-danger" > {% trans "Off" %}< / span >
{% endifequal %}
{% ifequal status 1 %}
< span class = "label label-success" > {% trans "Active" %}< / span >
{% endifequal %}
{% ifequal status 3 %}
< span class = "label label-warning" > {% trans "Suspend" %}< / span >
{% endifequal %}
|
{% if cur_vcpu %}
{{ cur_vcpu }} {% trans "Vcpu" %}
{% else %}
{{ vcpu }} {% trans "Vcpu" %}
{% endif %}
|
{{ cur_memory }} {% trans "MB" %} {% trans "Ram" %}
|
2015-07-09 07:41:56 +00:00
{% for disk in disks %}
2017-06-06 10:51:32 +00:00
{{ disk.size|filesizeformat }} {% trans "Disk" %} |
2015-07-09 07:41:56 +00:00
{% endfor %}
2017-06-06 10:51:32 +00:00
< a href = "{% url 'instance' compute.id vname %}" type = "button" class = "btn btn-xs btn-default" > < span class = "glyphicon glyphicon-refresh" > < / span > < / a >
2018-07-30 10:54:20 +00:00
< em > on< / em >
2018-08-21 08:29:04 +00:00
< a href = "{% url 'overview' compute.id %}" > < span class = "label label-primary" > {{ compute.name }}{% if compute.name != compute.hostname %} - {{ compute.hostname }}{% endif %} < / span > < / a >
2017-06-06 10:51:32 +00:00
< / div >
< / div >
2016-03-31 11:12:52 +00:00
{% if user_quota_msg %}
< span class = "label label-warning" > {{ user_quota_msg|capfirst }} quota reached.< / span >
{% endif %}
2015-07-09 07:41:56 +00:00
< hr >
2015-04-21 11:46:58 +00:00
< / div >
2015-03-02 15:31:25 +00:00
2015-03-12 14:15:36 +00:00
{% include 'errors_block.html' %}
2015-05-20 13:44:30 +00:00
{% include 'messages_block.html' %}
2015-03-02 15:31:25 +00:00
2015-03-13 15:30:09 +00:00
< div class = "row" id = "max-width-page" >
2015-03-12 14:15:36 +00:00
< div class = "col-lg-12" >
< div role = "tabpanel" >
<!-- Nav tabs -->
2015-03-24 07:22:30 +00:00
< ul class = "nav nav-pills" role = "tablist" id = "navbtn" >
2015-03-12 14:15:36 +00:00
< li role = "presentation" class = "active" >
2015-03-20 10:06:32 +00:00
< a href = "#power" class = "action-button" aria-controls = "power" role = "tab" data-toggle = "tab" >
2015-03-12 14:15:36 +00:00
< span id = "action-block" class = "glyphicon glyphicon-off" aria-hidden = "true" > < / span >
{% trans "Power" %}
< / a >
< / li >
< li role = "presentation" >
2015-03-20 10:06:32 +00:00
< a href = "#access" class = "action-button" aria-controls = "access" role = "tab" data-toggle = "tab" >
2015-03-12 14:15:36 +00:00
< span id = "action-block" class = "glyphicon glyphicon-lock" aria-hidden = "true" > < / span >
{% trans "Access" %}
< / a >
< / li >
< li role = "presentation" >
2015-03-20 10:06:32 +00:00
< a href = "#resize" class = "action-button" aria-controls = "resize" role = "tab" data-toggle = "tab" >
2015-03-12 14:15:36 +00:00
< span id = "action-block" class = "glyphicon glyphicon-resize-full" aria-hidden = "true" > < / span >
{% trans "Resize" %}
< / a >
< / li >
< li role = "presentation" >
2015-03-20 10:06:32 +00:00
< a href = "#snapshots" class = "action-button" aria-controls = "snapshots" role = "tab" data-toggle = "tab" >
2015-03-12 14:15:36 +00:00
< span id = "action-block" class = "glyphicon glyphicon-camera" aria-hidden = "true" > < / span >
{% trans "Snapshots" %}
< / a >
< / li >
< li role = "presentation" >
2015-03-20 10:06:32 +00:00
< a href = "#settings" class = "action-button" aria-controls = "settings" role = "tab" data-toggle = "tab" >
2015-03-12 14:15:36 +00:00
< span id = "action-block" class = "glyphicon glyphicon-cog" aria-hidden = "true" > < / span >
{% trans "Settings" %}
< / a >
< / li >
< li role = "presentation" >
2015-03-20 10:06:32 +00:00
< a href = "#graphics" id = "chartgraphs" class = "action-button" aria-controls = "graphics" role = "tab" data-toggle = "tab" >
2017-12-11 14:07:01 +00:00
< span id = "action-block" class = "glyphicon glyphicon-stats" aria-hidden = "true" > < / span >
{% trans "Stats" %}
2015-03-12 14:15:36 +00:00
< / a >
< / li >
< li role = "presentation" >
2015-03-20 10:06:32 +00:00
< a href = "#undefine" class = "action-button" aria-controls = "undefine" role = "tab" data-toggle = "tab" >
2015-03-12 14:15:36 +00:00
< span id = "action-block" class = "glyphicon glyphicon-trash" aria-hidden = "true" > < / span >
{% trans "Destroy" %}
< / a >
< / li >
< / ul >
<!-- Tab panes -->
< div class = "tab-content" >
< div role = "tabpanel" class = "tab-pane active" id = "power" >
< div role = "tabpanel" >
<!-- Nav tabs -->
< ul class = "nav nav-tabs" role = "tablist" >
{% ifequal status 1 %}
< li role = "presentation" class = "active" >
2015-03-27 09:53:13 +00:00
< a href = "#poweroff" aria-controls = "poweroff" role = "tab" data-toggle = "tab" >
{% trans "Power Off" %}
< / a >
< / li >
< li role = "presentation" >
2015-03-12 15:35:51 +00:00
< a href = "#powercycle" aria-controls = "powercycle" role = "tab" data-toggle = "tab" >
{% trans "Power Cycle" %}
2015-03-12 14:15:36 +00:00
< / a >
< / li >
< li role = "presentation" >
2015-03-27 09:53:13 +00:00
< a href = "#powerforce" aria-controls = "powerforce" role = "tab" data-toggle = "tab" >
{% trans "Force Off" %}
2015-03-12 14:15:36 +00:00
< / a >
< / li >
2015-03-16 13:46:44 +00:00
{% if request.user.is_superuser %}
2015-03-16 09:57:55 +00:00
< li role = "presentation" >
< a href = "#suspend" aria-controls = "suspend" role = "tab" data-toggle = "tab" >
{% trans "Suspend" %}
< / a >
< / li >
{% endif %}
2015-03-12 14:15:36 +00:00
{% endifequal %}
2015-03-18 13:48:29 +00:00
{% ifequal status 3 %}
{% if request.user.is_superuser %}
2015-03-16 13:46:44 +00:00
< li role = "presentation" class = "active" >
< a href = "#resume" aria-controls = "resume" role = "tab" data-toggle = "tab" >
{% trans "Resume" %}
< / a >
< / li >
2015-03-18 13:48:29 +00:00
{% else %}
< li role = "presentation" class = "active" >
< a href = "#resume" aria-controls = "resume" role = "tab" data-toggle = "tab" >
{% trans "Resume" %}
< / a >
< / li >
{% endif %}
{% endifequal %}
2015-03-12 14:15:36 +00:00
{% ifequal status 5 %}
< li role = "presentation" class = "active" >
< a href = "#boot" aria-controls = "boot" role = "tab" data-toggle = "tab" >
2015-03-13 09:06:34 +00:00
{% trans "Power On" %}
2015-03-12 14:15:36 +00:00
< / a >
< / li >
{% endifequal %}
< / ul >
<!-- Tab panes -->
< div class = "tab-content" >
{% ifequal status 1 %}
2015-03-27 09:53:13 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "poweroff" >
< p > {% trans "This action sends an ACPI shutdown signal to the instance." %}< / p >
< form action = "" method = "post" role = "form" > {% csrf_token %}
< input type = "submit" name = "poweroff" class = "btn btn-lg btn-success pull-right" value = "{% trans " Power Off " % } " >
< div class = "clearfix" > < / div >
< / form >
< / div >
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "powercycle" >
< p > {% trans "This action forcibly powers off and start the instance and may cause data corruption." %}< / p >
2015-03-12 15:35:51 +00:00
< form action = "" method = "post" role = "form" > {% csrf_token %}
< input type = "submit" name = "powercycle" class = "btn btn-lg btn-success pull-right" value = "{% trans " Power Cycle " % } " >
< div class = "clearfix" > < / div >
< / form >
2015-03-12 14:15:36 +00:00
< / div >
2015-03-27 09:53:13 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "powerforce" >
< p > {% trans "This action forcibly powers off the instance and may cause data corruption." %}< / p >
< form action = "" method = "post" role = "form" > {% csrf_token %}
< input type = "submit" name = "powerforce" class = "btn btn-lg btn-success pull-right" value = "{% trans " Force Off " % } " >
2015-03-12 15:35:51 +00:00
< div class = "clearfix" > < / div >
< / form >
2015-03-12 14:15:36 +00:00
< / div >
2015-03-16 13:46:44 +00:00
{% if request.user.is_superuser %}
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "suspend" >
< p > {% trans "This action suspends the instance." %}< / p >
< form action = "" method = "post" role = "form" > {% csrf_token %}
< input type = "submit" name = "suspend" class = "btn btn-lg btn-success pull-right" value = "{% trans " Suspend " % } " >
< div class = "clearfix" > < / div >
< / form >
< / div >
{% endif %}
2015-03-12 14:15:36 +00:00
{% endifequal %}
2015-03-18 13:48:29 +00:00
{% ifequal status 3 %}
{% if request.user.is_superuser %}
2015-03-16 13:46:44 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "resume" >
< p > {% trans "This action restore the instance after suspend." %}< / p >
< form action = "" method = "post" role = "form" > {% csrf_token %}
< input type = "submit" name = "resume" class = "btn btn-lg btn-success pull-right" value = "{% trans " Resume " % } " >
< div class = "clearfix" > < / div >
< / form >
< / div >
2015-03-18 13:48:29 +00:00
{% else %}
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "resume" >
< p > {% trans "Administrator blocked your instance." %}< / p >
< form action = "" method = "post" role = "form" > {% csrf_token %}
< button class = "btn btn-lg btn-success disabled pull-right" > {% trans "Resume" %}< / button >
< div class = "clearfix" > < / div >
< / form >
< / div >
{% endif %}
{% endifequal %}
2015-03-12 14:15:36 +00:00
{% ifequal status 5 %}
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "boot" >
2015-03-12 15:35:51 +00:00
< p > {% trans "Click on Boot button to start this instance." %}< / p >
< form action = "" method = "post" role = "form" > {% csrf_token %}
2016-01-20 14:40:09 +00:00
{% if instance.is_template %}
< p > {% trans "Template instance cannot be started." %}< / p >
< input type = "submit" name = "poweron" class = "btn btn-lg btn-success pull-right disabled" value = "{% trans " Power On " % } " >
{% else %}
< input type = "submit" name = "poweron" class = "btn btn-lg btn-success pull-right" value = "{% trans " Power On " % } " >
{% endif %}
2015-03-12 15:35:51 +00:00
< div class = "clearfix" > < / div >
< / form >
2015-03-12 14:15:36 +00:00
< / div >
{% endifequal %}
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "access" >
< div role = "tabpanel" >
<!-- Nav tabs -->
< ul class = "nav nav-tabs" role = "tablist" >
< li role = "presentation" class = "active" >
< a href = "#vnconsole" aria-controls = "vnconsole" role = "tab" data-toggle = "tab" >
{% trans "Console" %}
< / a >
< / li >
2018-05-07 08:51:23 +00:00
{% if show_access_root_password %}
2015-05-20 13:44:30 +00:00
< li role = "presentation" >
< a href = "#rootpasswd" aria-controls = "rootpasswd" role = "tab" data-toggle = "tab" >
{% trans "Root Password" %}
< / a >
< / li >
2017-06-27 07:22:09 +00:00
{% endif %}
2018-05-07 08:51:23 +00:00
{% if show_access_ssh_keys %}
2015-05-27 13:23:49 +00:00
< li role = "presentation" >
< a href = "#sshkeys" aria-controls = "sshkeys" role = "tab" data-toggle = "tab" >
{% trans "SSH Keys" %}
< / a >
< / li >
2017-06-27 07:22:09 +00:00
{% endif %}
2018-06-21 12:53:35 +00:00
{% ifequal status 1 %}
< li role = "presentation" >
< a href = "#vdiconsole" aria-controls = "vdiconsole" role = "tab" data-toggle = "tab" >
{% trans "VDI" %}
< / a >
< / li >
{% endifequal %}
2015-03-12 14:15:36 +00:00
< / ul >
<!-- Tab panes -->
< div class = "tab-content" >
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "vnconsole" >
2015-03-12 15:35:51 +00:00
< p > {% trans "This action opens a new window with a VNC connection to the console of the instance." %}< / p >
2015-03-18 13:48:29 +00:00
{% ifequal status 1 %}
2018-08-14 12:11:49 +00:00
<!-- Split button -->
< div class = "btn-group pull-right" >
< button type = "button" class = "btn btn-lg btn-success " onclick = "open_console('lite')" > Console< / button >
< button type = "button" class = "btn btn-lg btn-success dropdown-toggle" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" >
< span class = "caret" > < / span >
< span class = "sr-only" > Toggle Dropdown< / span >
< / button >
< ul class = "dropdown-menu" >
< li > < a href = "#" title = "Console port: {{ console_port }}" onclick = "open_console('lite')" > {% trans "Console - Lite" %}< / a > < / li >
< li > < a href = "#" title = "Console port: {{ console_port }}" onclick = "open_console('full')" > {% trans "Console - Full" %}< / a > < / li >
< / ul >
< / div >
2015-03-18 13:48:29 +00:00
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" > {% trans "Console" %}< / button >
2015-03-12 15:35:51 +00:00
{% endifequal %}
< div class = "clearfix" > < / div >
2015-03-12 14:15:36 +00:00
< / div >
2018-05-07 08:51:23 +00:00
{% if show_access_root_password %}
2015-05-20 13:44:30 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "rootpasswd" >
< p > {% trans "You need shut down your instance and enter a new root password." %}< / p >
< form class = "form-inline" method = "post" role = "form" > {% csrf_token %}
< div class = "form-group" >
< div class = "col-sm-12" >
< input type = "text" class = "form-control input-lg" name = "passwd" placeholder = "{% trans " Enter Password " % } " maxlength = "24" >
< / div >
< / div >
{% ifequal status 5 %}
< input type = "submit" class = "btn btn-lg btn-success pull-right" name = "rootpasswd" value = "{% trans " Reset Root Password " % } " >
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" > {% trans "Reset Root Password" %}< / button >
{% endifequal %}
2015-05-27 13:23:49 +00:00
< / form >
< div class = "clearfix" > < / div >
< / div >
2017-06-27 07:22:09 +00:00
{% endif %}
2018-05-07 08:51:23 +00:00
{% if show_access_ssh_keys %}
2015-05-27 13:23:49 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "sshkeys" >
< p > {% trans "You need shut down your instance and choose your public key." %}< / p >
< form class = "form-inline" method = "post" role = "form" > {% csrf_token %}
< div class = "form-group" >
< div class = "col-sm-12" >
< select name = "sshkeyid" class = "form-control keyselect" >
{% if publickeys %}
{% for key in publickeys %}
< option value = "{{ key.id }}" > {{ key.keyname }}< / option >
{% endfor %}
{% else %}
< option value = "None" > {% trans "None" %}< / option >
{% endif %}
< / select >
< / div >
< / div >
{% ifequal status 5 %}
< input type = "submit" class = "btn btn-lg btn-success pull-right" name = "addpublickey" value = "{% trans " Add Public Key " % } " >
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" > {% trans "Add Public Key" %}< / button >
{% endifequal %}
2015-05-20 13:44:30 +00:00
< / form >
< div class = "clearfix" > < / div >
< / div >
2017-06-27 07:22:09 +00:00
{% endif %}
2018-06-21 12:53:35 +00:00
{% ifequal status 1 %}
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "vdiconsole" >
< p > {% trans "This action opens a remote viewer with a connection to the console of the instance." %}< / p >
2018-09-05 06:30:08 +00:00
< div class = "input-group" >
< input type = "text" class = "input-lg disabled form-control" disabled id = "vdi_url_input" / >
< span class = "input-group-btn" >
< a href = "#" class = "btn btn-lg btn-success" id = "vdi_url" > {% trans "VDI" %}< / a >
< / span >
< / div >
2018-06-21 12:53:35 +00:00
< div class = "clearfix" > < / div >
< / div >
{% endifequal %}
2015-03-12 14:15:36 +00:00
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "resize" >
< div role = "tabpanel" >
<!-- Nav tabs -->
< ul class = "nav nav-tabs" role = "tablist" >
< li role = "presentation" class = "active" >
< a href = "#resizevm" aria-controls = "resizevm" role = "tab" data-toggle = "tab" >
{% trans "Resize Instance" %}
< / a >
< / li >
< / ul >
<!-- Tab panes -->
< div class = "tab-content" >
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "resizevm" >
2018-07-24 10:52:47 +00:00
{% if request.user.is_superuser or request.user.is_staff or userinstance.is_change %}
2015-03-16 09:57:55 +00:00
< form class = "form-horizontal" method = "post" role = "form" > {% csrf_token %}
< p style = "font-weight:bold;" > {% trans "Logical host CPUs:" %} {{ vcpu_host }}< / p >
< div class = "form-group" >
< label class = "col-sm-4 control-label" style = "font-weight:normal;" > {% trans "Current allocation" %}< / label >
< div class = "col-sm-4" >
< select name = "cur_vcpu" class = "form-control" >
{% for cpu in vcpu_range %}
{% if cur_vcpu %}
< option value = "{{ cpu }}" { % if cpu = = cur_vcpu % } selected { % endif % } > {{ cpu }}< / option >
{% else %}
< option value = "{{ cpu }}" { % if cpu = = vcpu % } selected { % endif % } > {{ cpu }}< / option >
{% endif %}
{% endfor %}
< / select >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 09:57:55 +00:00
< div class = "form-group" >
< label class = "col-sm-4 control-label" style = "font-weight:normal;" > {% trans "Maximum allocation" %}< / label >
< div class = "col-sm-4" >
< select name = "vcpu" class = "form-control" >
{% for cpu in vcpu_range %}
< option value = "{{ cpu }}" { % if cpu = = vcpu % } selected { % endif % } > {{ cpu }}< / option >
{% endfor %}
< / select >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 09:57:55 +00:00
< p style = "font-weight:bold;" > {% trans "Total host memory:" %} {{ memory_host|filesizeformat }}< / p >
< div class = "form-group" >
< label class = "col-sm-4 control-label" style = "font-weight:normal;" > {% trans "Current allocation" %} ({% trans "MB" %})< / label >
< div class = "col-sm-4 js-custom__container" >
< select name = "cur_memory" class = "form-control js-custom__toggle" >
{% for mem in memory_range %}
< option value = "{{ mem }}"
{% if mem == cur_memory %}selected{% endif %}>{{ mem }}< / option >
{% endfor %}
< / select >
< input type = "text" name = "cur_memory_custom" class = "form-control js-custom__toggle" style = "display: none" / >
< small > < input type = "checkbox" class = "js-custom__checkbox" / > {% trans "Custom value" %}< / small >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 09:57:55 +00:00
< div class = "form-group" >
< label class = "col-sm-4 control-label"
style="font-weight:normal;">{% trans "Maximum allocation" %} ({% trans "MB" %})< / label >
2015-03-13 09:06:34 +00:00
2015-03-16 09:57:55 +00:00
< div class = "col-sm-4 js-custom__container" >
< select name = "memory" class = "form-control js-custom__toggle" >
{% for mem in memory_range %}
< option value = "{{ mem }}"
{% if mem == memory %}selected{% endif %}>{{ mem }}< / option >
{% endfor %}
< / select >
< input type = "text" name = "memory_custom" class = "form-control js-custom__toggle" style = "display: none" / >
< small > < input type = "checkbox" class = "js-custom__checkbox" / > {% trans "Custom value" %}< / small >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-11-24 08:53:13 +00:00
< p style = "font-weight:bold;" > {% trans "Disk allocation (B):" %}< / p >
{% for disk in disks %}
< div class = "form-group" >
< label class = "col-sm-4 control-label" style = "font-weight:normal;" > {% trans "Current allocation" %} ({{ disk.dev }})< / label >
< div class = "col-sm-4 js-custom__container" >
< input type = "text" name = "disk_size_{{ disk.dev }}" class = "form-control" value = "{{ disk.size|filesizeformat }}" / >
< / div >
< / div >
{% endfor %}
2015-03-16 09:57:55 +00:00
{% ifequal status 5 %}
< button type = "submit" class = "btn btn-lg btn-success pull-right" name = "resize" > {% trans "Resize" %}< / button >
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" > {% trans "Resize" %}< / button >
{% endifequal %}
< / form >
{% else %}
{% trans "You don't have permission for resizing instance" %}
< button class = "btn btn-lg btn-success pull-right disabled" > {% trans "Resize" %}< / button >
{% endif %}
2015-03-13 09:06:34 +00:00
< div class = "clearfix" > < / div >
2015-03-12 14:15:36 +00:00
< / div >
2018-10-19 13:14:33 +00:00
2015-03-12 14:15:36 +00:00
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "snapshots" >
< div role = "tabpanel" >
<!-- Nav tabs -->
< ul class = "nav nav-tabs" role = "tablist" >
< li role = "presentation" class = "active" >
< a href = "#takesnapshot" aria-controls = "takesnapshot" role = "tab" data-toggle = "tab" >
{% trans "Take Snapshot" %}
< / a >
< / li >
< li role = "presentation" >
2018-09-04 12:01:11 +00:00
< a href = "#managesnapshot" aria-controls = "managesnapshot" role = "tab" data-toggle = "tab" >
2018-09-04 12:28:51 +00:00
{% trans "Manage Snapshots" %}
2015-03-12 14:15:36 +00:00
< / a >
< / li >
< / ul >
<!-- Tab panes -->
< div class = "tab-content" >
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "takesnapshot" >
2015-03-12 15:35:51 +00:00
{% ifequal status 5 %}
< p > {% trans "This may take more than an hour, depending on how much content is on your droplet and how large the disk is." %}< / p >
< form class = "form-inline" method = "post" role = "form" > {% csrf_token %}
< div class = "form-group" >
2015-04-21 11:46:58 +00:00
< div class = "col-sm-12" >
2015-03-13 09:06:34 +00:00
< input type = "text" class = "form-control input-lg" name = "name" placeholder = "{% trans " Enter Snapshot Name " % } " maxlength = "14" >
2015-03-12 15:35:51 +00:00
< / div >
< / div >
{% ifequal status 5 %}
< input type = "submit" class = "btn btn-lg btn-success pull-right" name = "snapshot" value = "{% trans " Take Snapshot " % } " >
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" > {% trans "Take Snapshot" %}< / button >
{% endifequal %}
< / form >
< div class = "clearfix" > < / div >
{% else %}
< p > {% trans "To take a snapshot please Power Off the instance." %}< / p >
{% endifequal %}
2015-03-12 14:15:36 +00:00
< / div >
2018-09-04 12:01:11 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "managesnapshot" >
2015-03-12 15:35:51 +00:00
{% ifequal status 5 %}
{% if snapshots %}
2018-09-04 12:01:11 +00:00
< p > {% trans "Choose a snapshot for restore/delete" %}< / p >
2015-03-13 09:06:34 +00:00
< div class = "table-responsive" >
< table class = "table" >
< thead >
2015-03-12 15:35:51 +00:00
< tr >
2015-03-13 09:06:34 +00:00
< th > {% trans "Name" %}< / th >
< th > {% trans "Date" %}< / th >
< th colspan = "2" > {% trans "Action" %}< / th >
2015-03-12 15:35:51 +00:00
< / tr >
2015-03-13 09:06:34 +00:00
< / thead >
< tbody >
{% for snap in snapshots %}
< tr >
< td > < strong > {{ snap.name }}< / strong > < / td >
< td > {{ snap.date|date:"M d H:i:s" }}< / td >
< td style = "width:30px;" >
< form action = "" method = "post" style = "height:10px" role = "form" > {% csrf_token %}
< input type = "hidden" name = "name" value = "{{ snap.name }}" >
{% ifequal status 5 %}
2018-09-04 12:28:51 +00:00
< button type = "submit" class = "btn btn-sm btn-default" name = "revert_snapshot" title = "Revert to this Snapshot" onclick = "return confirm('Are you sure?')" >
2015-03-13 09:06:34 +00:00
< span class = "glyphicon glyphicon-save" > < / span >
< / button >
{% else %}
< button type = "button" class = "btn btn-sm btn-default disabled" >
< span class = "glyphicon glyphicon-save" > < / span >
< / button >
{% endifequal %}
< / form >
< / td >
< td style = "width:30px;" >
< form action = "" method = "post" role = "form" > {% csrf_token %}
< input type = "hidden" name = "name" value = "{{ snap.name }}" >
2018-09-04 12:28:51 +00:00
< button type = "submit" class = "btn btn-sm btn-default" name = "delete_snapshot" title = "Delete Snapshot" onclick = "return confirm('{% trans " Are you sure ? " % } ' ) " >
2015-03-13 09:06:34 +00:00
< span class = "glyphicon glyphicon-trash" > < / span >
< / button >
< / form >
< / td >
< / tr >
{% endfor %}
< / tbody >
< / table >
< / div >
2015-03-12 15:35:51 +00:00
{% else %}
< p > {% trans "You do not have any snapshots" %}< / p >
{% endif %}
{% else %}
< p > {% trans "To restore snapshots you need Power Off the instance." %}< / p >
{% endifequal %}
2015-03-12 14:15:36 +00:00
< / div >
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "settings" >
< div role = "tabpanel" >
<!-- Nav tabs -->
< ul class = "nav nav-tabs" role = "tablist" >
< li role = "presentation" class = "active" >
2015-03-13 09:06:34 +00:00
< a href = "#media" aria-controls = "media" role = "tab" data-toggle = "tab" >
{% trans "Media" %}
< / a >
< / li >
2018-10-19 13:14:33 +00:00
< li role = "presentation" >
< a href = "#disks" aria-controls = "disks" role = "tab" data-toggle = "tab" >
{% trans "Disk" %}
< / a >
< / li >
2015-03-16 13:46:44 +00:00
{% if request.user.is_superuser %}
< li role = "presentation" >
< a href = "#autostart" aria-controls = "autostart" role = "tab" data-toggle = "tab" >
{% trans "Autostart" %}
< / a >
< / li >
2016-05-09 10:08:31 +00:00
{% endif %}
2018-10-19 13:14:33 +00:00
2018-07-24 10:52:47 +00:00
{% if request.user.is_superuser or userinstance.is_vnc %}
2015-03-16 13:46:44 +00:00
< li role = "presentation" >
< a href = "#vncsettings" aria-controls = "vncsettings" role = "tab" data-toggle = "tab" >
{% trans "VNC" %}
< / a >
< / li >
2016-05-09 10:08:31 +00:00
{% endif %}
{% if request.user.is_superuser %}
2016-01-14 15:59:50 +00:00
< li role = "presentation" >
< a href = "#network" aria-controls = "network" role = "tab" data-toggle = "tab" >
{% trans "Network" %}
< / a >
< / li >
2016-03-23 08:00:42 +00:00
{% endif %}
{% if request.user.is_superuser or request.user.userattributes.can_clone_instances %}
2015-03-16 13:46:44 +00:00
< li role = "presentation" >
< a href = "#clone" aria-controls = "clone" role = "tab" data-toggle = "tab" >
{% trans "Clone" %}
< / a >
< / li >
2016-03-23 08:00:42 +00:00
{% endif %}
{% if request.user.is_superuser %}
2015-03-16 13:46:44 +00:00
< li role = "presentation" >
< a href = "#migrate" aria-controls = "migrate" role = "tab" data-toggle = "tab" >
{% trans "Migrate" %}
< / a >
< / li >
< li role = "presentation" >
< a href = "#xmledit" aria-controls = "xmledit" role = "tab" data-toggle = "tab" >
{% trans "XML" %}
< / a >
< / li >
2017-10-26 13:51:10 +00:00
{% endif %}
{% if request.user.is_superuser or request.user.userattributes.can_clone_instances %}
2016-01-20 14:40:09 +00:00
< li role = "presentation" >
2016-02-23 13:43:32 +00:00
< a href = "#options" aria-controls = "options" role = "tab" data-toggle = "tab" >
{% trans "Options" %}
2016-01-20 14:40:09 +00:00
< / a >
< / li >
2017-10-26 13:51:10 +00:00
{% endif %}
{% if request.user.is_superuser %}
2016-04-28 10:50:11 +00:00
< li role = "presentation" >
< a href = "#users" aria-controls = "users" role = "tab" data-toggle = "tab" >
{% trans "Users" %}
< / a >
< / li >
2015-03-16 13:46:44 +00:00
{% endif %}
2015-03-12 14:15:36 +00:00
< / ul >
<!-- Tab panes -->
< div class = "tab-content" >
2015-03-13 09:06:34 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "media" >
2017-04-20 12:45:01 +00:00
{% for cd in media %}
< form class = "form-horizontal" action = "" method = "post" role = "form" > {% csrf_token %}
2015-03-13 09:06:34 +00:00
< div class = "form-group" >
< label class = "col-sm-2 control-label" > {% trans "CDROM" %} {{ forloop.counter }}< / label >
{% if not cd.image %}
< div class = "col-sm-6" >
< select name = "media" class = "form-control" >
{% if media_iso %}
{% for iso in media_iso %}
< option value = "{{ iso }}" > {{ iso }}< / option >
{% endfor %}
{% else %}
< option value = "none" > {% trans "None" %}< / option >
{% endif %}
< / select >
< / div >
< div class = "col-sm-2" >
{% if media_iso %}
< button type = "submit" class = "btn btn-sm btn-success pull-left" name = "mount_iso" value = "{{ cd.dev }}" style = "margin-top: 2px;" > {% trans "Mount" %}< / button >
{% else %}
< button class = "btn btn-sm btn-success pull-left disabled" name = "mount_iso" style = "margin-top: 2px;" > {% trans "Mount" %}< / button >
{% endif %}
< / div >
{% else %}
< div class = "col-sm-5" >
< p > {{ cd.image }}< / p >
< / div >
< div class = "col-sm-2" >
< input type = "hidden" name = "path" value = "{{ cd.path }}" >
< button type = "submit" class = "btn btn-sm btn-success pull-left" value = "{{ cd.dev }}" name = "umount_iso" style = "margin-top: 2px;" > {% trans "Umount" %}< / button >
< / div >
{% endif %}
< / div >
2017-04-20 12:45:01 +00:00
< / form >
{% endfor %}
2015-03-13 09:06:34 +00:00
< div class = "clearfix" > < / div >
2015-03-12 14:15:36 +00:00
< / div >
2018-10-19 13:14:33 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "disks" >
< p style = "font-weight:bold;" >
2018-10-24 09:04:05 +00:00
{% trans "Instance Volumes" %}
{% include 'add_instance_volume.html' %}
2018-10-19 13:14:33 +00:00
< / p >
< div class = "col-xs-12 col-sm-12" >
< table class = "table table-hover" >
< thead >
< th > {% trans "Device" %}< / th >
< th > {% trans "Format" %}< / th >
< th > {% trans "Used" %}< / th >
< th > {% trans "Capacity" %}< / th >
< th > {% trans "Bus" %}< / th >
< th > {% trans "Storage" %}< / th >
< th > {% trans "Source" %}< / th >
< th style = "width:100px;" > {% trans "Action" %}< / th >
< / thead >
< tbody >
2018-10-24 09:04:05 +00:00
{% for disk in disks %}
< tr >
< td > {{ disk.dev }}< br > {{ disk.target }}< / td >
< td > {{ disk.format }}< / td >
< td > {{ disk.used | filesizeformat}}< / td >
< td > {{ disk.size | filesizeformat }}< / td >
< td > {{ disk.bus }}< / td >
< td > {{ disk.storage }}< / td >
< td > {{ disk.path }}< / td >
< td style = "width:30px;" >
< form action = "" method = "post" style = "height:10px" role = "form" > {% csrf_token %}
< input type = "hidden" name = "path" value = "{{ disk.path }}" >
< input type = "hidden" name = "dev" value = "{{ disk.dev }}" >
{% ifequal status 5 %}
< button type = "submit" class = "btn btn-sm btn-default" name = "detachvolume" title = "{% trans " Detach " % } " onclick = "return confirm('{% trans " Are you sure ? " % } ' ) " >
< i class = "fa fa-eject" > < / i >
< / button >
< button type = "submit" class = "btn btn-sm btn-default" name = "delvolume" title = "{% trans " Delete " % } " onclick = "return confirm('{% trans " Are you sure ? " % } ' ) " >
< i class = "fa fa-trash" > < / i >
< / button >
{% else %}
< button class = "btn btn-sm btn-default disabled" name = "detachvolume" title = "{% trans " Detach " % } " >
< i class = "fa fa-eject" > < / i >
< / button >
< button class = "btn btn-sm btn-default disabled" name = "delvolume" title = "{% trans " Delete " % } " onclick = "return confirm('{% trans " Are you sure ? " % } ' ) " >
< i class = "fa fa-trash" > < / i >
< / button >
{% endifequal %}
< / form >
< / td >
< / tr >
{% endfor %}
2018-10-19 13:14:33 +00:00
< / tbody >
< / table >
< / div >
< div class = "clearfix" > < / div >
< / div >
2015-03-16 13:46:44 +00:00
{% if request.user.is_superuser %}
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "autostart" >
< p > {% trans "Autostart your instance when host server is power on" %}< / p >
< form class = "form-horizontal" action = "" method = "post" role = "form" > {% csrf_token %}
{% ifequal autostart 0 %}
< input type = "submit" class = "btn btn-lg btn-success pull-right" name = "set_autostart" value = "{% trans " Enable " % } " >
{% else %}
< input type = "submit" class = "btn btn-lg btn-success pull-right" name = "unset_autostart" value = "{% trans " Disable " % } " >
{% endifequal %}
< / form >
< div class = "clearfix" > < / div >
< / div >
2016-05-09 10:08:31 +00:00
{% endif %}
2018-07-24 10:52:47 +00:00
{% if request.user.is_superuser or userinstance.is_vnc %}
2015-03-16 13:46:44 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "vncsettings" >
< p > {% trans "To set console's type, shutdown the instance." %}< / p >
< form class = "form-horizontal" method = "post" role = "form" > {% csrf_token %}
< div class = "form-group" id = "console_type_selection" >
< label for = "console_select_type" class = "col-sm-2 control-label" > {% trans "Type" %}< / label >
< div class = "col-sm-6" >
< select id = "console_select_type" class = "form-control" name = "console_type" >
< option value = "" style = "font-weight: bold" > {% trans "please choose" %}< / option >
{% for ctype in console_types %}
< option value = "{{ ctype }}" > {{ ctype }}< / option >
{% endfor %}
< / select >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
< div class = "col-sm-3" >
{% ifequal status 5 %}
< button type = "submit" class = "btn btn-success " name = "set_console_type" > {% trans "Set" %}< / button >
{% else %}
< button class = "btn btn-success disabled" name = "set_console_type" > {% trans "Set" %}< / button >
{% endifequal %}
2015-03-13 09:06:34 +00:00
< / div >
< / div >
2015-03-16 13:46:44 +00:00
< / form >
2018-06-15 12:13:50 +00:00
< p > {% trans "To set console listen address, shutdown the instance." %}< / p >
< form class = "form-horizontal" method = "post" role = "form" > {% csrf_token %}
< div class = "form-group" id = "console_listen_address_selection" >
< label for = "console_select_listen_address" class = "col-sm-2 control-label" > {% trans "Listen on" %}< / label >
< div class = "col-sm-6" >
< select id = "console_select_listen_address" class = "form-control" name = "console_listen_address" >
< option value = "" style = "font-weight: bold" > {% trans "please choose" %}< / option >
{% for address, label in console_listen_addresses %}
< option value = "{{ address }}" > {{ label }}< / option >
{% endfor %}
< / select >
< / div >
< div class = "col-sm-3" >
{% ifequal status 5 %}
< button type = "submit" class = "btn btn-success " name = "set_console_listen_address" > {% trans "Set" %}< / button >
{% else %}
< button class = "btn btn-success disabled" name = "set_console_listen_address" > {% trans "Set" %}< / button >
{% endifequal %}
< / div >
< / div >
< / form >
2015-03-16 13:46:44 +00:00
< p > {% trans "To create console password, shutdown the instance." %}< / p >
< form class = "form-horizontal" method = "post" role = "form" > {% csrf_token %}
< div class = "form-group" >
< div class = "col-sm-offset-2 col-sm-10" >
< div class = "checkbox" >
< label >
< input type = "checkbox" name = "auto_pass" value = "true" id = "console_passwd_gen" > {% trans "Generate" %}
< / label >
< / div >
< div class = "checkbox" >
< label >
< input type = "checkbox" name = "clear_pass" value = "true" id = "console_passwd_clear" > {% trans "Clear" %}
< / label >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
< / div >
2015-10-08 06:32:38 +00:00
< div class = "form-group" >
2015-03-16 13:46:44 +00:00
< label for = "inputPassword1" class = "col-sm-2 control-label" > {% trans "Password" %}< / label >
2015-10-08 06:32:38 +00:00
< div class = "col-sm-6" id = "console_passwd_manual" >
2015-03-16 13:46:44 +00:00
< input id = "console_show_pass" type = "password" class = "form-control" name = "console_passwd"
{% if console_passwd %}
value="{{ console_passwd }}"
{% else %}
placeholder="{% trans "Password" %}"
{% endif %} maxlength="14">
< / div >
< div class = "col-sm-3" >
2015-10-08 06:32:38 +00:00
{% if console_passwd %}
< a href = "#" name = "console_show" class = "btn btn-primary btn-md" onclick = "show_console()" > {% trans "Show" %}< / a >
{% endif %}
2015-03-16 13:46:44 +00:00
{% ifequal status 5 %}
< button type = "submit" class = "btn btn-success" name = "set_console_passwd" > {% trans "Set" %}< / button >
{% else %}
< button class = "btn btn-success disabled" name = "set_console_passwd" > {% trans "Set" %}< / button >
{% endifequal %}
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
< / form >
< p > {% trans "To set console's keymap, shutdown the instance." %}< / p >
< form class = "form-horizontal" method = "post" role = "form" > {% csrf_token %}
2015-03-13 09:06:34 +00:00
< div class = "form-group" >
2015-03-16 13:46:44 +00:00
< div class = "col-sm-offset-2 col-sm-10" >
< div class = "checkbox" >
< label >
< input type = "checkbox" name = "clear_keymap" value = "true" id = "console_keymap_clear" > {% trans "Clear" %}
< / label >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
< / div >
< div class = "form-group" id = "console_keymap_selection" >
< label for = "console_select_keymap" class = "col-sm-2 control-label" > {% trans "Keymap" %}< / label >
< div class = "col-sm-6" >
< select id = "console_select_keymap" class = "form-control" name = "console_keymap" >
< option value = "" style = "font-weight: bold" > {% trans "please choose" %}< / option >
{% for keymap in keymaps %}
< option value = "{{ keymap }}" > {{ keymap }}< / option >
{% endfor %}
< / select >
< / div >
< div class = "col-sm-3" >
{% ifequal status 5 %}
< button type = "submit" class = "btn btn-success" name = "set_console_keymap" > {% trans "Set" %}< / button >
{% else %}
< button class = "btn btn-success disabled" name = "set_console_keymap" > {% trans "Set" %}< / button >
{% endifequal %}
2015-03-13 09:06:34 +00:00
< / div >
< / div >
2015-03-16 13:46:44 +00:00
< / form >
< div class = "clearfix" > < / div >
< / div >
2016-05-09 10:08:31 +00:00
{% endif %}
{% if request.user.is_superuser %}
2016-01-14 15:59:50 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "network" >
2018-08-28 08:55:27 +00:00
< p >
2018-09-26 14:20:46 +00:00
{% trans "Assign network device to bridge" %}
{% include 'add_instance_network_block.html' %}
2018-08-28 08:55:27 +00:00
< / p >
2018-09-26 14:20:46 +00:00
< p style = "font-weight:bold;" > {% trans "Network devices" %}< / p >
< div class = "col-xs-12 col-sm-12" >
< form method = "post" role = "form" > {% csrf_token %}
2015-03-16 13:46:44 +00:00
{% for network in networks %}
2018-09-26 14:20:46 +00:00
< div class = "panel panel-default" >
< div class = "panel-heading" >
< label > eth{{ forloop.counter0 }}({{ network.target|default:"no target" }})< / label >
2015-03-16 13:46:44 +00:00
< / div >
2018-09-26 14:20:46 +00:00
< div class = "panel-body" >
< div class = "form-group form-inline" >
< label class = "col-sm-2 col-sm-offset-1 control-label" > {% trans "MAC" %} < / label >
< input class = "form-control" type = "text" value = "{{ network.mac }}" readonly / >
< label class = "control-label" > < em > to< / em > < / label >
< input class = "form-control" type = "text" name = "net-mac-{{ forloop.counter0 }}" value = "{{ network.mac }}" / >
< / div >
< div class = "form-group form-inline" >
< label class = "col-sm-2 col-sm-offset-1 control-label" > {% trans "NIC" %} < / label >
< input class = "form-control" type = "text" value = "{{ network.nic }}" readonly / >
< label class = "control-label" > < em > to< / em > < / label >
< select class = "form-control" name = "net-source-{{ forloop.counter0 }}" >
{% for c_net in compute_networks %}
< option value = "net:{{ c_net }}" { % ifequal c_net network . nic % } selected { % endifequal % } > Network {{ c_net }}< / option >
{% endfor %}
{% for c_iface in compute_interfaces %}
< option value = "iface:{{ c_iface }}" { % ifequal c_iface network . nic % } selected { % endifequal % } > Interface {{ c_iface }}< / option >
{% endfor %}
< / select >
< / div >
< div class = "form-group form-inline" >
< label class = "col-sm-2 col-sm-offset-1" > {% trans "Filter" %} < / label >
< input class = "form-control" type = "text" value = "{{ network.filterref }}" readonly / >
< label class = "control-label" > < em > to< / em > < / label >
< select class = "form-control" name = "net-nwfilter-{{ forloop.counter0 }}" >
< option value = "" > {% trans "None" %}< / option >
{% for c_filters in compute_nwfilters %}
< option value = "{{ c_filters }}" { % ifequal c_filters network . filterref % } selected { % endifequal % } > {{ c_filters }}< / option >
{% endfor %}
< / select >
< / div >
2018-07-24 10:52:47 +00:00
< / div >
2018-09-26 14:20:46 +00:00
< div class = "panel-footer" >
< button class = "btn btn-sm btn-primary" name = "change_network" title = "{% trans " Change " % } " > {% trans "Change" %}< / button >
< button class = "btn btn-sm pull-right btn-danger" value = "{{ network.mac }}" name = "delete_network" title = "{% trans " Delete " % } " onclick = "return confirm('{% trans " Are you sure ? " % } ' ) " > {% trans "Delete" %}< / button >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
< / div >
{% endfor %}
2016-01-14 15:59:50 +00:00
< / form >
2018-09-26 14:20:46 +00:00
< / div >
2016-01-14 15:59:50 +00:00
< div class = "clearfix" > < / div >
2018-09-26 14:20:46 +00:00
2016-01-14 15:59:50 +00:00
< / div >
2016-03-23 08:00:42 +00:00
{% endif %}
{% if request.user.is_superuser or request.user.userattributes.can_clone_instances %}
2015-03-16 13:46:44 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "clone" >
< p style = "font-weight:bold;" > {% trans "Create a clone" %}< / p >
< form class = "form-horizontal" action = "" method = "post" role = "form" > {% csrf_token %}
2015-03-13 09:06:34 +00:00
< div class = "form-group" >
2015-03-16 13:46:44 +00:00
< label class = "col-sm-3 control-label" style = "font-weight:normal;" > {% trans "Clone Name" %}< / label >
2016-05-27 12:13:24 +00:00
{% if request.user.is_superuser %}
2016-02-08 09:17:01 +00:00
< div class = "col-sm-4" >
< input id = "clone_name" type = "text" class = "form-control" name = "name" value = "{{ vname }}-clone" / >
2016-05-27 12:13:24 +00:00
< / div >
< div class = "col-sm-4" >
< button type = "button" class = "btn btn-sm btn-success pull-left" name = "guess-clone-name"
onclick="guess_clone_name()" style="margin-top: 2px;">{% trans "Guess" %}< / button >
< / div >
2018-06-19 11:06:57 +00:00
{% elif clone_instance_auto_name %}
< div class = "col-sm-4" >
< input id = "clone_instance_auto_name" type = "text" class = "form-control" name = "auto_name" value = "Automatic" disabled / >
< / div >
2016-05-27 12:13:24 +00:00
{% else %}
< div class = "col-sm-4" >
2016-03-23 08:00:42 +00:00
< select id = "select_clone_name" class = "form-control" name = "name" size = "1" / >
{% for name in clone_free_names %}
< option value = "{{ name }}" > {{ name }}< / option >
{% endfor %}
< / select >
2015-03-13 09:06:34 +00:00
< / div >
2016-05-27 12:13:24 +00:00
{% endif %}
2015-03-16 13:46:44 +00:00
< / div >
2016-03-23 08:00:42 +00:00
{% if request.user.is_superuser %}
< p style = "font-weight:bold;" > {% trans "Network devices" %}< / p >
{% for network in networks %}
< div class = "form-group" >
< label class = "col-sm-3 control-label" style = "font-weight:normal;" > eth{{ forloop.counter0 }} ({{ network.nic }})< / label >
< div class = "col-sm-4" >
< input type = "text" class = "form-control" name = "clone-net-mac-{{ forloop.counter0 }}" value = "{{ network.mac }}" / >
< / div >
< div class = "col-sm-4" >
< button type = "button" class = "btn btn-sm btn-success pull-left" name = "random-mac-{{ forloop.counter0 }}"
2018-08-28 08:55:27 +00:00
onclick="random_mac('clone-net-mac-{{ forloop.counter0 }}')" style="margin-top: 2px;">{% trans "Random" %}< / button >
2016-03-23 08:00:42 +00:00
< button type = "button" class = "btn btn-sm btn-success pull-left" name = "guess-mac-{{ forloop.counter0 }}"
onclick="guess_mac_address('#clone_name', {{ forloop.counter0 }})" style="margin-top: 2px;">{% trans "Guess" %}< / button >
< / div >
2015-03-16 13:46:44 +00:00
< / div >
2016-03-23 08:00:42 +00:00
{% endfor %}
{% else %}
{% for network in networks %}
< input type = "hidden" class = "form-control" name = "clone-net-mac-{{ forloop.counter0 }}" value = "{{ network.mac }}" / >
{% endfor %}
{% endif %}
{% if request.user.is_superuser %}
< p style = "font-weight:bold;" > {% trans "Storage devices" %}< / p >
2018-09-11 13:11:13 +00:00
{% for disk in disks %}
2016-03-23 08:00:42 +00:00
< div class = "form-group" >
< label class = "col-sm-3 control-label" style = "font-weight:normal;" > {{ disk.dev }} ({{ disk.storage }})< / label >
< div class = "col-sm-4" >
< input id = "disk_name-{{ disk.dev }}" type = "text" class = "form-control" name = "disk-{{ disk.dev }}" value = "{{ disk.image }}" / >
2015-03-16 13:46:44 +00:00
< / div >
2016-03-23 08:00:42 +00:00
{% ifequal disk.format 'qcow2' %}
2018-10-19 13:14:33 +00:00
< label class = "col-sm-2 control-label" style = "font-weight:normal;margin-left:-35px;" > {% trans 'Metadata' %}< / label >
2016-03-23 08:00:42 +00:00
< div class = "col-sm-1" >
< input type = "checkbox" name = "meta-{{ disk.dev }}" value = "true" style = "margin-top: 10px;" >
< / div >
{% endifequal %}
< / div >
{% endfor %}
{% else %}
2018-09-11 13:11:13 +00:00
{% for disk in disks %}
2016-03-23 08:00:42 +00:00
< input id = "disk_name-{{ disk.dev }}" type = "hidden" class = "form-control" name = "disk-{{ disk.dev }}" value = "{{ disk.image }}" / >
{% endfor %}
{% endif %}
2016-02-24 12:08:43 +00:00
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Title" %}< / label >
< div class = "col-sm-6" >
< input type = "text" name = "clone-title" class = "form-control" >
2015-03-16 13:46:44 +00:00
< / div >
2016-02-24 12:08:43 +00:00
< / div >
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Description" %}< / label >
< div class = "col-sm-6" >
< textarea name = "clone-description" class = "form-control" > < / textarea >
< / div >
< / div >
2015-03-16 13:46:44 +00:00
{% ifequal status 5 %}
2016-04-26 08:30:48 +00:00
< button type = "submit" class = "btn btn-lg btn-success pull-right" name = "clone" onclick = "showPleaseWaitDialog();" > {% trans "Clone" %}< / button >
2015-03-16 13:46:44 +00:00
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" name = "clone" > {% trans "Clone" %}< / button >
{% endifequal %}
< / form >
< div class = "clearfix" > < / div >
< / div >
2016-03-23 08:00:42 +00:00
{% endif %}
{% if request.user.is_superuser %}
2015-03-16 13:46:44 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "migrate" >
< p > {% trans "For migration both host servers must have equal settings and OS type" %}< / p >
< form class = "form-horizontal" method = "post" role = "form" > {% csrf_token %}
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Original host" %}< / label >
< div class = "col-sm-6" >
< p style = "margin: 10px -10px 0 0;" > {{ compute.name }}< / p >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Host migration" %}< / label >
< div class = "col-sm-6" >
< select name = "compute_id" class = "form-control" >
{% if computes_count != 1 %}
{% for comp in computes %}
{% if comp.id != compute.id %}
< option value = "{{ comp.id }}" > {{ comp.name }}< / option >
{% endif %}
{% endfor %}
{% endif %}
< / select >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Live migration" %}< / label >
< div class = "col-sm-6" >
2017-09-15 08:30:45 +00:00
< input type = "checkbox" name = "live_migrate" value = "true" id = "vm_live_migrate" { % ifequal status 1 % } checked { % endifequal % } >
2015-03-16 13:46:44 +00:00
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Unsafe migration" %}< / label >
< div class = "col-sm-6" >
< input type = "checkbox" name = "unsafe_migrate" value = "true" id = "vm_unsafe_migrate" >
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Delete original" %}< / label >
< div class = "col-sm-6" >
2016-01-20 13:49:49 +00:00
< input type = "checkbox" name = "xml_delete" value = "true" id = "xml_delete" checked >
2015-03-16 13:46:44 +00:00
< / div >
2015-03-13 09:06:34 +00:00
< / div >
2017-01-04 12:14:30 +00:00
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Offline migration" %}< / label >
< div class = "col-sm-6" >
2017-09-15 08:30:45 +00:00
< input type = "checkbox" name = "offline_migrate" value = "true" id = "offline_migrate" { % ifequal status 5 % } checked { % endifequal % } >
2017-01-04 12:14:30 +00:00
< / div >
< / div >
2015-03-16 13:46:44 +00:00
{% if computes_count != 1 %}
2016-04-26 08:30:48 +00:00
< button type = "submit" class = "btn btn-lg btn-success pull-right" name = "migrate" onclick = "showPleaseWaitDialog();" > {% trans "Migrate" %}< / button >
2015-03-16 13:46:44 +00:00
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" > {% trans "Migrate" %}< / button >
{% endif %}
< / form >
< div class = "clearfix" > < / div > < / p >
< / div >
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "xmledit" >
< p > {% trans "If you need to edit xml please Power Off the instance" %}< / p >
< form class = "form-horizontal" method = "post" role = "form" > {% csrf_token %}
< div class = "col-sm-12" id = "xmlheight" >
< textarea id = "editor" > {{ inst_xml }}< / textarea >
2015-03-13 09:06:34 +00:00
< / div >
2015-03-16 13:46:44 +00:00
{% ifequal status 5 %}
< input type = "hidden" name = "inst_xml" >
< button type = "submit" class = "btn btn-lg btn-success pull-right" name = "change_xml" >
{% trans "Change" %}
< / button >
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" >
{% trans "Change" %}
< / button >
{% endifequal %}
< / form >
< div class = "clearfix" > < / div >
< / div >
2017-10-26 13:51:10 +00:00
{% endif %}
{% if request.user.is_superuser or request.user.userattributes.can_clone_instances %}
2016-02-24 11:44:14 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "options" >
< form class = "form-horizontal" action = "" method = "post" role = "form" > {% csrf_token %}
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Title" %}< / label >
< div class = "col-sm-6" >
< input type = "text" name = "title" class = "form-control" value = "{{ title }}" >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Description" %}< / label >
< div class = "col-sm-6" >
< textarea name = "description" class = "form-control" > {{ description }}< / textarea >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-sm-3 control-label" > {% trans "Is template" %}< / label >
< div class = "col-sm-6" >
2018-08-02 10:42:06 +00:00
< input type = "checkbox" name = "is_template" value = "True" id = "is_template" { % if instance . is_template % } checked { % endif % } { % if not request . user . is_superuser % } disabled { % endif % } >
2016-02-24 11:44:14 +00:00
< / div >
< / div >
{% ifequal status 5 %}
< button type = "submit" class = "btn btn-lg btn-success pull-right" name = "change_options" > {% trans "Change" %}< / button >
{% else %}
< button class = "btn btn-lg btn-success pull-right disabled" name = "change_options" > {% trans "Change" %}< / button >
{% endifequal %}
< / form >
< div class = "clearfix" > < / div >
< / div >
2017-10-26 13:51:10 +00:00
{% endif %}
{% if request.user.is_superuser %}
2016-04-28 10:50:11 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "users" >
2017-09-15 10:40:37 +00:00
< div >
< p style = "font-weight:bold;" >
{% trans "Instance owners" %}
{% include 'add_instance_owner_block.html' %}
< / p >
< / div >
< div class = "table-responsive" >
< table class = "table table-striped sortable-theme-bootstrap" data-sortable >
< tbody class = "searchable" >
{% for userinstance in userinstances %}
< tr >
< td > < a href = "{% url 'account' userinstance.user.id %}" > {{ userinstance.user }}< / a > < / td >
< td style = "width:30px;" >
< form action = "" method = "post" style = "height:10px" role = "form" > {% csrf_token %}
< input type = "hidden" name = "userinstance" value = "{{ userinstance.pk }}" >
< button type = "submit" class = "btn btn-sm btn-default" name = "del_owner" title = "{% trans " Delete " % } " >
< i class = "fa fa-trash" > < / i >
< / button >
< / form >
< / td >
< / tr >
{% endfor %}
< / tbody >
< / table >
< / div >
2016-04-28 10:50:11 +00:00
< div class = "clearfix" > < / div >
< / div >
2015-03-16 13:46:44 +00:00
{% endif %}
2015-03-12 14:15:36 +00:00
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "graphics" >
< div role = "tabpanel" >
<!-- Nav tabs -->
< ul class = "nav nav-tabs" role = "tablist" >
< li role = "presentation" class = "active" >
2015-03-20 10:06:32 +00:00
< a href = "#graphs" aria-controls = "graphs" role = "tab" data-toggle = "tab" >
2015-03-12 14:15:36 +00:00
{% trans "Real Time" %}
< / a >
< / li >
2017-12-11 14:07:01 +00:00
< li role = "presentation" >
< a href = "#logs" aria-controls = "logs" role = "tab" data-toggle = "tab" onclick = 'update_logs_table("{{ vname }}");' >
{% trans "Logs" %}
< / a >
< / li >
2015-03-12 14:15:36 +00:00
< / ul >
<!-- Tab panes -->
< div class = "tab-content" >
2015-03-20 10:06:32 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "graphs" >
< div class = "panel panel-success" >
< div class = "panel-heading" >
< h3 class = "panel-title" > < i class = "fa fa-long-arrow-right" > < / i > {% trans "CPU usage" %}< / h3 >
< / div >
< div class = "panel-body" >
< div class = "flot-chart" >
< div class = "flot-chart-content" id = "flot-moving-line-chart" style = "padding: 0px; position: relative;" >
2015-04-21 11:46:58 +00:00
< canvas id = "cpuChart" width = "735" height = "160" > < / canvas >
2015-03-20 10:06:32 +00:00
< / div >
< / div >
< / div >
< / div >
{% for net in networks %}
< div class = "panel panel-info" >
< div class = "panel-heading" >
< h3 class = "panel-title" > < i class = "fa fa-long-arrow-right" > < / i > {% trans "Bandwidth device:" %} eth{{ forloop.counter0 }}< / h3 >
< / div >
< div class = "panel-body" >
< div class = "flot-chart" >
< div class = "flot-chart-content" id = "flot-moving-line-chart" style = "padding: 0px; position: relative;" >
2015-04-21 11:46:58 +00:00
< canvas id = "netEth{{ forloop.counter0 }}Chart" width = "735" height = "160" > < / canvas >
2015-03-20 10:06:32 +00:00
< / div >
< / div >
< / div >
< / div >
{% endfor %}
{% for disk in disks %}
< div class = "panel panel-warning" >
< div class = "panel-heading" >
< h3 class = "panel-title" > < i class = "fa fa-long-arrow-right" > < / i > {% trans "Disk I/O device:" %} {{ disk.dev }}< / h3 >
< / div >
< div class = "panel-body" >
< div class = "flot-chart" >
< div class = "flot-chart-content" id = "flot-moving-line-chart" style = "padding: 0px; position: relative;" >
2015-04-21 11:46:58 +00:00
< canvas id = "blk{{ disk.dev }}Chart" width = "735" height = "160" > < / canvas >
2015-03-20 10:06:32 +00:00
< / div >
< / div >
< / div >
< / div >
{% endfor %}
< div class = "clearfix" > < / div >
2015-03-12 14:15:36 +00:00
< / div >
2017-12-11 14:07:01 +00:00
< div role = "tabpanel" class = "tab-pane tab-pane-bordered" id = "logs" >
< div class = "table-responsive" >
< table class = "table table-striped sortable-theme-bootstrap" id = "logs_table" data-sortable >
< thead >
< tr >
< th > {% trans "Date" %}< / th >
< th > {% trans "User" %}< / th >
< th > {% trans "Message" %}< / th >
< / tr >
< / thead >
< tbody class = "searchable" >
< tr > < td colspan = "3" > < i > None ...< / i > < / td > < / tr >
< / tbody >
< / table >
< / div >
< div class = "clearfix" > < / div >
< / div >
2015-03-12 14:15:36 +00:00
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "undefine" >
< div role = "tabpanel" >
<!-- Nav tabs -->
< ul class = "nav nav-tabs" role = "tablist" >
< li role = "presentation" class = "active" >
< a href = "#destroy" aria-controls = "destroy" role = "tab" data-toggle = "tab" >
{% trans "Destroy Instance" %}
< / a >
< / li >
< / ul >
<!-- Tab panes -->
< div class = "tab-content" >
< div role = "tabpanel" class = "tab-pane tab-pane-bordered active" id = "destroy" >
2015-03-13 09:06:34 +00:00
< p > {% trans "Delete storage for instance?" %}< / p >
2018-07-24 10:52:47 +00:00
{% if request.user.is_superuser or userinstance.is_delete %}
2015-03-18 13:48:29 +00:00
{% ifequal status 3 %}
< button class = "btn btn-lg btn-success disabled pull-right" name = "delete" > {% trans "Destroy" %}< / button >
{% else %}
< form class = "form-group" method = "post" role = "form" > {% csrf_token %}
< div class = "checkbox" style = "margin-left: 8px;" >
< label >
2016-01-20 13:49:49 +00:00
< input type = "checkbox" name = "delete_disk" value = "true" checked >
2015-03-18 13:48:29 +00:00
< strong > {% trans "Remove Instance's data" %}< / strong >
< / label >
< / div >
< button type = "submit" class = "btn btn-lg btn-success pull-right" name = "delete" > {% trans "Destroy" %}< / button >
< / form >
{% endifequal %}
2015-03-16 09:57:55 +00:00
{% else %}
< button class = "btn btn-lg btn-success disabled pull-right" name = "delete" > {% trans "Destroy" %}< / button >
{% endif %}
2015-03-13 09:06:34 +00:00
< div class = "clearfix" > < / div >
2015-03-12 14:15:36 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2015-03-12 15:35:51 +00:00
{% endblock %}
{% block script %}
2017-06-06 12:49:11 +00:00
< script src = "{% static " js / ace . js " % } " type = "text/javascript" charset = "utf-8" > < / script >
2018-10-24 09:04:05 +00:00
< script >
function get_volumes(comp_id, pool) {
vol_params = comp_id + " " + pool;
vol_url = "/computes/" + comp_id + "/storage/" + pool + "/?get_volumes";
var select = document.getElementById("vols");
while (select.options.length){
select.removeChild(select.options[0]);
}
var input_sto = document.getElementById('selected_storage');
input_sto.value = pool;
$.getJSON(vol_url, function(data) {
if (data.length > 0) {
select.disabled = false;
}
var opt = document.createElement('option');
opt.value = '';
opt.innerHTML = 'None';
select.appendChild(opt);
for (i = 0; i < data.length ; i + + ) {
var opt = document.createElement('option');
opt.value = data[i]['name'];
opt.innerHTML = data[i]['name'];
select.appendChild(opt);
}
});
}
< / script >
2015-03-13 12:06:51 +00:00
< script >
var editor = ace.edit("editor");
editor.getSession().setMode("ace/mode/xml");
var input = $('input[name="inst_xml"]');
editor.getSession().on("change", function () {
input.val(editor.getSession().getValue());
});
< / script >
2015-03-12 15:35:51 +00:00
< script >
2018-08-14 12:11:49 +00:00
function open_console(view_style) {
2018-10-24 09:04:05 +00:00
window.open('{% url 'console' %}?token={{ compute_id }}-{{ uuid }}& view=' + view_style +'', '', 'width=850,height=600')
2015-03-12 15:35:51 +00:00
}
< / script >
2015-03-13 09:06:34 +00:00
< script >
function random_mac(net) {
2018-10-01 12:09:04 +00:00
$.getJSON('{% url 'random_mac_address' %}', function (data) {
2018-10-24 09:04:05 +00:00
$('input[name="' + net + '"]').val(data['mac']);
2018-07-26 09:35:37 +00:00
});
2015-03-13 09:06:34 +00:00
};
< / script >
< script >
function show_console() {
if ($('#console_show_pass').attr('type') == 'password') {
$('#console_show_pass').attr('type', 'text');
} else {
$('#console_show_pass').attr('type', 'password');
}
}
< / script >
2016-02-08 11:28:52 +00:00
< script >
2016-03-23 08:00:42 +00:00
function guess_mac_address(src_elem, net) {
new_vname = $(src_elem).val();
2018-10-01 12:09:04 +00:00
guess_mac_address_url = "{% url 'guess_mac_address' 1 %}".replace(1, new_vname);
$.getJSON(guess_mac_address_url, function(data) {
2016-02-10 16:52:50 +00:00
$('input[name="clone-net-mac-'+net+'"]').val(data['mac']);
2016-02-08 11:28:52 +00:00
});
}
< / script >
2016-05-27 12:13:24 +00:00
< script >
function guess_clone_name() {
2018-10-01 12:09:04 +00:00
$.getJSON('{% url 'guess_clone_name' %}', function(data) {
2016-05-27 12:13:24 +00:00
guessed_name = data['name'].split(".")[0];
$('#clone_name').val(guessed_name);
update_clone_disk_name(guessed_name);
2016-06-08 11:37:26 +00:00
guess_mac_address('#clone_name', 0);
2016-05-27 12:13:24 +00:00
});
}
< / script >
2016-02-08 09:17:01 +00:00
< script >
function update_clone_disk_name(new_vname) {
2018-09-11 13:11:13 +00:00
vname = '{{ vname }}';
{% for disk in disks %}
2016-02-08 09:17:01 +00:00
disk_name = '{{ disk.image }}';
disk_dot = disk_name.split('.')
disk_dot_suffix = disk_dot[disk_dot.length-1];
2018-09-11 13:11:13 +00:00
if (disk_name.startsWith(vname)) {
image = disk_name.replace(vname, new_vname);
2016-02-08 09:17:01 +00:00
} else if (disk_name.lastIndexOf('.') > -1 & & disk_dot_suffix.length < = 7) {
image = new_vname + "." + disk_dot_suffix
2018-09-04 13:40:47 +00:00
} else if (new_vname != disk_name) {
image = new_vname
2016-02-08 09:17:01 +00:00
} else {
image = new_vname + '-clone';
}
$('#disk_name-{{ disk.dev }}').val(image);
{% endfor %}
}
< / script >
2015-03-13 09:06:34 +00:00
< script >
$(document).on('change', '#console_passwd_gen', function () {
if ($(this).prop('checked')) {
$('#console_passwd_manual').hide();
$('#console_passwd_clear').prop('checked', false);
} else {
$('#console_passwd_manual').show();
}
});
$(document).on('change', '#console_passwd_clear', function () {
if ($(this).prop('checked')) {
$('#console_passwd_manual').hide();
$('#console_passwd_gen').prop('checked', false);
} else {
$('#console_passwd_manual').show();
}
});
$(document).on('change', '#console_keymap_clear', function () {
if ($(this).prop('checked')) {
$('#console_keymap_selection').hide();
} else {
$('#console_keymap_selection').show();
}
});
2016-02-08 09:17:01 +00:00
$('#clone_name').on('input', function () {
update_clone_disk_name($(this).val());
});
2015-03-13 09:06:34 +00:00
$(document).ready(function () {
// set current console keymap or fall back to default
var keymap = "{{ console_keymap }}"
if (keymap != '') {
$("#console_select_keymap option[value='" + keymap + "']").prop('selected', true);
}
});
$(document).ready(function () {
// set current console type or fall back to default
var console_type = "{{ console_type }}"
if (console_type != '') {
$("#console_select_type option[value='" + console_type + "']").prop('selected', true);
}
});
2018-06-15 12:13:50 +00:00
$(document).ready(function () {
// set current console listen address or fall back to default
var console_listen_address = "{{ console_listen_address }}"
if (console_listen_address != '') {
$("#console_select_listen_address option[value='" + console_listen_address + "']").prop('selected', true);
}
});
2018-06-21 12:53:35 +00:00
$(document).ready(function () {
// set vdi url
2018-10-01 12:09:04 +00:00
$.get("{% url 'vdi_url' vname %}", function(data) {
2018-09-05 06:30:08 +00:00
$("#vdi_url_input").attr("value", data);
2018-06-21 12:53:35 +00:00
$("#vdi_url").attr("href", data);
});
});
2018-07-26 09:35:37 +00:00
{% if request.user.is_superuser %}
$(document).ready(function () {
2018-08-28 08:55:27 +00:00
random_mac('clone-net-mac-0');
random_mac('add-net-mac');
2018-09-11 13:11:13 +00:00
update_clone_disk_name($('#clone_name').val());
2018-07-26 09:35:37 +00:00
});
{% else %}
2016-03-23 08:00:42 +00:00
$('#select_clone_name').on('change', function () {
update_clone_disk_name($(this).val());
guess_mac_address('#select_clone_name', 0);
});
$(document).ready(function () {
update_clone_disk_name($('#select_clone_name').val());
guess_mac_address('#select_clone_name', 0);
});
{% endif %}
2015-03-13 09:06:34 +00:00
< / script >
< script >
$(function () {
$('.js-custom__checkbox').change(function () {
var container = $(this).closest('.js-custom__container');
var toggles = container.find('.js-custom__toggle');
toggles.toggle();
});
});
< / script >
2017-06-06 12:49:11 +00:00
< script src = "{% static " js / Chart . min . js " % } " > < / script >
2015-03-20 10:06:32 +00:00
< script >
2015-03-23 09:23:17 +00:00
$('#chartgraphs').on('shown.bs.tab', function (event) {
2015-03-20 10:06:32 +00:00
var cpuLineData = {
labels : [0, 0, 0, 0, 0],
datasets : [
{
2015-09-23 08:01:28 +00:00
fillColor: "rgba(44,127,184,0.5)",
strokeColor: "rgba(44,127,184,1)",
pointColor: "rgba(44,127,184,1)",
pointStrokeColor: "#fff",
data: [0, 0, 0, 0, 0]
2015-03-20 10:06:32 +00:00
}
]
};
var diskLineData = {
labels : [0, 0, 0, 0, 0],
datasets : [
{
2015-09-23 08:01:28 +00:00
fillColor: "rgba(127,205,187,0.5)",
strokeColor: "rgba(127,205,187,1)",
pointColor: "rgba(127,205,187,1)",
pointStrokeColor: "#fff",
data: [0, 0, 0, 0, 0],
label: "Read"
2015-03-20 10:06:32 +00:00
},
{
2015-09-23 08:01:28 +00:00
fillColor: "rgba(44,127,184,0.5)",
strokeColor: "rgba(44,127,184,1)",
pointColor: "rgba(44,127,184,1)",
pointStrokeColor: "#fff",
data: [0, 0, 0, 0, 0],
label: "Write"
2015-03-20 10:06:32 +00:00
},
]
2015-03-23 09:54:59 +00:00
};
2015-03-20 10:06:32 +00:00
var netLineData = {
labels : [0, 0, 0, 0, 0],
datasets : [
{
2015-09-23 08:01:28 +00:00
fillColor: "rgba(127,205,187,0.5)",
strokeColor: "rgba(127,205,187,1)",
pointColor: "rgba(127,205,187,1)",
pointStrokeColor: "#fff",
data: [0, 0, 0, 0, 0],
label: "Inbound"
2015-03-20 10:06:32 +00:00
},
{
2015-09-23 08:01:28 +00:00
fillColor: "rgba(44,127,184,0.5)",
strokeColor: "rgba(44,127,184,1)",
pointColor: "rgba(44,127,184,1)",
pointStrokeColor: "#fff",
data: [0, 0, 0, 0, 0],
label: "Outbound"
2015-03-20 10:06:32 +00:00
},
]
2015-03-23 09:54:59 +00:00
};
2015-03-20 10:06:32 +00:00
var cpuOpt = {
animation: false,
pointDotRadius: 2,
scaleLabel: "< %=value%> %",
2015-09-23 08:01:28 +00:00
tooltipTemplate: "< %=value%> %",
scaleShowGridLines : false,
2015-03-20 10:06:32 +00:00
scaleOverride: true,
2015-04-21 14:25:26 +00:00
scaleSteps: 5,
scaleStepWidth: 20,
2015-03-20 10:06:32 +00:00
scaleStartValue: 0,
responsive: true
};
var diskOpt = {
animation: false,
pointDotRadius: 2,
scaleLabel: "< %=value%> Mb/s",
2015-09-23 08:01:28 +00:00
multiTooltipTemplate: "< %=datasetLabel%> - < %=value%> Mb/s",
scaleShowGridLines : false,
2015-03-20 10:06:32 +00:00
responsive: true
};
var netOpt = {
animation: false,
pointDotRadius: 2,
scaleLabel: "< %=value%> Mbps",
2015-09-23 08:01:28 +00:00
multiTooltipTemplate: "< %=datasetLabel%> - < %=value%> Mbps",
scaleShowGridLines : false,
responsive: true,
2015-03-20 10:06:32 +00:00
};
var cpu_ctx = $("#cpuChart").get(0).getContext("2d");
var cpuChart = new Chart(cpu_ctx).Line(cpuLineData, cpuOpt);
var diskChart = {};
{% for disk in disks %}
var disk_ctx_{{ disk.dev }} = $("#blk{{ disk.dev }}Chart").get(0).getContext("2d");
diskChart['{{ disk.dev }}'] = new Chart(disk_ctx_{{ disk.dev }}).Line(diskLineData, diskOpt);
{% endfor %}
var netChart = {};
{% for net in networks %}
var net_ctx_{{ forloop.counter0 }} = $("#netEth{{ forloop.counter0 }}Chart").get(0).getContext("2d");
netChart['{{ forloop.counter0 }}'] = new Chart(net_ctx_{{ forloop.counter0 }}).Line(netLineData, netOpt);
{% endfor %}
2015-03-23 09:23:17 +00:00
window.setInterval(function graph_usage() {
2015-03-20 10:06:32 +00:00
$.getJSON('{% url 'inst_graph' compute_id vname %}', function (data) {
cpuChart.scale.xLabels = data.timeline;
2015-03-23 09:23:17 +00:00
for (var i = 0; i < data.cpudata.length ; i + + ) {
2015-03-20 10:06:32 +00:00
cpuChart.datasets[0].points[i].value = data.cpudata[i];
}
cpuChart.update();
2015-03-23 09:23:17 +00:00
for (var j = 0; j < data.blkdata.length ; j + + ) {
diskChart[data.blkdata[j].dev].scale.xLabels = data.timeline;
2015-03-20 10:06:32 +00:00
2015-03-23 09:23:17 +00:00
for (var i = 0; i < data.blkdata [ j ] . data [ 0 ] . length ; i + + ) {
2015-09-23 08:04:06 +00:00
diskChart[data.blkdata[j].dev].datasets[0].points[i].label = 'Time: ' + data.timeline[i];
2015-03-23 09:23:17 +00:00
diskChart[data.blkdata[j].dev].datasets[0].points[i].value = data.blkdata[j].data[0][i];
diskChart[data.blkdata[j].dev].datasets[1].points[i].value = data.blkdata[j].data[1][i];
}
2015-03-20 10:06:32 +00:00
2015-03-23 09:23:17 +00:00
diskChart[data.blkdata[j].dev].update();
}
2015-03-20 10:06:32 +00:00
2015-03-23 09:23:17 +00:00
for (var j = 0; j < data.netdata.length ; j + + ) {
netChart[data.netdata[j].dev].scale.xLabels = data.timeline;
2015-03-20 10:06:32 +00:00
2015-03-23 09:23:17 +00:00
for (var i = 0; i < data.netdata [ j ] . data [ 0 ] . length ; i + + ) {
2015-09-23 08:04:06 +00:00
netChart[data.netdata[j].dev].datasets[0].points[i].label = 'Time: ' + data.timeline[i];
2015-03-23 09:23:17 +00:00
netChart[data.netdata[j].dev].datasets[0].points[i].value = data.netdata[j].data[0][i];
netChart[data.netdata[j].dev].datasets[1].points[i].value = data.netdata[j].data[1][i];
}
2015-03-20 10:06:32 +00:00
2015-03-23 09:23:17 +00:00
netChart[data.netdata[j].dev].update();
}
});
2015-03-23 13:47:47 +00:00
}, 10000);
2015-03-23 09:23:17 +00:00
});
2015-03-24 07:22:30 +00:00
< / script >
< script >
2017-03-09 14:14:38 +00:00
backgroundJobRunning = false;
2015-03-23 13:47:47 +00:00
window.setInterval(function get_status() {
var status = {{ status }};
$.getJSON('{% url 'inst_status' compute_id vname %}', function (data) {
2017-03-09 14:14:38 +00:00
if (data['status'] != status & & !backgroundJobRunning) {
2015-03-23 13:47:47 +00:00
window.location.reload()
}
2017-03-09 14:14:38 +00:00
});
2015-07-09 07:41:56 +00:00
}, 5000);
2015-03-24 07:22:30 +00:00
< / script >
< script >
var hash = location.hash;
if (~$.inArray(hash, ['#poweron', '#poweroff', '#powercycle', '#suspend', '#resume'])) {
var btnsect = $('#navbtn>li>a');
$(btnsect).each(function () {
if ($(this).attr('href') === '#power') {
$(this).trigger('click');
}
});
}
if (~$.inArray(hash, ['#resize'])) {
var btnsect = $('#navbtn>li>a');
$(btnsect).each(function () {
if ($(this).attr('href') === '#resize') {
$(this).trigger('click');
}
});
}
2018-10-19 13:14:33 +00:00
if (~$.inArray(hash, ['#media', "#disks", '#network', '#clone', '#autostart', '#xmledit', '#vncsettings', '#migrate', '#options', '#users'])) {
2015-03-24 07:22:30 +00:00
var btnsect = $('#navbtn>li>a');
$(btnsect).each(function () {
if ($(this).attr('href') === '#settings') {
$(this).trigger('click');
}
});
2015-04-21 12:40:18 +00:00
var btn = $('#settings>div>ul>li>a');
$(btn).each(function () {
if ($(this).attr('href') === hash) {
$(this).trigger('click');
}
});
}
2018-09-04 12:01:11 +00:00
if (~$.inArray(hash, ['#takesnapshot', '#managesnapshot'])) {
2015-04-21 12:40:18 +00:00
var btnsect = $('#navbtn>li>a');
$(btnsect).each(function () {
if ($(this).attr('href') === '#snapshots') {
$(this).trigger('click');
}
});
var btn = $('#snapshots>div>ul>li>a');
$(btn).each(function () {
if ($(this).attr('href') === hash) {
$(this).trigger('click');
}
});
2015-03-24 07:22:30 +00:00
}
< / script >
2017-12-11 14:07:01 +00:00
< script >
function update_logs_table(vname) {
2018-10-01 12:09:04 +00:00
logurl = "{% url 'vm_logs' 1 %}".replace(1, vname);
$.getJSON(logurl, function(data) {
2017-12-11 14:07:01 +00:00
var logs = "";
$.each(data, function(id) {
row = data[id];
console.log(row);
logs += '< tr > < td style = "width:150px" > '+row['date']+'< / td > ';
logs += '< td > '+row['user']+'< / td > ';
logs += '< td > '+row['message']+'< / td > < / tr > ';
});
$("#logs_table > tbody").html(logs);
});
}
< / script >
2015-07-09 07:41:56 +00:00
{% endblock %}
