88 lines
2.7 KiB
HTML
88 lines
2.7 KiB
HTML
{% extends 'infrastructure/base.html' %}
|
|
{% load i18n %}
|
|
{% load url from future %}
|
|
|
|
{% block css %}
|
|
{{block.super}}
|
|
|
|
{% load compress %}
|
|
{% compress css %}
|
|
<link href='{{ STATIC_URL }}tuskar_boxes/scss/tuskar_boxes.scss' type='text/scss' media='screen' rel='stylesheet' />
|
|
{% endcompress %}
|
|
{% endblock %}
|
|
|
|
{% block js %}
|
|
{{ block.super }}
|
|
<script src='{{ STATIC_URL }}tuskar_boxes/js/tuskar.boxes.js' type='text/javascript' charset='utf-8'></script>
|
|
<script src='{{ STATIC_URL }}tuskar_boxes/js/tuskar.boxes_progress.js' type='text/javascript' charset='utf-8'></script>
|
|
{% endblock %}
|
|
|
|
|
|
{% block title %}{% trans 'My OpenStack Deployment' %}{% endblock %}
|
|
|
|
{% block page_header %}
|
|
{% include 'horizon/common/_items_count_domain_page_header.html' with title=_('My OpenStack Deployment') %}
|
|
|
|
{% endblock page_header %}
|
|
|
|
{% block main %}
|
|
<div class="row">
|
|
<div class="col-xs-8">
|
|
{% if stack %}
|
|
{% if stack.is_deployed and stack.is_initialized %}
|
|
{% include "tuskar_boxes/overview/role_nodes_live.html" %}
|
|
{% else %}
|
|
{% include "tuskar_boxes/overview/role_nodes_status.html" %}
|
|
{% endif %}
|
|
{% else %}
|
|
{% include "tuskar_boxes/overview/role_nodes_edit.html" %}
|
|
{% endif %}
|
|
</div>
|
|
<div class="col-xs-4">
|
|
{% if stack %}
|
|
{% if stack.is_deleting or stack.is_deploying or stack.is_updating %}
|
|
{% include "infrastructure/overview/deployment_progress.html" %}
|
|
{% elif stack.is_delete_failed or stack.is_failed %}
|
|
{% include "infrastructure/overview/deployment_failed.html" %}
|
|
{% elif stack.is_deployed and not stack.is_initialized %}
|
|
{% include "infrastructure/overview/deployment_initialize.html" %}
|
|
{% else %}
|
|
{% include "infrastructure/overview/deployment_live.html" %}
|
|
{% endif %}
|
|
{% else %}
|
|
{% include "infrastructure/overview/deployment_plan.html" %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
{% if stack and stack.is_deployed and stack.is_initialized %}
|
|
<h4>Nodes Distribution</h4>
|
|
<div class="role-distribution">
|
|
{% for role in roles %}
|
|
{% if role.distribution %}
|
|
<span class="role-{{ role.name|slugify }}">
|
|
{{ role.name|capfirst }}: {{ role.distribution }}%
|
|
</span>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
{% include "tuskar_boxes/overview/_node_info.html" with nodes=nodes %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
(window.$ || window.addHorizonLoadEvent)(function () {
|
|
$('div.boxes-node').popover({
|
|
'trigger': 'hover',
|
|
'placement': 'auto',
|
|
'delay': 500,
|
|
'html': true
|
|
});
|
|
});
|
|
</script>
|
|
|
|
{% endblock %}
|