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:
@@ -91,11 +91,11 @@ export default {
|
||||
</template>
|
||||
|
||||
<template #body>
|
||||
<Checkbox v-model="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
|
||||
<Checkbox v-model:value="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
|
||||
|
||||
<LabeledInput
|
||||
v-show="cloneData"
|
||||
v-model="name"
|
||||
v-model:value="name"
|
||||
class="mb-20"
|
||||
:label="t('harvester.modal.cloneVM.name')"
|
||||
required
|
||||
@@ -116,7 +116,7 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
@@ -146,11 +146,11 @@ export default {
|
||||
<div class="mb-10">
|
||||
<CopyToClipboardText :text="nameToMatch" />
|
||||
</div>
|
||||
<input id="confirm" v-model="confirmName" type="text" />
|
||||
<input id="confirm" v-model:value="confirmName" type="text" />
|
||||
<div class="text-info mt-20">
|
||||
{{ protip }}
|
||||
</div>
|
||||
<Banner v-for="(error, i) in errors" :key="i" class="" color="error" :label="error" />
|
||||
<Banner v-for="(error, i) in errors" :key="i"/>
|
||||
</div>
|
||||
<template #actions>
|
||||
<button class="btn role-secondary mr-10" @click="close">
|
||||
|
||||
@@ -91,11 +91,11 @@ export default {
|
||||
</template>
|
||||
|
||||
<template #body>
|
||||
<Checkbox v-model="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
|
||||
<Checkbox v-model:value="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
|
||||
|
||||
<LabeledInput
|
||||
v-show="cloneData"
|
||||
v-model="name"
|
||||
v-model:value="name"
|
||||
class="mb-20"
|
||||
:label="t('harvester.modal.cloneVM.name')"
|
||||
required
|
||||
|
||||
@@ -69,7 +69,7 @@ export default {
|
||||
<div class="body">
|
||||
<div class="type-field">
|
||||
<LabeledSelect
|
||||
v-model="type"
|
||||
v-model:value="type"
|
||||
required
|
||||
:options="availableTypes"
|
||||
:searchable="true"
|
||||
|
||||
@@ -114,13 +114,13 @@ export default {
|
||||
|
||||
<template #body>
|
||||
<LabeledInput
|
||||
v-model="diskName"
|
||||
v-model:value="diskName"
|
||||
:label="t('generic.name')"
|
||||
required
|
||||
/>
|
||||
|
||||
<LabeledSelect
|
||||
v-model="volumeName"
|
||||
v-model:value="volumeName"
|
||||
:label="t('harvester.fields.volume')"
|
||||
:options="volumeOption"
|
||||
class="mt-20"
|
||||
@@ -141,7 +141,7 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
@@ -95,7 +95,7 @@ export default {
|
||||
/>
|
||||
|
||||
<template #body>
|
||||
<LabeledInput v-model="backUpName" :label="t('generic.name')" required />
|
||||
<LabeledInput v-model:value="backUpName" :label="t('generic.name')" required />
|
||||
</template>
|
||||
|
||||
<div slot="actions" class="actions">
|
||||
|
||||
@@ -101,17 +101,17 @@ export default {
|
||||
</template>
|
||||
|
||||
<template #body>
|
||||
<Checkbox v-model="withData" class="mb-10" label="With Data" />
|
||||
<Checkbox v-model:value="withData" class="mb-10" label="With Data" />
|
||||
|
||||
<LabeledInput
|
||||
v-model="templateName"
|
||||
v-model:value="templateName"
|
||||
class="mb-20"
|
||||
:label="t('harvester.modal.createTemplate.name')"
|
||||
required
|
||||
/>
|
||||
|
||||
<LabeledInput
|
||||
v-model="description"
|
||||
v-model:value="description"
|
||||
:label="t('harvester.modal.createTemplate.description')"
|
||||
/>
|
||||
</template>
|
||||
@@ -129,7 +129,7 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
@@ -116,9 +116,7 @@ export default {
|
||||
|
||||
<div>
|
||||
<Checkbox
|
||||
v-for="disk in allDisk"
|
||||
:key="disk.name"
|
||||
v-model="disk.value"
|
||||
v-for="(disk, i) in allDisk" :key="i" v-model:value="disk.value"
|
||||
:label="disk.name"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,7 +142,7 @@ export default {
|
||||
|
||||
<template #body>
|
||||
<LabeledSelect
|
||||
v-model="namespace"
|
||||
v-model:value="namespace"
|
||||
:label="t('harvester.modal.exportImage.namespace')"
|
||||
:options="namespaces"
|
||||
class="mb-20"
|
||||
@@ -150,13 +150,13 @@ export default {
|
||||
/>
|
||||
|
||||
<LabeledInput
|
||||
v-model="name"
|
||||
v-model:value="name"
|
||||
:label="t('harvester.modal.exportImage.name')"
|
||||
required
|
||||
/>
|
||||
|
||||
<LabeledSelect
|
||||
v-model="storageClassName"
|
||||
v-model:value="storageClassName"
|
||||
:options="storageClassOptions"
|
||||
:label="t('harvester.storage.storageClass.label')"
|
||||
class="mt-20"
|
||||
@@ -177,7 +177,7 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
@@ -93,7 +93,7 @@ export default {
|
||||
<template #body>
|
||||
<div>
|
||||
<Checkbox
|
||||
v-model="force"
|
||||
v-model:value="force"
|
||||
label-key="harvester.host.enableMaintenance.force"
|
||||
/>
|
||||
</div>
|
||||
@@ -109,9 +109,7 @@ export default {
|
||||
|
||||
<div class="vm-list mb-5">
|
||||
<BadgeState
|
||||
v-for="vm in unhealthyVM.vms"
|
||||
:key="vm"
|
||||
color="bg-error mb-5 mr-5"
|
||||
v-for="(vm, i) in unhealthyVM.vms" :key="i" color="bg-error mb-5 mr-5"
|
||||
:label="vm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,7 +141,7 @@ export default {
|
||||
|
||||
<template #body>
|
||||
<LabeledSelect
|
||||
v-model="nodeName"
|
||||
v-model:value="nodeName"
|
||||
:label="t('harvester.modal.migration.fields.nodeName.label')"
|
||||
:placeholder="t('harvester.modal.migration.fields.nodeName.placeholder')"
|
||||
:options="nodeNameList"
|
||||
@@ -161,7 +161,7 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
@@ -128,7 +128,7 @@ export default {
|
||||
|
||||
<template #body>
|
||||
<LabeledSelect
|
||||
v-model="backupName"
|
||||
v-model:value="backupName"
|
||||
:label="t('harvester.modal.restore.selectBackup')"
|
||||
:localized-label="true"
|
||||
:options="backupOption"
|
||||
|
||||
@@ -124,13 +124,13 @@ export default {
|
||||
class="content"
|
||||
>
|
||||
<LabeledInput
|
||||
v-model="url"
|
||||
v-model:value="url"
|
||||
:label="t('harvester.modal.bundle.url')"
|
||||
class="mb-20"
|
||||
/>
|
||||
|
||||
<LabeledInput
|
||||
v-model="description"
|
||||
v-model:value="description"
|
||||
:label="t('harvester.modal.bundle.description')"
|
||||
type="multiline"
|
||||
:min-height="120"
|
||||
@@ -154,9 +154,7 @@ export default {
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-for="(err, idx) in errors"
|
||||
:key="idx"
|
||||
>
|
||||
v-for="(err, idx) in errors" :key="idx">
|
||||
<Banner
|
||||
color="error"
|
||||
:label="stringify(err)"
|
||||
|
||||
@@ -118,8 +118,8 @@ export default {
|
||||
/>
|
||||
|
||||
<template #body>
|
||||
<LabeledInput v-model="actionResource.metadata.namespace" :disabled="true" :label="t('generic.namespace')" />
|
||||
<LabeledInput v-model="snapshotName" class="mt-20" :label="t('generic.name')" required />
|
||||
<LabeledInput v-model:value="actionResource.metadata.namespace" :disabled="true" :label="t('generic.namespace')" />
|
||||
<LabeledInput v-model:value="snapshotName" class="mt-20" :label="t('generic.name')" required />
|
||||
</template>
|
||||
|
||||
<div slot="actions" class="actions">
|
||||
@@ -131,7 +131,7 @@ export default {
|
||||
<AsyncButton mode="create" :disabled="!snapshotName" @click="save" />
|
||||
</div>
|
||||
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
@@ -100,7 +100,7 @@ export default {
|
||||
|
||||
<template #body>
|
||||
<LabeledSelect
|
||||
v-model="clusterNetwork"
|
||||
v-model:value="clusterNetwork"
|
||||
:label="t('harvester.harvesterVlanConfigMigrateDialog.targetClusterNetwork.label')"
|
||||
:placeholder="t('harvester.harvesterVlanConfigMigrateDialog.targetClusterNetwork.placeholder')"
|
||||
:options="clusterNetworks"
|
||||
@@ -120,7 +120,7 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
@@ -75,9 +75,7 @@ export default {
|
||||
class="bottom"
|
||||
>
|
||||
<Banner
|
||||
v-for="(err, i) in errors"
|
||||
:key="i"
|
||||
color="error"
|
||||
v-for="(err, i) in errors" :key="i"color="error"
|
||||
:label="err"
|
||||
/>
|
||||
<div class="buttons">
|
||||
|
||||
@@ -129,13 +129,13 @@ export default {
|
||||
</template>
|
||||
<template #body>
|
||||
<LabeledInput
|
||||
v-model="name"
|
||||
v-model:value="name"
|
||||
:label="t('harvester.modal.restoreSnapshot.name')"
|
||||
required
|
||||
/>
|
||||
<LabeledSelect
|
||||
v-if="showStorageClass"
|
||||
v-model="storageClassName"
|
||||
v-model:value="storageClassName"
|
||||
:options="storageClassOptions"
|
||||
:label="t('harvester.storage.storageClass.label')"
|
||||
class="mt-20"
|
||||
@@ -153,7 +153,7 @@ export default {
|
||||
@click="save"
|
||||
/>
|
||||
</div>
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
@@ -71,7 +71,7 @@ export default {
|
||||
</template>
|
||||
<template #body>
|
||||
<LabeledInput
|
||||
v-model="name"
|
||||
v-model:value="name"
|
||||
:label="t('harvester.modal.snapshot.name')"
|
||||
required
|
||||
/>
|
||||
|
||||
@@ -81,11 +81,11 @@ export default {
|
||||
{{ t('harvester.modal.volumeClone.title') }}
|
||||
</template>
|
||||
<template #body>
|
||||
<Checkbox v-model="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
|
||||
<Checkbox v-model:value="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
|
||||
|
||||
<LabeledInput
|
||||
v-show="cloneData"
|
||||
v-model="name"
|
||||
v-model:value="name"
|
||||
class="mb-20"
|
||||
:label="t('harvester.modal.volumeClone.name')"
|
||||
required
|
||||
@@ -102,7 +102,7 @@ export default {
|
||||
@click="save"
|
||||
/>
|
||||
</div>
|
||||
<Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
|
||||
<Banner v-for="(err, i) in errors" :key="i"/>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user