diff options
author | Mateusz Gapski <mateuszx.gapski@intel.com> | 2020-07-09 10:21:33 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-07-22 01:04:15 +0300 |
commit | 632de22a066e7a1224d2c490962530389273c717 (patch) | |
tree | 6452cd27736c1979f243b8a02d1996bac6c8dc3d /src/views/Control/Kvm/Kvm.vue | |
parent | 2c98b0954ac5c50ea9c77e9ee780e3dee4fcdad8 (diff) | |
download | webui-vue-632de22a066e7a1224d2c490962530389273c717.tar.xz |
KVM console
- The kvm console with using novnc library
Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com>
Change-Id: Icfb7643595d8c17231ca3671753d6de971525bd3
Diffstat (limited to 'src/views/Control/Kvm/Kvm.vue')
-rw-r--r-- | src/views/Control/Kvm/Kvm.vue | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/views/Control/Kvm/Kvm.vue b/src/views/Control/Kvm/Kvm.vue new file mode 100644 index 00000000..195948b0 --- /dev/null +++ b/src/views/Control/Kvm/Kvm.vue @@ -0,0 +1,56 @@ +<template> + <b-container fluid="xl"> + <page-title /> + + <page-section :section-title="$t('pageKvm.subTitle')"> + <div> + <b-button + variant="link" + type="button" + class="button-launch" + @click="openConsoleWindow()" + > + <icon-launch /> + {{ $t('pageKvm.openNewTab') }} + </b-button> + </div> + <div class="terminal-container"> + <kvm-console /> + </div> + </page-section> + </b-container> +</template> + +<script> +import IconLaunch from '@carbon/icons-vue/es/launch/32'; +import PageTitle from '@/components/Global/PageTitle'; +import PageSection from '@/components/Global/PageSection'; +import KvmConsole from './KvmConsole'; + +export default { + name: 'Kvm', + components: { IconLaunch, PageSection, PageTitle, KvmConsole }, + methods: { + openConsoleWindow() { + window.open( + '#/console/kvm', + '_blank', + 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=600,height=550' + ); + } + } +}; +</script> + +<style scoped> +.button-launch > svg { + height: 25px; +} +.button-launch { + padding-left: 0px; +} + +.terminal-container { + width: 100%; +} +</style> |