1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
|
<template>
<page-section class="bootstrap-table__section">
<span class="bold-12px__caps">
{{ $t('SystemDescription.LoadingQueue') }}
</span>
<b-table
responsive="md"
class="bootstrap-table bootstrap-table__stripes"
:items="queueItems"
:fields="fields"
>
<template #cell(active)="data">
<b-row>
<b-col>
<span v-if="queueItems[data.index].active">
{{ $t('global.status.enabled') }}
</span>
<span v-else>
{{ $t('global.status.disabled') }}
</span>
</b-col>
<b-col>
<b-form-checkbox
v-model="queueItems[data.index].active"
switch
@change="toggleLoad"
>
</b-form-checkbox>
</b-col>
</b-row>
</template>
</b-table>
<span class="bold-12px__caps">
{{ $t('SystemDescription.DiskParametrs') }}
</span>
<b-table
responsive="md"
class="bootstrap-table bootstrap-table__stripes"
:items="diskItems"
:fields="fields"
>
</b-table>
</page-section>
</template>
<script>
import PageSection from '@/components/Global/PageSection';
import iconChevron from '@carbon/icons-vue/es/chevron--down/16';
export default {
components: { PageSection },
data() {
return {
selectedCell: null,
fields: [
{
key: 'param',
label: '',
formatter: this.dataFormatter,
thClass: 'bootstrap-table__head_bg',
class: 'bootstrap-table__column-first',
tdClass: 'regular-12px bootstrap-table__td',
},
{
key: 'active',
label: '',
formatter: this.dataFormatter,
thClass: 'bootstrap-table__head_bg',
class: `bootstrap-table__column-last
bootstrap-table__server-param`,
tdClass: 'regular-12px bootstrap-table__td',
},
],
iconChevron,
queueItems: [
{
param: 'Hard Drive C:',
active: false,
},
{
param:
'Embedded NIC 2 Port 1 Partition 1: BRCM MBA Slot E101 v21.6.0',
active: false,
},
{
param: 'Virtual Floppy Drive',
active: false,
},
{
param: 'Virtual Optical Drive',
active: false,
},
],
diskItems: [
{
param: 'Internal SD',
active: 'IDSM',
},
{
param: 'ACHI Controller in SL7',
active: 'A0S0 MTFDDAV480TDS',
},
{
param: 'ACHI Controller in SL7',
active: 'A0S1 MTFDDAV480TDS',
},
{
param: 'RAID Controller in SL8',
active: 'PERC H755 Front (bus 01 dev 00)',
},
],
};
},
methods: {
toggleLoad(data, value) {
this.queueItems[data.index].value = !value;
},
},
};
</script>
<style lang="scss">
.bootstrap-table__server-param {
width: 30%;
}
.system-network-table__icon-col {
max-width: 20%;
margin: 0 5px 0 auto !important;
}
</style>
<style lang="scss" scoped>
.row {
align-items: center;
flex-wrap: nowrap;
justify-content: flex-end;
}
.icon-expand {
margin: 0 !important;
}
.bold-12px__caps {
display: block;
margin: 16px 0 7px 0;
}
</style>
|
