[FEATURE REQUEST] Add option to set default console viewer for vms

[GZTime]

Currently, vm can only use noVNC as the default console viewer.

I checked the source code and the xtermjs property of this component can be set, so is it possible to add the option of a default console viewer to the vm options (similar to what is configured in the datacenter).

In www/manager6/qemu/Config.js:

if (caps.vms['VM.Console'] && !template) {
    me.items.push({
    title: gettext('Console'),
    itemId: 'console',
    iconCls: 'fa fa-terminal',
    xtype: 'pveNoVncConsole',
    vmid: vmid,
    consoleType: 'kvm',
    // xtermjs: ...?
    nodename: nodename,
    });
}

 

[fireon]

If your VM is configured correctly with the serial console, xterm.js is automatically used as the default viewer. The same applies to Spice. And what kind of guest operating system is it?

 

[GZTime]

You can see my ubuntu has enabled getty@ttyS0, but the default console still is noVNC, I can't switch it to xterm.js even if I set the Display to None in hardware (which causes connection error instead).

 

[LnxBil]

You can see my ubuntu has enabled getty@ttyS0, but the default console still is noVNC

Where could we see this? You cannot see the default in your screenshot. I conccur to @fireon, this is exactly the behaviour I also see when clicking just on console (not on the down-arrow)

 

[GZTime]

I have correctly configured the getty@ttyS0, and let's talk about the frontend.

Currently, this noVNC has a default iframe:

<iframe src="/?console=kvm&amp;vmid=1000&amp;node=pve&amp;resize=scale&amp;novnc=1"...></iframe>

What I want is change novnc=1 to xtermjs=1, I'm not talking about clicking the button to open a new page.

<iframe src="/?console=kvm&amp;vmid=1000&amp;node=pve&amp;resize=scale&amp;xtermjs=1"...></iframe>

I just edit the HTML, and I will get this (THIS IS JUST A NON-PERSISTENT TRICK!!!):



So I found the source code that controls this functionality and discovered that for kvm, the xtermjs property is hardcoded as null, which left me with no way to use the xtermjs iframe directly in the Console tab in place of the default noVNC.

If your VM is configured correctly with the serial console, xterm.js is automatically used as the default viewer.

I've never been able to achieve that, after check the source code, only LXC and node console can display as expected.

Moreover, here is what "Console Viewer" I'm talking about in Datacenter view:



I just want this option can also valid in kvms.

 

[GZTime]

Some source code reference:

For node:

me.items.push(
{
    xtype: 'pveNoVncConsole',
    title: gettext('Shell'),
    iconCls: 'fa fa-terminal',
    itemId: 'jsconsole',
    consoleType: 'shell',
    xtermjs: true,
    nodename: nodename,
},
);

For lxc:

me.items.push(
{
    title: gettext('Console'),
    itemId: 'consolejs',
    iconCls: 'fa fa-terminal',
    xtype: 'pveNoVncConsole',
    vmid: vmid,
    consoleType: 'lxc',
    xtermjs: true,
    nodename: nodename,
});

But for qemu kvm:

me.items.push({
    title: gettext('Console'),
    itemId: 'console',
    iconCls: 'fa fa-terminal',
    xtype: 'pveNoVncConsole',
    vmid: vmid,
    consoleType: 'kvm',
    nodename: nodename,
});

And the component pveNoVncConsole:

