Hosts.
This commit is contained in:
Julien Fontanet
parent
a4039e99c1
commit
82b645cf61
@ -241,7 +241,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Hosts list. -->
|
<!-- Hosts list. -->
|
||||||
<script type="text/template" id="tpl-hosts-list">
|
<script type="text/template" id="tpl-hosts-list" data-class="container">
|
||||||
<h3 class="center"><%= link(name, ['pools', id]) %></h3>
|
<h3 class="center"><%= link(name, ['pools', id]) %></h3>
|
||||||
|
|
||||||
<table class="table table-bordered table-hover table-striped">
|
<table class="table table-bordered table-hover table-striped">
|
||||||
@ -255,14 +255,230 @@
|
|||||||
<tbody></tbody>
|
<tbody></tbody>
|
||||||
</table>
|
</table>
|
||||||
</script>
|
</script>
|
||||||
<script type="text/template" id="tpl-hosts-list-item">
|
<script type="text/template" id="tpl-hosts-list-item" data-tag="tr">
|
||||||
<td><%= link(name, ['servers', id]) %></td>
|
<td><%= link(name, ['hosts', id]) %></td>
|
||||||
<td><%= description %></td>
|
<td><%= description %></td>
|
||||||
<td><%= progressBar(- 100 * memory.free / memory.total) %></td>
|
<td><%= progressBar(- 100 * memory.free / memory.total) %></td>
|
||||||
<td><%= IPs.length ? IPs.join(', ') : '<i>none</i>' %></td><!-- @todo -->
|
<td><%= IPs.length ? IPs.join(', ') : '<i>none</i>' %></td><!-- @todo -->
|
||||||
<td><%= formatDuration_fromNow(start_time) %></td>
|
<td><%= formatDuration_fromNow(start_time) %></td>
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<script type="text/template" id="tpl-host" data-class="container well">
|
||||||
|
<h3 class="center"><%= name %></h3>
|
||||||
|
|
||||||
|
<!-- Tabs menu. -->
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<li class="active"><a href="#general"><i class="icon-home"></i> General</a></li>
|
||||||
|
<li><a href="#memory"><i class="icon-tasks"></i> Memory</a></li>
|
||||||
|
<li><a href="#storage"><i class="icon-hdd"></i> Storage</a></li>
|
||||||
|
<li><a href="#network"><i class="icon-sitemap"></i> Network</a></li>
|
||||||
|
<!-- @todo
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i> Misc <b class="caret"></b></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="#console"><i class="icon-desktop"></i> Console</a></li>
|
||||||
|
<li><a href="#perfs"><i class="icon-bar-chart"></i> Perfs</a></li>
|
||||||
|
<li><a href="#alerts"><i class="icon-bullhorn"></i> Alerts</a></li>
|
||||||
|
<li><a href="#logs"><i class="icon-comment"></i> Logs</a></li>
|
||||||
|
<li><a href="#other"><i class="icon-asterisk"></i> Other</a></li>
|
||||||
|
</ul>
|
||||||
|
</li> -->
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="tab-content"></ul>
|
||||||
|
</script>
|
||||||
|
<script type="text/template" id="tpl-host-general" data-class="tab-pane fade in active" data-id="general">
|
||||||
|
<dl class="dl-horizontal">
|
||||||
|
<dt>Name:</dt><dd><%= name %></dd>
|
||||||
|
<dt>Description:</dt><dd><%= description %></dd>
|
||||||
|
<dt>Pool master:</dt><dd><%= yesNo(is_pool_master) %></dd>
|
||||||
|
<dt>Enabled:</dt><dd><%= yesNo(enabled) %></dd>
|
||||||
|
<dt>iSCSI IQN:</dt><dd><%= iscsi_iqn || '<i>none</i>' %></dd>
|
||||||
|
<dt>OS:</dt><dd><%= os_version || '<i>none</i>' %></dd>
|
||||||
|
<dt>Log destination:</dt><dd><%= log_destination %></dd>
|
||||||
|
<dt>Server uptime:</dt><dd><%= start_time ? formatDuration_fromNow(start_time) : '<i>N/A</i>' %></dd>
|
||||||
|
<dt>Toolstack uptime:</dt><dd><%= tool_stack_start_time ? formatDuration_fromNow(tool_stack_start_time) : '<i>N/A</i>' %></dd>
|
||||||
|
<dt>UUID:</dt><dd><%= uuid %></dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
<dl class="dl-horizontal">
|
||||||
|
<dt>Hostname:</dt><dd><%= hostname %></dd>
|
||||||
|
<% for (var i = 0; i < PIFs.length; ++i)
|
||||||
|
{
|
||||||
|
var PIF = PIFs[i];
|
||||||
|
%><dt><%= PIF.name %></dt><dd><%= PIF.IP || '<i>no address</i>' %></dd><%
|
||||||
|
} %>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
<dl class="dl-horizontal">
|
||||||
|
<dt>XCP version:</dt><dd><%= software_version.platform_version %></dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
<dl class="dl-horizontal">
|
||||||
|
<% for (var i = 0; i < CPUs.length; ++i)
|
||||||
|
{
|
||||||
|
var CPU = CPUs[i];
|
||||||
|
%><dt>CPU #<%= i + 1 %>:</dt>
|
||||||
|
<dd>
|
||||||
|
<%= CPU.number %>×
|
||||||
|
<%= CPU.vendor %>
|
||||||
|
<%= CPU.model_name %>
|
||||||
|
<%= CPU.model %>
|
||||||
|
@ <%= CPU.speed %>
|
||||||
|
<%= CPU.vendor %>
|
||||||
|
</dd><%
|
||||||
|
} %>
|
||||||
|
</dl>
|
||||||
|
</script>
|
||||||
|
<script type="text/template" id="tpl-host-memory" data-class="tab-pane fade" data-id="memory">
|
||||||
|
<div class="progress progress-big progress-danger">
|
||||||
|
<%
|
||||||
|
var size_per_VM = _.clone(memory.per_VM);
|
||||||
|
size_per_VM.free = memory.free;
|
||||||
|
size_per_VM = xo.plop(size_per_VM, 0.5, 100);
|
||||||
|
for (var VM_uuid in memory.per_VM)
|
||||||
|
{
|
||||||
|
var VM = VMs[VM_uuid];
|
||||||
|
var VM_mem = formatSize(memory.per_VM[VM_uuid]);
|
||||||
|
var size = size_per_VM[VM_uuid];
|
||||||
|
if ('dom0' === VM_uuid )
|
||||||
|
{
|
||||||
|
%><div class="bar bar-info" style="width: <%= size %>%;">
|
||||||
|
<%= VM.name %><br/>
|
||||||
|
(<%= VM_mem %>)
|
||||||
|
</div><%
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
%><div class="bar" style="width: <%= size %>%;">
|
||||||
|
<%= link(VM.name, ['vms', VM_uuid]) %><br/>
|
||||||
|
(<%= VM_mem %>)
|
||||||
|
</div><%
|
||||||
|
}
|
||||||
|
} %>
|
||||||
|
</div>
|
||||||
|
<dl class="dl-horizontal">
|
||||||
|
<dt>Total memory:</dt><dd><%= formatSize(memory.total) %></dd>
|
||||||
|
<dt>Currently used:</dt><dd><%= formatSize(memory.total-memory.free) %></dd>
|
||||||
|
<dt>Available memory:</dt><dd><%= formatSize(memory.free) %></dd>
|
||||||
|
</dl>
|
||||||
|
</script>
|
||||||
|
<script type="text/template" id="tpl-host-storage" data-class="tab-pane fade" data-id="storage">
|
||||||
|
<table class="table table-hover table-condensed">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Description</th>
|
||||||
|
<th>Type</th>
|
||||||
|
<th>Shared</th>
|
||||||
|
<th>Usage</th>
|
||||||
|
<th>Size</th>
|
||||||
|
<th>Allocated</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<% for (var i = 0; i < SRs.length; ++i)
|
||||||
|
{
|
||||||
|
var SR = SRs[i];
|
||||||
|
%><tr>
|
||||||
|
<td><i class="icon-hdd"></i> <%= SR.name %></td>
|
||||||
|
<td><%= SR.description %></td>
|
||||||
|
<td><%= SR.type %></td>
|
||||||
|
<td><%= SR.shared ? 'Yes' : 'No' %></td>
|
||||||
|
<td><%= Math.round(100*SR.used/SR.total) %>% (<%= formatSize(SR.used) %> used)</td>
|
||||||
|
<td><%= formatSize(SR.total) %></td>
|
||||||
|
<td><%= formatSize(SR.allocated) %></td>
|
||||||
|
</tr><%
|
||||||
|
} %>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</script>
|
||||||
|
<script type="text/template" id="tpl-host-network" data-class="tab-pane fade" data-id="network">
|
||||||
|
<table class="table table-hover table-condensed">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Speed</th>
|
||||||
|
<th>Duplex</th>
|
||||||
|
<th>IP</th>
|
||||||
|
<th>MAC</th>
|
||||||
|
<th>Hardware</th>
|
||||||
|
<th>Link status</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<% for (var i = 0; i < PIFs.length; ++i)
|
||||||
|
{
|
||||||
|
var PIF = PIFs[i];
|
||||||
|
%><tr>
|
||||||
|
<td><i class="icon-sitemap"></i> <%= PIF.name %></td>
|
||||||
|
<td><%= PIF.speed %></td>
|
||||||
|
<td><%= PIF.duplex ? 'Yes' : 'No' %></td>
|
||||||
|
<td><%= PIF.IP ? PIF.IP : '<i>none</i>' %></td>
|
||||||
|
<td class="mac-address"><%= PIF.MAC %></td>
|
||||||
|
<td><%= PIF.vendor %> <%= PIF.device %></td>
|
||||||
|
<td><%
|
||||||
|
if (PIF.currently_attached)
|
||||||
|
{
|
||||||
|
%><span class="label label-success">Connected</span></td><%
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
%><span class="label label-important">Not connected</span></td><%
|
||||||
|
} %>
|
||||||
|
</tr><%
|
||||||
|
} %>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</script>
|
||||||
|
<!-- <script type="text/template" id="tpl-host-console" data-class="tab-pane fade" data-id="console">
|
||||||
|
@todo
|
||||||
|
</script> -->
|
||||||
|
<!-- <script type="text/template" id="tpl-host-perfs" data-class="tab-pane fade" data-id="perfs">
|
||||||
|
@todo
|
||||||
|
</script> -->
|
||||||
|
<!-- <script type="text/template" id="tpl-host-alert" data-class="tab-pane fade" data-id="alert">
|
||||||
|
@todo
|
||||||
|
</script> -->
|
||||||
|
<!-- <script type="text/template" id="tpl-host-other" data-class="tab-pane fade" data-id="other">
|
||||||
|
@todo
|
||||||
|
<dl class="dl-horizontal">
|
||||||
|
<dt>Multipathing:</dt>
|
||||||
|
<dd>None</dd>
|
||||||
|
<dt>Log destination:</dt>
|
||||||
|
<dd>Local</dd>
|
||||||
|
<dt>Power On:</dt>
|
||||||
|
<dd>Disabled</dd>
|
||||||
|
</dl>
|
||||||
|
</script> -->
|
||||||
|
<!-- <script type="text/template" id="tpl-host-logs" data-class="tab-pane fade" data-id="logs">
|
||||||
|
@todo
|
||||||
|
<table class="table table-hover table-condensed">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Event name</th>
|
||||||
|
<th>Details</th>
|
||||||
|
<th>Date</th>
|
||||||
|
<th>Time</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><i class="icon-comment"></i> Shutting down</td>
|
||||||
|
<td>User canceled</td>
|
||||||
|
<td>15.3.2011 18:29:34</td>
|
||||||
|
<td>00:10:16</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="icon-comment"></i> Shutting down</td>
|
||||||
|
<td>User canceled</td>
|
||||||
|
<td>15.3.2011 18:29:22</td>
|
||||||
|
<td>00:10:16</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</script> -->
|
||||||
|
|
||||||
<!-- VMs list. -->
|
<!-- VMs list. -->
|
||||||
<script type="text/template" id="tpl-vms-list">
|
<script type="text/template" id="tpl-vms-list">
|
||||||
<h3 class="center"><%= name %></h3>
|
<h3 class="center"><%= name %></h3>
|
||||||
@ -282,7 +498,7 @@
|
|||||||
<tbody></tbody>
|
<tbody></tbody>
|
||||||
</table>
|
</table>
|
||||||
</script>
|
</script>
|
||||||
<script type="text/template" id="tpl-vms-list-item">
|
<script type="text/template" id="tpl-vms-list-item" data-tag="tr">
|
||||||
<% var usage = 100 - Math.round(100*memory.free/memory.total) %>
|
<% var usage = 100 - Math.round(100*memory.free/memory.total) %>
|
||||||
|
|
||||||
<td><%= link(name, ['vms', id]) %></td>
|
<td><%= link(name, ['vms', id]) %></td>
|
||||||
@ -303,6 +519,7 @@
|
|||||||
<script src="http://marionettejs.com/downloads/backbone.marionette.js"></script>
|
<script src="http://marionettejs.com/downloads/backbone.marionette.js"></script>
|
||||||
<script src="./js/moment.js"></script>
|
<script src="./js/moment.js"></script>
|
||||||
<script src="./js/bootstrap.js"></script>
|
<script src="./js/bootstrap.js"></script>
|
||||||
|
<script src="./js/xo.helpers.js"></script>
|
||||||
<script src="./js/xo.js"></script>
|
<script src="./js/xo.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
188
public/js/xo.js
188
public/js/xo.js
@ -265,26 +265,72 @@
|
|||||||
*
|
*
|
||||||
* @todo Documentation
|
* @todo Documentation
|
||||||
*
|
*
|
||||||
* @param {integer} percentage [description]
|
* @param {array} bars [description]
|
||||||
* @param {object=} options [description]
|
* @param {object=} options [description]
|
||||||
*
|
*
|
||||||
* @return string
|
* @return string
|
||||||
*/
|
*/
|
||||||
'progressBar': function (percentage, options) {
|
'progressBar': function (bars, options) {
|
||||||
percentage = Math.round(percentage);
|
/* jshint laxbreak:true */
|
||||||
if (percentage < 0)
|
|
||||||
|
var has_labels = false;
|
||||||
|
|
||||||
|
// Normalizes bars.
|
||||||
|
if (!_.isArray(bars))
|
||||||
{
|
{
|
||||||
percentage += 100;
|
bars = [bars];
|
||||||
}
|
}
|
||||||
|
_.each(bars, function (bar, i) {
|
||||||
|
if (_.isNumber(bar))
|
||||||
|
{
|
||||||
|
bars[i] = bar = {
|
||||||
|
'value': bar
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
var label = (options && options.label) || (percentage +'%');
|
if ((bar.value = Math.round(bar.value)) < 0)
|
||||||
|
{
|
||||||
|
bar.value += 100;
|
||||||
|
}
|
||||||
|
|
||||||
return [
|
has_labels = has_labels || !!bar.label;
|
||||||
'<div class="progress progress-info progress-small" ',
|
|
||||||
'title="'+ label +'">',
|
_.defaults(bar, {
|
||||||
'<div class="bar" style="width:'+ percentage +'%"></div>',
|
'color': 'info',
|
||||||
'</div>',
|
'title': bar.value +'%',
|
||||||
].join('');
|
'label': '',
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Normalizes global options.
|
||||||
|
if (!options)
|
||||||
|
{
|
||||||
|
options = {};
|
||||||
|
}
|
||||||
|
has_labels = has_labels || !!options.label;
|
||||||
|
_.defaults(options, {
|
||||||
|
'size': has_labels ? 'normal' : 'small',
|
||||||
|
'title': (1 === bars.length) ? bars[0].title : '',
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log(options);
|
||||||
|
|
||||||
|
// HTML generation.
|
||||||
|
var html = [
|
||||||
|
'<div class="progress',
|
||||||
|
(options.size in {'small':0, 'big':0}) // @todo Ugly.
|
||||||
|
? ' progress-'+ options.size
|
||||||
|
: '',
|
||||||
|
'" title="', options.title, '">'];
|
||||||
|
_.each(bars, function (bar) {
|
||||||
|
html.push(
|
||||||
|
'<div class="bar bar-', bar.color, '" title="', bar.title,
|
||||||
|
'" style="width: ', bar.value, '%">', bar.label, '</div>'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
html.push(options.label, '</div>');
|
||||||
|
|
||||||
|
return html.join('');
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -311,6 +357,19 @@
|
|||||||
'</span>',
|
'</span>',
|
||||||
].join('');
|
].join('');
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* [description]
|
||||||
|
*
|
||||||
|
* @todo Documentation
|
||||||
|
*
|
||||||
|
* @param {boolean} truth [description]
|
||||||
|
*
|
||||||
|
* @return string
|
||||||
|
*/
|
||||||
|
'yesNo': function (truth) {
|
||||||
|
return (truth ? 'Yes' : 'No');
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
//////////////////////////////////////////////////////////////////
|
//////////////////////////////////////////////////////////////////
|
||||||
@ -398,17 +457,43 @@
|
|||||||
};
|
};
|
||||||
}();
|
}();
|
||||||
|
|
||||||
var ItemView = Backbone.Marionette.ItemView.extend({
|
var _constructor = function (super_constructor) {
|
||||||
'templateHelpers': template_helpers,
|
return function (options) {
|
||||||
|
// Classes and id can be defined directly in the template element.
|
||||||
|
var tpl = options.template || this.template;
|
||||||
|
if (tpl)
|
||||||
|
{
|
||||||
|
var val;
|
||||||
|
var $tpl = $(tpl);
|
||||||
|
|
||||||
'constructor': function () {
|
if (!options.id && (val = $tpl.attr('data-id')))
|
||||||
Backbone.Marionette.ItemView.apply(this, arguments);
|
{
|
||||||
|
options.id = val;
|
||||||
|
}
|
||||||
|
if (!options.tagName && (val = $tpl.attr('data-tag')))
|
||||||
|
{
|
||||||
|
options.tagName = val;
|
||||||
|
}
|
||||||
|
if (!options.className && (val = $tpl.attr('data-class')))
|
||||||
|
{
|
||||||
|
options.className = val;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (this.model)
|
super_constructor.apply(this, arguments);
|
||||||
|
|
||||||
|
// Re-render when the model changes.
|
||||||
|
if (this.model && (false !== this.listenToModelChange))
|
||||||
{
|
{
|
||||||
this.listenTo(this.model, 'change', this.render);
|
this.listenTo(this.model, 'change', this.render);
|
||||||
}
|
}
|
||||||
},
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var ItemView = Backbone.Marionette.ItemView.extend({
|
||||||
|
'templateHelpers': template_helpers,
|
||||||
|
|
||||||
|
'constructor': _constructor(Backbone.Marionette.ItemView),
|
||||||
|
|
||||||
'serializeData': _serializeData,
|
'serializeData': _serializeData,
|
||||||
});
|
});
|
||||||
@ -416,14 +501,15 @@
|
|||||||
var CompositeView = Backbone.Marionette.CompositeView.extend({
|
var CompositeView = Backbone.Marionette.CompositeView.extend({
|
||||||
'templateHelpers': template_helpers,
|
'templateHelpers': template_helpers,
|
||||||
|
|
||||||
'constructor': function () {
|
'constructor': _constructor(Backbone.Marionette.CompositeView),
|
||||||
Backbone.Marionette.CompositeView.apply(this, arguments);
|
|
||||||
|
|
||||||
if (this.model)
|
'serializeData': _serializeData,
|
||||||
{
|
});
|
||||||
this.listenTo(this.model, 'change', this.render);
|
|
||||||
}
|
var LayoutView = Backbone.Marionette.Layout.extend({
|
||||||
},
|
'template_helpers': template_helpers,
|
||||||
|
|
||||||
|
'constructor': _constructor(Backbone.Marionette.Layout),
|
||||||
|
|
||||||
'serializeData': _serializeData,
|
'serializeData': _serializeData,
|
||||||
});
|
});
|
||||||
@ -436,13 +522,13 @@
|
|||||||
'template': '#tpl-stats',
|
'template': '#tpl-stats',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//----------------------------------------------------------------
|
||||||
|
|
||||||
var HostsListItemView = ItemView.extend({
|
var HostsListItemView = ItemView.extend({
|
||||||
'template': '#tpl-hosts-list-item',
|
'template': '#tpl-hosts-list-item',
|
||||||
'tagName': 'tr',
|
|
||||||
});
|
});
|
||||||
var HostsListView = CompositeView.extend({
|
var HostsListView = CompositeView.extend({
|
||||||
'template': '#tpl-hosts-list',
|
'template': '#tpl-hosts-list',
|
||||||
'className': 'container',
|
|
||||||
|
|
||||||
'itemView': HostsListItemView,
|
'itemView': HostsListItemView,
|
||||||
'itemViewContainer': 'tbody',
|
'itemViewContainer': 'tbody',
|
||||||
@ -455,9 +541,46 @@
|
|||||||
'itemView': HostsListView,
|
'itemView': HostsListView,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//----------------------------------------------------------------
|
||||||
|
|
||||||
|
var HostView = CompositeView.extend({
|
||||||
|
'template': '#tpl-host',
|
||||||
|
|
||||||
|
'itemView': ItemView,
|
||||||
|
'itemViewOptions': function (model) {
|
||||||
|
return {
|
||||||
|
'model': this.model,
|
||||||
|
'template': model.get('template'),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
'itemViewContainer': '.tab-content',
|
||||||
|
|
||||||
|
'events': {
|
||||||
|
'click .nav-tabs a': function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$(e.target).tab('show');
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
'listenToModelChange': false,
|
||||||
|
'initialize': function () {
|
||||||
|
this.collection = new Backbone.Collection([
|
||||||
|
{'template': '#tpl-host-general'},
|
||||||
|
{'template': '#tpl-host-memory'},
|
||||||
|
{'template': '#tpl-host-storage'},
|
||||||
|
{'template': '#tpl-host-network'},
|
||||||
|
]);
|
||||||
|
|
||||||
|
// Only re-render on name change.
|
||||||
|
// @todo Find a cleaner way.
|
||||||
|
this.listenTo(this.model, 'change:name', this.render);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
//----------------------------------------------------------------
|
||||||
|
|
||||||
// var VMsListItemView = ItemView.extend({
|
// var VMsListItemView = ItemView.extend({
|
||||||
// 'template': '#tpl-vms-list-item',
|
// 'template': '#tpl-vms-list-item',
|
||||||
// 'tagName': 'tr',
|
|
||||||
// });
|
// });
|
||||||
// var VMsListView = CompositeView.extend({
|
// var VMsListView = CompositeView.extend({
|
||||||
// 'template': '#tpl-vms-list',
|
// 'template': '#tpl-vms-list',
|
||||||
@ -478,7 +601,7 @@
|
|||||||
'': 'home',
|
'': 'home',
|
||||||
|
|
||||||
'hosts': 'hosts_listing',
|
'hosts': 'hosts_listing',
|
||||||
// 'hosts/:id': 'host_show',
|
'hosts/:id': 'host_show',
|
||||||
// //'hosts/:id/edit': 'host_edit',
|
// //'hosts/:id/edit': 'host_edit',
|
||||||
|
|
||||||
// 'networks': 'networks_listing',
|
// 'networks': 'networks_listing',
|
||||||
@ -578,6 +701,13 @@
|
|||||||
}));
|
}));
|
||||||
},
|
},
|
||||||
|
|
||||||
|
'host_show': function (id) {
|
||||||
|
var host = new Host({"CPUs":[],"control_domain":"cfd988d7-97a5-4d9e-9409-20853c74ac1f","description":"Default install of XenServer","enabled":true,"hostname":"andromeda","is_pool_master":false,"iscsi_iqn":null,"log_destination":"local","memory":{"free":"8057126912","total":"17143996416","per_VM":{"dom0":"777256960","ae0a235b-b5e5-105c-ed21-f97198cf1751":"2147483648","2f1647cf-54b8-9ee1-fb90-404680f25364":"3145728000","e87afeff-5921-116f-ec91-d772487ac5fe":"536870912","3ff02693-c481-3334-5676-5b74c684092f":"2147483648"}},"name":"andromeda","os_version":null,"PIFs":[{"currently_attached":true,"device":"82574L Gigabit Network Connection","duplex":false,"IP":"","MAC":"e4:11:5b:b7:f3:8f","name":"PIF #0","speed":"0","uuid":"e03acef7-2347-2c09-e6a8-9026e065cfcf","vendor":"Intel Corporation"},{"currently_attached":true,"device":"82574L Gigabit Network Connection","duplex":true,"IP":"88.190.41.127","MAC":"e4:11:5b:b7:f3:8e","name":"PIF #1","speed":"1000","uuid":"b190509e-6bf0-7306-0347-fa6932184853","vendor":"Intel Corporation"}],"SRs":[{"allocated":"0","description":"XenServer Tools ISOs","name":"XenServer Tools","shared":true,"total":"-1","type":"iso","used":"-1"},{"allocated":"0","description":"","name":"LocalISO","shared":false,"total":"-1","type":"iso","used":"-1"},{"allocated":"640289865728","description":"","name":"Local storage","shared":false,"total":"1991761723392","type":"lvm","used":"651002118144"},{"allocated":"0","description":"","name":"Removable storage","shared":false,"total":"0","type":"udev","used":"0"},{"allocated":"0","description":"Physical DVD drives","name":"DVD drives","shared":false,"total":"0","type":"udev","used":"0"}],"start_time":0,"tool_stack_start_time":0,"uuid":"1038e558-ce82-42d8-bf94-5c030cbeacd6","software_version":{"product_version":"6.2.0","product_version_text":"6.2","product_version_text_short":"6.2","platform_name":"XCP","platform_version":"1.8.0","product_brand":"XenServer","build_number":"70446c","hostname":"othone-2","date":"2013-06-14","dbv":"2013.0621","xapi":"1.3","xen":"4.1.5","linux":"2.6.32.43-0.4.1.xs1.8.0.835.170778xen","xencenter_min":"2.0","xencenter_max":"2.0","network_backend":"openvswitch","xs:xenserver-transfer-vm":"XenServer Transfer VM, version 6.2.0, build 70314c","xcp:main":"Base Pack, version 1.8.0, build 70446c","xs:main":"XenServer Pack, version 6.2.0, build 70446c"},"VMs":{"dom0":{"name":"Dom0"},"ae0a235b-b5e5-105c-ed21-f97198cf1751":{"name":"ald"},"2f1647cf-54b8-9ee1-fb90-404680f25364":{"name":"web1"},"e87afeff-5921-116f-ec91-d772487ac5fe":{"name":"shelter"},"3ff02693-c481-3334-5676-5b74c684092f":{"name":"cloud"}}});
|
||||||
|
|
||||||
|
// @todo Gets data from XO-Server.
|
||||||
|
app.main.show(new HostView({'model': host}));
|
||||||
|
},
|
||||||
|
|
||||||
'not_found': function (path) {
|
'not_found': function (path) {
|
||||||
alert('no such page: '+ path);
|
alert('no such page: '+ path);
|
||||||
this.navigate('', {'trigger': true});
|
this.navigate('', {'trigger': true});
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user