eeaa2ecf06
Driver validation information has been added to the node-details/ configuration page. The driver validation information is located in close proximity to the driver properties section, and will update as property values are changed. To accomodate the driver validation information the following changes have been made to the layout and organization of the node-details/configuration page: (1) The list of Extra properties has been removed from the General section and is now treated as a separate collection in a similar manner to Properties and Instance_info. (2) The new grid layout is: Row 1 (top) General, Ports Row 2 Driver Info, Driver Validation Row 3 Properties, Instance Info Row 4 Extra (3) The list of instance_info items displayed for the pxe_ssh driver has been enhanced. Change-Id: I0ba8ac0fc1e4a1b0f2f4b03b738f56ed380a11c7
270 lines
9.3 KiB
HTML
270 lines
9.3 KiB
HTML
<div class="row">
|
|
|
|
<!-- General -->
|
|
<div class="col-md-6 status detail">
|
|
<h4 translate>General</h4>
|
|
<hr class="header_rule">
|
|
<dl class="dl-horizontal">
|
|
<dt translate>Node ID</dt>
|
|
<dd>{$ ctrl.node.uuid | noValue $}</dd>
|
|
<dt translate>Chassis ID</dt>
|
|
<dd>{$ ctrl.node.chassis_uuid | noValue $}</dd>
|
|
<dt translate>Created At</dt>
|
|
<dd>{$ ctrl.node.created_at | date:'medium' | noValue $}</dd>
|
|
</dl>
|
|
</div>
|
|
|
|
<!-- Ports -->
|
|
<div class="col-md-6 status detail">
|
|
<h4 translate>Ports</h4>
|
|
<hr class="header_rule">
|
|
<table hz-table ng-cloak
|
|
st-table="ctrl.ports"
|
|
st-safe-src="ctrl.portsSrc"
|
|
class="table table-striped table-rsp table-detail">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="4" class="action-col">
|
|
<action-list dropdown class="pull-right">
|
|
<action button-type="split-button"
|
|
action-classes="'btn btn-default btn-sm'"
|
|
callback="ctrl.createPort">
|
|
{$ 'Create port' | translate $}
|
|
</action>
|
|
<menu>
|
|
<action button-type="menu-item"
|
|
callback="ctrl.deletePorts"
|
|
item="tCtrl.selected"
|
|
disabled="tCtrl.selected.length === 0">
|
|
<span class="fa fa-trash"></span>
|
|
{$ 'Delete ports' | translate $}
|
|
</action>
|
|
</menu>
|
|
</action-list>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th class="multi_select_column">
|
|
<input type="checkbox"
|
|
hz-select-all="ctrl.ports"/>
|
|
</th>
|
|
<th translate class="rsp-p1" style="white-space:nowrap">
|
|
MAC Address
|
|
</th>
|
|
<th translate class="rsp-p2" style="width:100%;">
|
|
Extra
|
|
</th>
|
|
<th translate class="actions_column">
|
|
Actions
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="port in ctrl.ports">
|
|
<td class="multi_select_column">
|
|
<input type="checkbox"
|
|
hz-select="port"
|
|
ng-model="tCtrl.selections[port.id].checked"/>
|
|
<td class="rsp-p1">
|
|
{$ port.address $}
|
|
</td>
|
|
<td>
|
|
<dl class="dl-horizontal">
|
|
<dt style="width:auto;" ng-repeat-start="(id, value) in port.extra">
|
|
{$ id $}
|
|
</dt>
|
|
<dd ng-if="id === 'vif_port_id'">
|
|
<a href="/dashboard/admin/networks/ports/{$ value $}/detail">
|
|
{$ value $}
|
|
</a>
|
|
</dd>
|
|
<dd ng-if="id !== 'vif_port_id'">
|
|
{$ value $}
|
|
</dd>
|
|
<p ng-repeat-end></p>
|
|
</dl>
|
|
</td>
|
|
<td class="actions_column">
|
|
<action-list>
|
|
<action action-classes="'btn btn-default btn-sm'"
|
|
callback="ctrl.deletePort"
|
|
item="port">
|
|
<span class="fa fa-trash"></span>
|
|
</action>
|
|
</action-list>
|
|
</td>
|
|
</tr>
|
|
<tr hz-no-items
|
|
items="ctrl.ports"
|
|
message="ctrl.noPortsText">
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Driver Info -->
|
|
<div class="col-md-6 status detail">
|
|
<h4 translate>Driver Info</h4>
|
|
<hr class="header_rule">
|
|
<div ng-switch="ctrl.node.driver">
|
|
<dl ng-switch-when="pxe_ssh" class="dl-horizontal">
|
|
<dt translate>Driver</dt>
|
|
<dd>{$ ctrl.node.driver | noValue $}</dd>
|
|
<dt translate>SSH Address</dt>
|
|
<dd>{$ ctrl.node.driver_info.ssh_address | noValue $}</dd>
|
|
<dt translate>SSH Port</dt>
|
|
<dd>{$ ctrl.node.driver_info.ssh_port | noValue $}</dd>
|
|
<dt translate>SSH Username</dt>
|
|
<dd>{$ ctrl.node.driver_info.ssh_username | noValue $}</dd>
|
|
<dt ng-if="ssh_key_filename = ctrl.node.driver_info.ssh_key_filename"
|
|
translate>SSH Key File</dt>
|
|
<dd ng-if="ssh_key_filename">
|
|
{$ ssh_key_filename | noValue $}
|
|
</dd>
|
|
<dt ng-if="ssh_password = ctrl.node.driver_info.ssh_password"
|
|
translate>SSH Password</dt>
|
|
<dd ng-if="ssh_password">
|
|
{$ ssh_password | noValue $}
|
|
</dd>
|
|
<dt ng-if="ssh_key_contents = ctrl.node.driver_info.ssh_key_contents"
|
|
translate>SSH Key Contents</dt>
|
|
<dd ng-if="ssh_key_contents">
|
|
{$ ssh_key_contents | noValue $}
|
|
</dd>
|
|
<dt translate>SSH terminal port</dt>
|
|
<dd>{$ ctrl.node.driver_info.ssh_terminal_port | noValue $}</dd>
|
|
<dt translate>Virtualization Software</dt>
|
|
<dd>{$ ctrl.node.driver_info.ssh_virt_type | noValue $}</dd>
|
|
<dt translate>Deploy Kernel</dt>
|
|
<dd>
|
|
<a ng-if="deploy_kernel_is_uuid = angular.isDefined(ctrl.node.driver_info.deploy_kernel) ? ctrl.isUuid(ctrl.node.driver_info.deploy_kernel) : false"
|
|
href="/dashboard/admin/images/{$ ctrl.node.driver_info.deploy_kernel $}/detail">
|
|
{$ ctrl.node.driver_info.deploy_kernel | noValue $}
|
|
</a>
|
|
<span ng-if="!deploy_kernel_is_uuid">
|
|
{$ ctrl.node.driver_info.deploy_kernel | noValue $}
|
|
</span>
|
|
</dd>
|
|
<dt translate>Deploy Ramdisk</dt>
|
|
<dd>
|
|
<a ng-if="deploy_ramdisk_is_uuid = angular.isDefined(ctrl.node.driver_info.deploy_ramdisk) ? ctrl.isUuid(ctrl.node.driver_info.deploy_ramdisk) : false"
|
|
href="/dashboard/admin/images/{$ ctrl.node.driver_info.deploy_ramdisk $}/detail">
|
|
{$ ctrl.node.driver_info.deploy_ramdisk | noValue $}
|
|
</a>
|
|
<span ng-if="!deploy_ramdisk_is_uuid">
|
|
{$ ctrl.node.driver_info.deploy_ramdisk | noValue $}
|
|
</span>
|
|
</dd>
|
|
</dl>
|
|
<dl ng-switch-default class="dl-horizontal">
|
|
<dt ng-repeat-start="(id, value) in ctrl.node.driver_info">{$ id $}</dt>
|
|
<dd ng-repeat-end>{$ value $}</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Validation -->
|
|
<div class="col-md-6 status detail">
|
|
<h4 translate>Driver Validation</h4>
|
|
<hr class="header_rule">
|
|
|
|
<table hz-table ng-cloak
|
|
st-table="ctrl.nodeValidation"
|
|
st-safe-src="ctrl.nodeValidationSrc"
|
|
class="table table-striped table-rsp table-detail">
|
|
<thead>
|
|
<tr>
|
|
<th translate class="rsp-p1" style="white-space:nowrap">
|
|
Interface
|
|
</th>
|
|
<th translate class="rsp-p1">
|
|
Valid
|
|
</th>
|
|
<th translate class="rsp-p2" style="width:100%;">
|
|
Reason
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="(interface, status) in ctrl.nodeValidation">
|
|
<td class="rsp-p1">
|
|
{$ interface $}
|
|
</td>
|
|
<td class="rsp-p1" ng-switch="status.result">
|
|
<span ng-switch-when="true" class="fa fa-check text-success"></span>
|
|
<span ng-switch-when="false" class="fa fa-close text-danger"></span>
|
|
<span ng-switch-default class="fa fa-minus"></span>
|
|
</td>
|
|
<td class="rsp-p2">
|
|
{$ status.reason $}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Properties -->
|
|
<div class="col-md-6 status detail">
|
|
<h4 translate>Properties</h4>
|
|
<hr class="header_rule">
|
|
<dl class="dl-horizontal">
|
|
<dt ng-repeat-start="(propertyName, propertyValue) in ctrl.node.properties">
|
|
{$ propertyName $}</dt>
|
|
<dd ng-repeat-end>{$ propertyValue | noValue $}</dd>
|
|
</dl>
|
|
</div>
|
|
|
|
<!-- Instance Info -->
|
|
<div class="col-md-6 status detail">
|
|
<h4 translate>Instance Info</h4>
|
|
<hr class="header_rule"/>
|
|
<div ng-switch="ctrl.node.driver">
|
|
<dl ng-switch-when="pxe_ssh" class="dl-horizontal">
|
|
<dt translate>Instance Name</dt>
|
|
<dd>{$ ctrl.node.instance_info.display_name | noValue $}</dd>
|
|
<dt translate>Ramdisk</dt>
|
|
<dd>
|
|
<a href="/dashboard/admin/images/{$ ctrl.node.instance_info.ramdisk $}/detail">
|
|
{$ ctrl.node.instance_info.ramdisk | noValue $}
|
|
</a>
|
|
</dd>
|
|
<dt translate>Kernel</dt>
|
|
<dd>
|
|
<a href="/dashboard/admin/images/{$ ctrl.node.instance_info.kernel $}/detail">
|
|
{$ ctrl.node.instance_info.kernel | noValue $}
|
|
</a>
|
|
</dd>
|
|
<dt translate>Image Source</dt>
|
|
<dd>
|
|
<a href="/dashboard/admin/images/{$ ctrl.node.instance_info.image_source $}/detail">
|
|
{$ ctrl.node.instance_info.image_source | noValue $}
|
|
</a>
|
|
</dd>
|
|
<dt translate>Root GB</dt>
|
|
<dd>{$ ctrl.node.instance_info.root_gb | noValue $}</dd>
|
|
</dl>
|
|
<dl ng-switch-default class="dl-horizontal">
|
|
<dt ng-repeat-start="(id, value) in ctrl.node.instance_info">{$ id $}</dt>
|
|
<dd ng-repeat-end>{$ value | noValue $}</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Extra -->
|
|
<div class="col-md-6 status detail">
|
|
<h4 translate>Extra</h4>
|
|
<hr class="header_rule">
|
|
<dl class="dl-horizontal">
|
|
<dt ng-repeat-start="(propertyName, propertyValue) in ctrl.node.extra">
|
|
{$ propertyName $}</dt>
|
|
<dd ng-repeat-end>{$ propertyValue | noValue $}</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|