466a8a4dd6
The patch that added popups on node boxes skipped the progress and live deployment views. This patch makes sure the popups are displayed on all the node boxes on all views. It also makes sure that the nodes information is available even when there is no stack -- for the undeploy progress page. Change-Id: Ib5bd428f9ba4d7b324c2b0fa4421994c4e3165c7
87 lines
2.7 KiB
HTML
87 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/_domain_page_header.html' with title=_('My OpenStack Deployment') %}
|
|
{% endblock page_header %}
|
|
|
|
{% block main %}
|
|
<div class="row">
|
|
<div class="col-xs-4">
|
|
{% if stack %}
|
|
{% if stack.is_deleting or stack.is_deploying %}
|
|
{% 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 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>
|
|
|
|
<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 %}
|