mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2026-02-04 06:51:44 +00:00
Doing a partial fix of VirtualMachine volume
Upgraded the vuedraggable dependency and fixed most of the issues I found. It appears to be working with a console warning. We likely want to switch to a different better supported library.
This commit is contained in:
parent
8282f4c7e9
commit
5525b2b9a0
@ -10,7 +10,8 @@
|
|||||||
"cache-loader": "^4.1.0",
|
"cache-loader": "^4.1.0",
|
||||||
"color": "4.2.3",
|
"color": "4.2.3",
|
||||||
"ip": "2.0.1",
|
"ip": "2.0.1",
|
||||||
"node-polyfill-webpack-plugin": "^3.0.0"
|
"node-polyfill-webpack-plugin": "^3.0.0",
|
||||||
|
"vuedraggable": "^4.1.0"
|
||||||
},
|
},
|
||||||
"resolutions": {
|
"resolutions": {
|
||||||
"@types/node": "~20.10.0",
|
"@types/node": "~20.10.0",
|
||||||
|
|||||||
@ -233,7 +233,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
update() {
|
update() {
|
||||||
this.$emit('input', this.rows);
|
this.$emit('update:value', this.rows);
|
||||||
},
|
},
|
||||||
|
|
||||||
deleteVolume() {
|
deleteVolume() {
|
||||||
@ -267,13 +267,14 @@ export default {
|
|||||||
label-key="harvester.virtualMachine.volume.dragTip"
|
label-key="harvester.virtualMachine.volume.dragTip"
|
||||||
/>
|
/>
|
||||||
<draggable
|
<draggable
|
||||||
v-model:value="rows"
|
v-model="rows"
|
||||||
:disabled="isView"
|
:disabled="isView"
|
||||||
@end="update"
|
@end="update"
|
||||||
|
tag="transition-group"
|
||||||
|
:item-key="() => null"
|
||||||
>
|
>
|
||||||
<transition-group>
|
<template #item="{element: volume, index: i}">
|
||||||
<div
|
<div :key="volume.name">
|
||||||
v-for="(volume, i) in rows" :key="i">
|
|
||||||
<InfoBox class="box">
|
<InfoBox class="box">
|
||||||
<button
|
<button
|
||||||
v-if="!isView"
|
v-if="!isView"
|
||||||
@ -326,7 +327,7 @@ export default {
|
|||||||
<div>
|
<div>
|
||||||
<component
|
<component
|
||||||
:is="componentFor(volume.source)"
|
:is="componentFor(volume.source)"
|
||||||
v-model:value="rows[i]"
|
:value="rows[i]"
|
||||||
:rows="rows"
|
:rows="rows"
|
||||||
:namespace="namespace"
|
:namespace="namespace"
|
||||||
:is-create="isCreate"
|
:is-create="isCreate"
|
||||||
@ -375,7 +376,7 @@ export default {
|
|||||||
/>
|
/>
|
||||||
</InfoBox>
|
</InfoBox>
|
||||||
</div>
|
</div>
|
||||||
</transition-group>
|
</template>
|
||||||
</draggable>
|
</draggable>
|
||||||
<Banner
|
<Banner
|
||||||
v-if="showVolumeTip"
|
v-if="showVolumeTip"
|
||||||
|
|||||||
12
yarn.lock
12
yarn.lock
@ -12605,6 +12605,11 @@ sortablejs@1.10.2:
|
|||||||
resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.10.2.tgz#6e40364d913f98b85a14f6678f92b5c1221f5290"
|
resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.10.2.tgz#6e40364d913f98b85a14f6678f92b5c1221f5290"
|
||||||
integrity sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==
|
integrity sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==
|
||||||
|
|
||||||
|
sortablejs@1.14.0:
|
||||||
|
version "1.14.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.14.0.tgz#6d2e17ccbdb25f464734df621d4f35d4ab35b3d8"
|
||||||
|
integrity sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==
|
||||||
|
|
||||||
"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.2.0:
|
"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.2.0:
|
||||||
version "1.2.0"
|
version "1.2.0"
|
||||||
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
|
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
|
||||||
@ -13734,6 +13739,13 @@ vuedraggable@2.24.3:
|
|||||||
dependencies:
|
dependencies:
|
||||||
sortablejs "1.10.2"
|
sortablejs "1.10.2"
|
||||||
|
|
||||||
|
vuedraggable@^4.1.0:
|
||||||
|
version "4.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/vuedraggable/-/vuedraggable-4.1.0.tgz#edece68adb8a4d9e06accff9dfc9040e66852270"
|
||||||
|
integrity sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==
|
||||||
|
dependencies:
|
||||||
|
sortablejs "1.14.0"
|
||||||
|
|
||||||
vuex@~4.0.0:
|
vuex@~4.0.0:
|
||||||
version "4.0.2"
|
version "4.0.2"
|
||||||
resolved "https://registry.yarnpkg.com/vuex/-/vuex-4.0.2.tgz#f896dbd5bf2a0e963f00c67e9b610de749ccacc9"
|
resolved "https://registry.yarnpkg.com/vuex/-/vuex-4.0.2.tgz#f896dbd5bf2a0e963f00c67e9b610de749ccacc9"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user