diff options
author | Mateusz Gapski <mateuszx.gapski@intel.com> | 2020-09-02 18:00:06 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-09-16 17:38:00 +0300 |
commit | 2224ece3f780cb7968d974a00cdb6ec097711fbb (patch) | |
tree | 98e559b041cbe213b39ac714d59c8322472af2ce /src/views/Control/VirtualMedia/VirtualMedia.vue | |
parent | 96ebb0d91eea9ed9d0614663eca8644e86fcbc6b (diff) | |
download | webui-vue-2224ece3f780cb7968d974a00cdb6ec097711fbb.tar.xz |
Add loading image from external server
Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com>
Change-Id: Ie9793b25fdee0f438d64aafe0978d75025800cb8
Diffstat (limited to 'src/views/Control/VirtualMedia/VirtualMedia.vue')
-rw-r--r-- | src/views/Control/VirtualMedia/VirtualMedia.vue | 81 |
1 files changed, 71 insertions, 10 deletions
diff --git a/src/views/Control/VirtualMedia/VirtualMedia.vue b/src/views/Control/VirtualMedia/VirtualMedia.vue index a9a575d5..5460eb46 100644 --- a/src/views/Control/VirtualMedia/VirtualMedia.vue +++ b/src/views/Control/VirtualMedia/VirtualMedia.vue @@ -26,7 +26,7 @@ :disabled="!dev.file" @click="startVM(dev)" > - {{ 'Start' }} + {{ $t('pageVirtualMedia.start') }} </b-button> <b-button v-if="dev.isActive" @@ -34,7 +34,7 @@ :disabled="!dev.file" @click="stopVM(dev)" > - {{ 'Stop' }} + {{ $t('pageVirtualMedia.stop') }} </b-button> </b-col> </b-row> @@ -57,17 +57,30 @@ :label-for="device.id" label-class="bold" > - <b-button variant="primary" @click="configureConnection()"> + <b-button + variant="primary" + :disabled="device.isActive" + @click="configureConnection(device)" + > {{ $t('pageVirtualMedia.configureConnection') }} </b-button> <b-button + v-if="!device.isActive" variant="primary" class="float-right" - :disabled="!device.address" + :disabled="!device.serverUri" @click="startLegacy(device)" > - {{ 'Start' }} + {{ $t('pageVirtualMedia.start') }} + </b-button> + <b-button + v-if="device.isActive" + variant="primary" + class="float-right" + @click="stopLegacy(device)" + > + {{ $t('pageVirtualMedia.stop') }} </b-button> </b-form-group> </b-col> @@ -75,6 +88,10 @@ </page-section> </b-col> </b-row> + <modal-configure-connection + :connection="modalConfigureConnection" + @ok="saveConnection" + /> </b-container> </template> @@ -83,14 +100,16 @@ import PageTitle from '@/components/Global/PageTitle'; import PageSection from '@/components/Global/PageSection'; import BVToastMixin from '@/components/Mixins/BVToastMixin'; import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin'; +import ModalConfigureConnection from './ModalConfigureConnection'; import NbdServer from '@/utilities/NBDServer'; export default { name: 'VirtualMedia', - components: { PageTitle, PageSection }, + components: { PageTitle, PageSection, ModalConfigureConnection }, mixins: [BVToastMixin, LoadingBarMixin], data() { return { + modalConfigureConnection: null, loadImageFromExternalServer: process.env.VUE_APP_VIRTUAL_MEDIA_LIST_ENABLED === 'true' ? true : false }; @@ -142,11 +161,53 @@ export default { stopVM(device) { device.nbd.stop(); }, - startLegacy() { - console.log('starting legacy...'); + startLegacy(connectionData) { + var data = {}; + data.Image = connectionData.serverUri; + data.UserName = connectionData.username; + data.Password = connectionData.password; + data.WriteProtected = connectionData.isRW; + this.startLoader(); + this.$store + .dispatch('virtualMedia/mountImage', { + id: connectionData.id, + data: data + }) + .then(() => { + this.successToast( + this.$t('pageVirtualMedia.toast.serverClosedSuccessfully') + ); + connectionData.isActive = true; + }) + .catch(() => { + this.errorToast(this.$t('pageVirtualMedia.toast.errorMounting')); + this.isActive = false; + }) + .finally(() => this.endLoader()); + }, + stopLegacy(connectionData) { + this.$store + .dispatch('virtualMedia/unmountImage', connectionData.id) + .then(() => { + this.successToast( + this.$t('pageVirtualMedia.toast.serverClosedSuccessfully') + ); + connectionData.isActive = false; + }) + .catch(() => + this.errorToast(this.$t('pageVirtualMedia.toast.errorUnmounting')) + ) + .finally(() => this.endLoader()); + }, + saveConnection(connectionData) { + this.modalConfigureConnection.serverUri = connectionData.serverUri; + this.modalConfigureConnection.username = connectionData.username; + this.modalConfigureConnection.password = connectionData.password; + this.modalConfigureConnection.isRW = connectionData.isRW; }, - configureConnection() { - this.warningToast('This option is unavialable. We are working on it.'); + configureConnection(connectionData) { + this.modalConfigureConnection = connectionData; + this.$bvModal.show('configure-connection'); } } }; |