mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2026-10-04 13:16:05 +08:00
Lint fixes
Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
This commit is contained in:
+63
-16
@@ -63,7 +63,7 @@ export default {
|
||||
|
||||
imageName() {
|
||||
const imageList = this.$store.getters['harvester/all'](HCI.IMAGE) || [];
|
||||
const image = imageList.find( I => this.value.rootImageId === I.id);
|
||||
const image = imageList.find( (I) => this.value.rootImageId === I.id);
|
||||
|
||||
return image?.spec?.displayName || 'N/A';
|
||||
},
|
||||
@@ -134,11 +134,17 @@ export default {
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<VMConsoleBar :resourceType="value" class="consoleBut" />
|
||||
<VMConsoleBar
|
||||
:resource-type="value"
|
||||
class="consoleBut"
|
||||
/>
|
||||
<div class="overview-basics">
|
||||
<div class="row">
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.name')" :value="value.nameDisplay">
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.name')"
|
||||
:value="value.nameDisplay"
|
||||
>
|
||||
<template #value>
|
||||
<div class="smart-row">
|
||||
<div class="console">
|
||||
@@ -149,13 +155,19 @@ export default {
|
||||
</LabelValue>
|
||||
</div>
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.fields.image')" :value="imageName" />
|
||||
<LabelValue
|
||||
:name="t('harvester.fields.image')"
|
||||
:value="imageName"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.hostname')" :value="hostname">
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.hostname')"
|
||||
:value="hostname"
|
||||
>
|
||||
<template #value>
|
||||
<div>
|
||||
{{ hostname }}
|
||||
@@ -165,7 +177,10 @@ export default {
|
||||
</div>
|
||||
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.node')" :value="node">
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.node')"
|
||||
:value="node"
|
||||
>
|
||||
<template #value>
|
||||
<div>
|
||||
{{ node }}
|
||||
@@ -179,13 +194,19 @@ export default {
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.ipAddress')">
|
||||
<template #value>
|
||||
<HarvesterIpAddress v-model:value="value.id" :row="value" />
|
||||
<HarvesterIpAddress
|
||||
v-model:value="value.id"
|
||||
:row="value"
|
||||
/>
|
||||
</template>
|
||||
</LabelValue>
|
||||
</div>
|
||||
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.created')" :value="creationTimestamp" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.created')"
|
||||
:value="creationTimestamp"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -195,10 +216,17 @@ export default {
|
||||
|
||||
<div class="row">
|
||||
<div class="col span-6">
|
||||
<InputOrDisplay :name="t('harvester.virtualMachine.detail.details.bootOrder')" :value="disks" :mode="mode">
|
||||
<InputOrDisplay
|
||||
:name="t('harvester.virtualMachine.detail.details.bootOrder')"
|
||||
:value="disks"
|
||||
:mode="mode"
|
||||
>
|
||||
<template #value>
|
||||
<ul>
|
||||
<li v-for="(disk, i) in disks" :key="i" >
|
||||
<li
|
||||
v-for="(disk, i) in disks"
|
||||
:key="i"
|
||||
>
|
||||
{{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
|
||||
</li>
|
||||
</ul>
|
||||
@@ -206,11 +234,18 @@ export default {
|
||||
</InputOrDisplay>
|
||||
</div>
|
||||
<div class="col span-6">
|
||||
<InputOrDisplay :name="t('harvester.virtualMachine.detail.details.CDROMs')" :value="cdroms" :mode="mode">
|
||||
<InputOrDisplay
|
||||
:name="t('harvester.virtualMachine.detail.details.CDROMs')"
|
||||
:value="cdroms"
|
||||
:mode="mode"
|
||||
>
|
||||
<template #value>
|
||||
<div>
|
||||
<ul v-if="cdroms.length > 0">
|
||||
<li v-for="(rom, i) in cdroms" :key="i" >
|
||||
<li
|
||||
v-for="(rom, i) in cdroms"
|
||||
:key="i"
|
||||
>
|
||||
{{ rom.name }}
|
||||
</li>
|
||||
</ul>
|
||||
@@ -224,17 +259,29 @@ export default {
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.operatingSystem')" :value="operatingSystem" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.operatingSystem')"
|
||||
:value="operatingSystem"
|
||||
/>
|
||||
</div>
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.flavor')" :value="flavor" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.flavor')"
|
||||
:value="flavor"
|
||||
/>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.kernelRelease')" :value="kernelRelease" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.kernelRelease')"
|
||||
:value="kernelRelease"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.input.MachineType')" :value="machineType" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.input.MachineType')"
|
||||
:value="machineType"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+18
-5
@@ -42,7 +42,7 @@ export default {
|
||||
},
|
||||
|
||||
isShow(id = '') {
|
||||
const ssh = this.sshKeys.find(O => O?.data?.id === id) || {};
|
||||
const ssh = this.sshKeys.find((O) => O?.data?.id === id) || {};
|
||||
|
||||
return ssh.showKey || false;
|
||||
}
|
||||
@@ -66,18 +66,31 @@ export default {
|
||||
|
||||
<template>
|
||||
<div class="overview-sshKeys">
|
||||
<div v-for="(ssh, index) in sshKeys" :key="index">
|
||||
<div
|
||||
v-for="(ssh, index) in sshKeys"
|
||||
:key="index"
|
||||
>
|
||||
<div class="col span-4">
|
||||
{{ ssh.id }}
|
||||
</div>
|
||||
<div class="col span-7 offset-1">
|
||||
<div v-if="ssh.showKey" class="key-display">
|
||||
<div
|
||||
v-if="ssh.showKey"
|
||||
class="key-display"
|
||||
>
|
||||
{{ ssh.publicKey }}
|
||||
<button class="btn btn-sm role-link hide-bar" @click="toggleShow(index)">
|
||||
<button
|
||||
class="btn btn-sm role-link hide-bar"
|
||||
@click="toggleShow(index)"
|
||||
>
|
||||
<i class="icon icon-x"></i>
|
||||
</button>
|
||||
</div>
|
||||
<button v-else class="btn btn-sm role-link" @click="toggleShow(index)">
|
||||
<button
|
||||
v-else
|
||||
class="btn btn-sm role-link"
|
||||
@click="toggleShow(index)"
|
||||
>
|
||||
*******<i class="icons icon-show"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
+16
-4
@@ -60,19 +60,31 @@ export default {
|
||||
<div>
|
||||
<div class="row mb-20">
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.sourceNode')" :value="sourceNode" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.sourceNode')"
|
||||
:value="sourceNode"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.targetNode')" :value="targetNode" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.targetNode')"
|
||||
:value="targetNode"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-20">
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.started')" :value="started" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.started')"
|
||||
:value="started"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.ended')" :value="ended" />
|
||||
<LabelValue
|
||||
:name="t('harvester.virtualMachine.detail.details.ended')"
|
||||
:value="ended"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user