104 lines
6.1 KiB
HTML
104 lines
6.1 KiB
HTML
<div role="dialog" aria-labelledby="modalLabel">
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508BeginContent' | i18n}}</span>
|
|
<div class="action-blade__header">
|
|
<h2 id="modalLabel" class="action-blade__title">{{'asset.bcm.assetdetails.title' | i18n}}</h2>
|
|
</div>
|
|
<div class="action-blade__body bcm__tabs" role="main">
|
|
<tabset justified="true">
|
|
<tab heading="{{'asset.bcm.general.title' | i18n}}" select="changeTab('general')">
|
|
<div class="tc__panel_from-top" aria-label="{{'asset.bcm.general.title' | i18n}}" role="region" tabindex="0">
|
|
<div loading-spinner if="state.isDataLoading" centered="true" overlay="true"></div>
|
|
<div class="tc__list_from-top" ng-if="!state.isDataLoading && state.name === 'general'">
|
|
<div ng-if="generalData.length" class="gridStyle" ng-grid="generalGridOptions"></div>
|
|
<div ng-if="!generalData.length" class="tc__list-placeholder-text" aria-label="{{'console.ticket.noResult.placeholder' | i18n}}">{{'console.ticket.noResult.placeholder' | i18n}}</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab heading="{{'asset.bcm.hardware.title' | i18n}}" select="changeTab('hardware')">
|
|
<div class="resource-slice__body bcm__main-panel" aria-label="{{'asset.bcm.hardware.title' | i18n}}" role="region" tabindex="0">
|
|
<div loading-spinner if="state.isDataLoading" centered="true" overlay="true"></div>
|
|
<div ng-if="!state.isDataLoading && state.name === 'hardware'">
|
|
<!-- Todo: Put the below code in to a directive -->
|
|
<div ng-if="isEmpty(hardwareData)" class="tc__list-placeholder-text" aria-label="{{'console.ticket.noResult.placeholder' | i18n}}">{{'console.ticket.noResult.placeholder' | i18n}}</div>
|
|
<div class="bcm__sub-panel" ng-repeat="(key, value) in hardwareData">
|
|
<div class="bcm__sub-header">{{getKeywordTranslation(key, 'hardware')}}</div>
|
|
<table class="bcm__sub-list" ng-if="isArray(value)" >
|
|
<tr>
|
|
<th ng-repeat="(k, v) in value[0]">{{getKeywordTranslation(k, 'hardware')}}</th>
|
|
</tr>
|
|
<tr ng-repeat="item in value">
|
|
<td ng-repeat="(k, v) in item">{{v}}</td>
|
|
</tr>
|
|
</table>
|
|
<table class="bcm__sub-list" ng-if="!isArray(value)">
|
|
<tr ng-repeat="(k, v) in value">
|
|
<td>{{getKeywordTranslation(k, 'hardware')}}</td>
|
|
<td>{{v}}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab heading="{{'asset.bcm.software.title' | i18n}}" select="changeTab('software')">
|
|
<div class="tc__panel_from-top" aria-label="{{'asset.bcm.software.title' | i18n}}" role="region" tabindex="0">
|
|
<div loading-spinner if="state.isDataLoading" centered="true" overlay="true"></div>
|
|
<div class="tc__list_from-top" ng-if="!state.isDataLoading && state.name === 'software'">
|
|
<div ng-if="softwareData.length" class="gridStyle" ng-grid="softwareGridOptions"></div>
|
|
<div ng-if="!softwareData.length" class="tc__list-placeholder-text" aria-label="{{'console.ticket.noResult.placeholder' | i18n}}">{{'console.ticket.noResult.placeholder' | i18n}}</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab heading="{{'asset.bcm.security.title' | i18n}}" select="changeTab('security')">
|
|
<div class="resource-slice__body bcm__main-panel" aria-label="{{'asset.bcm.security.title' | i18n}}" role="region" tabindex="0">
|
|
<div loading-spinner if="state.isDataLoading" centered="true" overlay="true"></div>
|
|
<div ng-if="!state.isDataLoading && state.name === 'security'">
|
|
<!-- Todo: Put the below code in to a directive -->
|
|
<div ng-if="isEmpty(securityData)" class="tc__list-placeholder-text" aria-label="{{'console.ticket.noResult.placeholder' | i18n}}">{{'console.ticket.noResult.placeholder' | i18n}}</div>
|
|
<div class="bcm__sub-panel" ng-repeat="(key, value) in securityData">
|
|
<div class="bcm__sub-header">{{getKeywordTranslation(key, 'security')}}</div>
|
|
<table class="bcm__sub-list" ng-if="isArray(value)" >
|
|
<tr>
|
|
<th ng-repeat="(k, v) in value[0]">{{getKeywordTranslation(k, 'security')}}</th>
|
|
</tr>
|
|
<tr ng-repeat="item in value">
|
|
<td ng-repeat="(k, v) in item">{{v}}</td>
|
|
</tr>
|
|
</table>
|
|
<table class="bcm__sub-list" ng-if="!isArray(value)">
|
|
<tr ng-repeat="(k, v) in value">
|
|
<td>{{getKeywordTranslation(k, 'security')}}</td>
|
|
<td>{{v}}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab heading="{{'asset.bcm.action.title' | i18n}}" select="changeTab('action')">
|
|
<div class="tc__panel_from-top" aria-label="{{'asset.bcm.action.title' | i18n}}" role="region" tabindex="0">
|
|
<div loading-spinner if="state.isDataLoading" centered="true" overlay="true"></div>
|
|
<div class="tc__list_from-top" ng-if="!state.isDataLoading && state.name === 'action'">
|
|
<div ng-if="actionData.length" class="gridStyle" ng-grid="actionGridOptions"></div>
|
|
<div ng-if="!actionData.length" class="tc__list-placeholder-text" aria-label="{{'console.ticket.noResult.placeholder' | i18n}}">{{'console.ticket.noResult.placeholder' | i18n}}</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab heading="{{'asset.bcm.financial.title' | i18n}}" select="changeTab('financial')">
|
|
<div class="tc__panel_from-top" aria-label="{{'asset.bcm.software.title' | i18n}}" role="region" tabindex="0">
|
|
<div loading-spinner if="state.isDataLoading" centered="true" overlay="true"></div>
|
|
<div class="tc__list_from-top" ng-if="!state.isDataLoading && state.name === 'financial'">
|
|
<div ng-if="financialData.length" class="gridStyle" ng-grid="financialGridOptions"></div>
|
|
<div ng-if="!financialData.length" class="tc__list-placeholder-text" aria-label="{{'console.ticket.noResult.placeholder' | i18n}}">{{'console.ticket.noResult.placeholder' | i18n}}</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
<div class="action-blade__footer clearfix" role="region" aria-label="{{'common.region.action' | i18n}}">
|
|
<div class="action-blade__button-container">
|
|
<button type="button" class="btn_secondary" ng-click="$dismiss()">{{'common.button.close' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508EndContent' | i18n}}</span>
|
|
</div> |