mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2026-08-16 12:49:14 +00:00
6d4cd09568
* deps: update rancher/shell to 3.0.12-rc.7 * fix: move filter labels/schedule buttons position * feat: improve serial console * feat(serial-console): add terminal search toolbar and highlight tuning * refactor: clear searach result after close * refactor: fine tune serial console --------- (cherry picked from commit f97f14c811e455408ab76d87d259219e040f3396) Signed-off-by: Andy Lee <andy.lee@suse.com> Co-authored-by: Andy Lee <andy.lee@suse.com>
103 lines
2.4 KiB
Vue
103 lines
2.4 KiB
Vue
<script>
|
|
import ButtonDropdown from '@shell/components/ButtonDropdown';
|
|
import { mapGetters } from 'vuex';
|
|
import { OFF } from '../models/kubevirt.io.virtualmachine';
|
|
import { PRODUCT_NAME } from '../config/harvester';
|
|
|
|
export default {
|
|
name: 'VMConsoleBar',
|
|
|
|
components: { ButtonDropdown },
|
|
|
|
props: {
|
|
resourceType: {
|
|
type: Object,
|
|
required: true,
|
|
default: () => {
|
|
return {};
|
|
}
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
...mapGetters({ t: 'i18n/t' }),
|
|
|
|
isOff() {
|
|
return this.resourceType.stateDisplay === OFF;
|
|
},
|
|
|
|
options() {
|
|
return [
|
|
{
|
|
label: this.t('harvester.virtualMachine.console.novnc'),
|
|
value: 'vnc'
|
|
},
|
|
{
|
|
label: this.t('harvester.virtualMachine.console.serial'),
|
|
value: 'serial'
|
|
}
|
|
];
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
handleDropdown(c) {
|
|
this.show(c.value);
|
|
},
|
|
|
|
show(type) {
|
|
let uid = this.resourceType.metadata?.ownerReferences?.[0]?.uid;
|
|
|
|
if (uid === undefined) {
|
|
uid = this.resourceType.metadata.uid;
|
|
}
|
|
|
|
const host = window.location.host;
|
|
const prefix = window.location.pathname.replace(this.$route.path, '');
|
|
const params = this.$route?.params;
|
|
const popupWidth = Math.max(800, screen.width - 200);
|
|
const popupHeight = Math.max(600, screen.height - 200);
|
|
const popupLeft = Math.max(0, window.screenX + Math.floor((window.outerWidth - popupWidth) / 2));
|
|
const popupTop = Math.max(0, window.screenY + Math.floor((window.outerHeight - popupHeight) / 2));
|
|
|
|
const url = `https://${ host }${ prefix }/${ PRODUCT_NAME }/c/${ params.cluster }/console/${ uid }/${ type }`;
|
|
|
|
// Defer so v-select can finish closing the dropdown before the popup steals focus
|
|
this.$nextTick(() => {
|
|
window.open(
|
|
url,
|
|
'_blank',
|
|
`toolbars=0,width=${ popupWidth },height=${ popupHeight },left=${ popupLeft },top=${ popupTop },noreferrer`
|
|
);
|
|
});
|
|
},
|
|
|
|
isEmpty(o) {
|
|
return o !== undefined && Object.keys(o).length === 0;
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="overview-web-console">
|
|
<ButtonDropdown
|
|
:disabled="isOff"
|
|
:no-drop="isOff"
|
|
button-label="Console"
|
|
:dropdown-options="options"
|
|
size="sm"
|
|
@click-action="handleDropdown"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.overview-web-console {
|
|
.btn {
|
|
line-height: 24px;
|
|
min-height: 24px;
|
|
}
|
|
}
|
|
</style>
|