fix PCI devices

1 files changed, 37 insertions, 1 deletions

diff --git a/src/views/_sila/PciDevices/PciDevices.vue b/src/views/_sila/PciDevices/PciDevices.vue
index fc3e4527..1b831a06 100644
--- a/src/views/_sila/PciDevices/PciDevices.vue
+++ b/src/views/_sila/PciDevices/PciDevices.vue
@@ -11,6 +11,40 @@
         :empty-text="$t('global.table.emptyMessage')"
         :busy="isBusy"
       >
+        <template #cell(expandRow)="row">
+          <b-button
+            v-if="items[row.index].DeviceType !== 'SingleFunction'"
+            variant="link"
+            :title="expandRowLabel"
+            class="btn-icon-only"
+            @click="toggleRowDetails(row)"
+          >
+            <icon-chevron />
+            <span class="sr-only">{{ expandRowLabel }}</span>
+          </b-button>
+        </template>
+        <template #cell(health)>
+          <status-icon :status="statusIcon('OK')" />
+          {{ $t('pagePci.table.health_d') }}
+        </template>
+        <template #row-details="data">
+          <b-container fluid>
+            <b-row v-for="item in data.item.Functions" :key="item.deviceId">
+              <b-col xs="6">
+                <dl>
+                  <dt>{{ $t('pagePci.table.name') }}:</dt>
+                  <dd>{{ dataFormatter(item.DeviceName) }}</dd>
+                </dl>
+              </b-col>
+              <b-col xs="6">
+                <dl>
+                  <dt>{{ $t('pagePci.table.type') }}:</dt>
+                  <dd>{{ dataFormatter(item.deviceClass) }}</dd>
+                </dl>
+              </b-col>
+            </b-row>
+          </b-container>
+        </template>
       </b-table>
     </page-section>
   </b-container>
@@ -19,6 +53,8 @@
 <script>
 import PageTitle from '@/components/_sila/Global/PageTitle';
 import PageSection from '@/components/_sila/Global/PageSection';
+import IconChevron from '@carbon/icons-vue/es/chevron--down/20';
+import StatusIcon from '@/components/_sila/Global/StatusIcon';
 
 import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin';
 import LoadingBarMixin from '@/components/_sila/Mixins/LoadingBarMixin';
@@ -27,7 +63,7 @@ import TableRowExpandMixin, {
 } from '@/components/_ibs/Mixins/TableRowExpandMixin';
 
 export default {
-  components: { PageTitle, PageSection },
+  components: { PageTitle, PageSection, StatusIcon, IconChevron },
   mixins: [DataFormatterMixin, LoadingBarMixin, TableRowExpandMixin],
   data() {
     return {