mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2026-10-04 05:06:05 +08:00
Vue3 migration - vue-migration.js launch + shell compatibility fixes
Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
This commit is contained in:
@@ -92,7 +92,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="disk" @input="update">
|
||||
<div class="disk" @update:value="update">
|
||||
<Banner
|
||||
v-if="mountedMessage"
|
||||
color="error"
|
||||
@@ -107,7 +107,7 @@ export default {
|
||||
>
|
||||
<template #value>
|
||||
<div class="mt-5">
|
||||
<Tag v-for="(prop, key) in value.tags" :key="key + prop" class="mr-5">
|
||||
<Tag v-for="(prop, key) in value.tags" :key="key">
|
||||
{{ prop }}
|
||||
</Tag>
|
||||
</div>
|
||||
|
||||
@@ -57,9 +57,7 @@ export default {
|
||||
<div>
|
||||
<div v-if="inventory.warningMessages.length > 0">
|
||||
<Banner
|
||||
v-for="msg in inventory.warningMessages"
|
||||
:key="msg.text"
|
||||
color="error"
|
||||
v-for="(msg, i) in inventory.warningMessages" :key="i" color="error"
|
||||
:label="msg.text"
|
||||
/>
|
||||
</div>
|
||||
@@ -117,7 +115,7 @@ export default {
|
||||
>
|
||||
<div class="col span-6">
|
||||
<RadioGroup
|
||||
v-model="enableInventory"
|
||||
v-model:value="enableInventory"
|
||||
:options="[
|
||||
{ label: t('generic.enabled'), value: true },
|
||||
{ label: t('generic.disabled'), value: false }
|
||||
|
||||
@@ -102,9 +102,9 @@ export default {
|
||||
default-sort-by="age"
|
||||
:rows="rows"
|
||||
key-field="_key"
|
||||
v-on="$listeners"
|
||||
|
||||
>
|
||||
<template slot="cell:state" slot-scope="scope">
|
||||
<template cell:state="scope">
|
||||
<div class="state">
|
||||
<HarvesterVmState class="vmstate" :row="scope.row" :all-cluster-network="allClusterNetwork" />
|
||||
</div>
|
||||
@@ -116,11 +116,11 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
#host-instances {
|
||||
::v-deep thead th {
|
||||
:deep() thead th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
::v-deep .state {
|
||||
:deep() .state {
|
||||
display: flex;
|
||||
|
||||
.vmstate {
|
||||
|
||||
@@ -87,7 +87,7 @@ export default {
|
||||
<div class="row mt-20">
|
||||
<div class="col span-12">
|
||||
<ArrayListGrouped
|
||||
v-model="linkStatus"
|
||||
v-model:value="linkStatus"
|
||||
:mode="mode"
|
||||
:can-remove="false"
|
||||
>
|
||||
|
||||
@@ -378,7 +378,7 @@ export default {
|
||||
>
|
||||
<Tab name="basics" :label="t('harvester.host.tabs.basics')" :weight="4" class="bordered-table">
|
||||
<Basic
|
||||
v-model="value"
|
||||
v-model:value="value"
|
||||
:metrics="metrics"
|
||||
:mode="mode"
|
||||
/>
|
||||
@@ -394,9 +394,7 @@ export default {
|
||||
class="bordered-table"
|
||||
>
|
||||
<InfoBox
|
||||
v-for="vlan in vlanStatuses"
|
||||
:key="vlan.id"
|
||||
>
|
||||
v-for="(vlan, i) in vlanStatuses" :key="i" >
|
||||
<VlanStatus
|
||||
:value="vlan"
|
||||
:mode="mode"
|
||||
@@ -420,7 +418,7 @@ export default {
|
||||
>
|
||||
<template #value>
|
||||
<div class="mt-5">
|
||||
<Tag v-for="(prop, key) in longhornNode.spec.tags" :key="key + prop" class="mr-5">
|
||||
<Tag v-for="(prop, key) in longhornNode.spec.tags" :key="key">
|
||||
{{ prop }}
|
||||
</Tag>
|
||||
</div>
|
||||
@@ -429,14 +427,14 @@ export default {
|
||||
</div>
|
||||
</div>
|
||||
<ArrayListGrouped
|
||||
v-model="newDisks"
|
||||
v-model:value="newDisks"
|
||||
:mode="mode"
|
||||
:can-remove="false"
|
||||
:initial-empty-row="false"
|
||||
>
|
||||
<template #default="props">
|
||||
<Disk
|
||||
v-model="props.row.value"
|
||||
v-model:value="props.row.value"
|
||||
class="mb-20"
|
||||
:mode="mode"
|
||||
:disks="disks"
|
||||
|
||||
@@ -158,7 +158,7 @@ export default {
|
||||
|
||||
<template>
|
||||
<ResourceTabs
|
||||
v-model="value"
|
||||
v-model:value="value"
|
||||
:need-events="false"
|
||||
:need-related="false"
|
||||
:mode="mode"
|
||||
@@ -255,9 +255,7 @@ export default {
|
||||
|
||||
<div v-else>
|
||||
<div
|
||||
v-for="(row,idx) in parsedRows"
|
||||
:key="idx"
|
||||
class="entry"
|
||||
v-for="(row,idx) in parsedRows" :key="idx"class="entry"
|
||||
>
|
||||
<DetailText
|
||||
:value="row.value"
|
||||
|
||||
@@ -154,7 +154,7 @@ export default {
|
||||
<template #value>
|
||||
<div>
|
||||
<ul>
|
||||
<li v-for="(disk) in disks" :key="disk.bootOrder">
|
||||
<li v-for="(disk, i) in disks" :key="i" >
|
||||
{{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
|
||||
</li>
|
||||
</ul>
|
||||
@@ -167,7 +167,7 @@ export default {
|
||||
<template #value>
|
||||
<div>
|
||||
<ul v-if="cdroms.length > 0">
|
||||
<li v-for="(rom) in cdroms" :key="rom.name">
|
||||
<li v-for="(rom, i) in cdroms" :key="i" >
|
||||
{{ rom.name }}
|
||||
</li>
|
||||
</ul>
|
||||
@@ -186,7 +186,7 @@ export default {
|
||||
:label="t('harvester.tab.volume')"
|
||||
:weight="-1"
|
||||
>
|
||||
<Volume v-model="diskRows" :mode="mode" />
|
||||
<Volume v-model:value="diskRows" :mode="mode" />
|
||||
</Tab>
|
||||
|
||||
<Tab
|
||||
@@ -194,11 +194,11 @@ export default {
|
||||
:label="t('harvester.tab.network')"
|
||||
:weight="-2"
|
||||
>
|
||||
<Network v-model="networkRows" :mode="mode" />
|
||||
<Network v-model:value="networkRows" :mode="mode" />
|
||||
</Tab>
|
||||
|
||||
<Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="-3">
|
||||
<OverviewKeypairs v-if="vm" v-model="vm" />
|
||||
<OverviewKeypairs v-if="vm" v-model:value="vm" />
|
||||
</Tab>
|
||||
|
||||
<Tab
|
||||
@@ -214,7 +214,7 @@ export default {
|
||||
/>
|
||||
|
||||
<div class="spacer"></div>
|
||||
<Checkbox v-model="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
|
||||
<Checkbox v-model:value="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
|
||||
</Tab>
|
||||
</Tabbed>
|
||||
</CruResource>
|
||||
|
||||
@@ -124,7 +124,7 @@ export default {
|
||||
class="bordered-table"
|
||||
>
|
||||
<Storage
|
||||
v-model="value.spec.storageClassParameters"
|
||||
v-model:value="value.spec.storageClassParameters"
|
||||
/>
|
||||
</Tab>
|
||||
</Tabbed>
|
||||
|
||||
@@ -154,7 +154,7 @@ export default {
|
||||
<template #value>
|
||||
<div>
|
||||
<ul>
|
||||
<li v-for="(disk) in disks" :key="disk.bootOrder">
|
||||
<li v-for="(disk, i) in disks" :key="i" >
|
||||
{{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
|
||||
</li>
|
||||
</ul>
|
||||
@@ -167,7 +167,7 @@ export default {
|
||||
<template #value>
|
||||
<div>
|
||||
<ul v-if="cdroms.length > 0">
|
||||
<li v-for="(rom) in cdroms" :key="rom.name">
|
||||
<li v-for="(rom, i) in cdroms" :key="i" >
|
||||
{{ rom.name }}
|
||||
</li>
|
||||
</ul>
|
||||
@@ -186,7 +186,7 @@ export default {
|
||||
:label="t('harvester.tab.volume')"
|
||||
:weight="-1"
|
||||
>
|
||||
<Volume v-model="diskRows" :mode="mode" />
|
||||
<Volume v-model:value="diskRows" :mode="mode" />
|
||||
</Tab>
|
||||
|
||||
<Tab
|
||||
@@ -194,11 +194,11 @@ export default {
|
||||
:label="t('harvester.tab.network')"
|
||||
:weight="-2"
|
||||
>
|
||||
<Network v-model="networkRows" :mode="mode" />
|
||||
<Network v-model:value="networkRows" :mode="mode" />
|
||||
</Tab>
|
||||
|
||||
<Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="-3">
|
||||
<OverviewKeypairs v-if="vm" v-model="vm" />
|
||||
<OverviewKeypairs v-if="vm" v-model:value="vm" />
|
||||
</Tab>
|
||||
|
||||
<Tab
|
||||
@@ -214,7 +214,7 @@ export default {
|
||||
/>
|
||||
|
||||
<div class="spacer"></div>
|
||||
<Checkbox v-model="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
|
||||
<Checkbox v-model:value="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
|
||||
</Tab>
|
||||
</Tabbed>
|
||||
</CruResource>
|
||||
|
||||
+3
-3
@@ -182,7 +182,7 @@ export default {
|
||||
<div class="col span-6">
|
||||
<LabelValue :name="t('harvester.virtualMachine.detail.details.ipAddress')">
|
||||
<template #value>
|
||||
<HarvesterIpAddress v-model="value.id" :row="value" />
|
||||
<HarvesterIpAddress v-model:value="value.id" :row="value" />
|
||||
</template>
|
||||
</LabelValue>
|
||||
</div>
|
||||
@@ -201,7 +201,7 @@ export default {
|
||||
<InputOrDisplay :name="t('harvester.virtualMachine.detail.details.bootOrder')" :value="disks" :mode="mode">
|
||||
<template #value>
|
||||
<ul>
|
||||
<li v-for="(disk) in disks" :key="disk.bootOrder">
|
||||
<li v-for="(disk, i) in disks" :key="i" >
|
||||
{{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
|
||||
</li>
|
||||
</ul>
|
||||
@@ -213,7 +213,7 @@ export default {
|
||||
<template #value>
|
||||
<div>
|
||||
<ul v-if="cdroms.length > 0">
|
||||
<li v-for="(rom) in cdroms" :key="rom.name">
|
||||
<li v-for="(rom, i) in cdroms" :key="i" >
|
||||
{{ rom.name }}
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
+1
-1
@@ -66,7 +66,7 @@ export default {
|
||||
|
||||
<template>
|
||||
<div class="overview-sshKeys">
|
||||
<div v-for="(ssh, index) in sshKeys" :key="index" class="row overview-sshKeys__item">
|
||||
<div v-for="(ssh, index) in sshKeys" :key="index">
|
||||
<div class="col span-4">
|
||||
{{ ssh.id }}
|
||||
</div>
|
||||
|
||||
@@ -158,12 +158,12 @@ export default {
|
||||
<div>
|
||||
<Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true" @changed="onTabChanged">
|
||||
<Tab name="basics" :label="t('harvester.virtualMachine.detail.tabs.basics')" class="bordered-table" :weight="7">
|
||||
<OverviewBasics v-model="value" :vmi="vmi" mode="view" />
|
||||
<OverviewBasics v-model:value="value" :vmi="vmi" mode="view" />
|
||||
</Tab>
|
||||
|
||||
<Tab name="disks" :label="t('harvester.tab.volume')" class="bordered-table" :weight="6">
|
||||
<Volume
|
||||
v-model="diskRows"
|
||||
v-model:value="diskRows"
|
||||
mode="view"
|
||||
:namespace="value.metadata.namespace"
|
||||
:vm="value"
|
||||
@@ -172,11 +172,11 @@ export default {
|
||||
</Tab>
|
||||
|
||||
<Tab name="networks" :label="t('harvester.virtualMachine.detail.tabs.networks')" class="bordered-table" :weight="5">
|
||||
<Network v-model="networkRows" mode="view" />
|
||||
<Network v-model:value="networkRows" mode="view" />
|
||||
</Tab>
|
||||
|
||||
<Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="3">
|
||||
<OverviewKeypairs v-model="value" />
|
||||
<OverviewKeypairs v-model:value="value" />
|
||||
</Tab>
|
||||
|
||||
<Tab
|
||||
@@ -235,7 +235,7 @@ export default {
|
||||
</Tab>
|
||||
|
||||
<Tab name="migration" :label="t('harvester.virtualMachine.detail.tabs.migration')">
|
||||
<Migration v-model="value" :vmi-resource="vmi" />
|
||||
<Migration v-model:value="value" :vmi-resource="vmi" />
|
||||
</Tab>
|
||||
|
||||
<Tab
|
||||
@@ -261,7 +261,7 @@ export default {
|
||||
:mode="mode"
|
||||
:read-allowed="false"
|
||||
:value-can-be-empty="true"
|
||||
@input="value.setInstanceLabels($event)"
|
||||
@update:value="value.setInstanceLabels($event)"
|
||||
/>
|
||||
</template>
|
||||
</Labels>
|
||||
|
||||
@@ -71,7 +71,7 @@ export default {
|
||||
|
||||
<template>
|
||||
<ResourceTabs
|
||||
v-model="value"
|
||||
v-model:value="value"
|
||||
:need-related="false"
|
||||
>
|
||||
<Tab
|
||||
|
||||
@@ -119,7 +119,7 @@ export default {
|
||||
|
||||
<template>
|
||||
<ResourceTabs
|
||||
v-model="value"
|
||||
v-model:value="value"
|
||||
:need-related="false"
|
||||
>
|
||||
<Tab
|
||||
|
||||
@@ -69,7 +69,7 @@ export default {
|
||||
|
||||
<template>
|
||||
<ResourceTabs
|
||||
v-model="value"
|
||||
v-model:value="value"
|
||||
:need-related="false"
|
||||
>
|
||||
<Tab
|
||||
|
||||
Reference in New Issue
Block a user