Ext.define('PVE.noVncConsole', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.pveNoVncConsole',

    nodename: undefined,
    vmid: undefined,
    cmd: undefined,

    consoleType: undefined, // lxc, kvm, shell, cmd
    xtermjs: false, // <---- default option is false (novnc)

    layout: 'fit',
    border: false,

    initComponent: function() {
    var me = this;

    if (!me.nodename) {
        throw "no node name specified";
    }

    if (!me.consoleType) {
        throw "no console type specified";
    }

    if (!me.vmid && me.consoleType !== 'shell' && me.consoleType !== 'cmd') {
        throw "no VM ID specified";
    }

    // always use same iframe, to avoid running several noVnc clients
    // at same time (to avoid performance problems)
    var box = Ext.create('Ext.ux.IFrame', { itemid: "vncconsole" });

    var type = me.xtermjs ? 'xtermjs' : 'novnc'; // <---- Here it choose the console
    Ext.apply(me, {
        items: box,
        listeners: {
        activate: function() {
            let sp = Ext.state.Manager.getProvider();
            if (Ext.isFunction(me.beforeLoad)) {
            me.beforeLoad();
            }
            let queryDict = {
            console: me.consoleType, // kvm, lxc, upgrade or shell
            vmid: me.vmid,
            node: me.nodename,
            cmd: me.cmd,
            'cmd-opts': me.cmdOpts,
            resize: sp.get('novnc-scaling', 'scale'),
            };
            queryDict[type] = 1; // <---- Here it set the query
            PVE.Utils.cleanEmptyObjectKeys(queryDict);
            var url = '/?' + Ext.Object.toQueryString(queryDict);
            box.load(url);
        },
        },
    });

    me.callParent();

    me.on('afterrender', function() {
        me.focus();
    });
    },

    reload: function() {
    // reload IFrame content to forcibly reconnect VNC/xterm.js to VM
    var box = this.down('[itemid=vncconsole]');
    box.getWin().location.reload();
    },
});

 

[LnxBil]

I have correctly configured the getty@ttyS0, and let's talk about the frontend.

Inside of the VM, yes. Have you changed the display type to serial terminal?

 

[fireon]

2 Things are important that this is working. First the serial port:


Second, the right grub config inside your VM. Here as example an Ubuntu 24.04:

cat /etc/default/grub

GRUB_CMDLINE_LINUX_DEFAULT="console=ttyS0,115200 fsck.repair=preen"

This part console=ttyS0,115200
After you have set this config inside your VM you have to update grub:

update-grub

 

[GZTime]

You guys are not understanding what my point is...

My system is FULLY AND CORRECTLY configured with serial port, but I don't want to use serial port in noVNC.

The only problem I have is the Console tab, which is a purely front-end issue...

There is no option that I can use xterm.js, because it has been HARDCODED to noVNC.

 

[leesteken]

The only problem I have is the Console tab, which is a purely front-end issue...

There is no option that I can use xterm.js, because it has been HARDCODED to noVNC.

Yes, I have the same here. The Console tab appears to be always noVNC. I think I understand what this is the problem and the feature request. It would be nice if the Console tab would do the same as the Console button.

A work-around is setting Display to Serial terminal 0 (serial0) (as mentioned before) and clicking the Console button (which people also mentioned before).
That opens a terminal console in a new window with xterm.js for me. This might be a better way, since browsing away from the Console tab closes the terminal (which might abort a long running command or make it no longer accessible). But this is not a fix for your feature request.

 

[esi_y]

You guys are not understanding what my point is...

My system is FULLY AND CORRECTLY configured with serial port, but I don't want to use serial port in noVNC.

The only problem I have is the Console tab, which is a purely front-end issue...

There is no option that I can use xterm.js, because it has been HARDCODED to noVNC.

Since you went through all the hoops, I suggest you post this (observed vs expected) as report to Bugzilla, include all your snippets as well. I would start with your piece above. Component is Web UI.

I think it's a legit expectation, some would argue the Datacentre defaults should apply to any console. I would classify it as a bug, but that's just me.

 

[fireon]

You guys are not understanding what my point is...

My system is FULLY AND CORRECTLY configured with serial port, but I don't want to use serial port in noVNC.

The only problem I have is the Console tab, which is a purely front-end issue...

There is no option that I can use xterm.js, because it has been HARDCODED to noVNC.

Now I've finally got it... thx. I never use the button, which is why I think everything is sooo far away.