131 lines
4.2 KiB
JavaScript
131 lines
4.2 KiB
JavaScript
//
|
|
// !!! DISCLAIMER !!!
|
|
// This is the default template that comes with noVNC, all credit goes to them
|
|
//
|
|
|
|
import { config } from '/config.js';
|
|
import RFB from '/vnc/core/rfb.js';
|
|
|
|
// RFB holds the API to connect and communicate with a VNC server
|
|
|
|
function closeMinirtFrame() {
|
|
const screen = document.getElementById('screen');
|
|
if (screen)
|
|
screen.remove();
|
|
const canvas_background = document.getElementById('minirt-canvas-background');
|
|
canvas_background.style = 'display: none';
|
|
}
|
|
|
|
document.addEventListener('keydown', function(event) {
|
|
if (event.key === 'Escape') {
|
|
closeMinirtFrame();
|
|
}
|
|
});
|
|
|
|
const get_passwd = document.getElementById('minirt-password-btn');
|
|
get_passwd.addEventListener('click', function() {
|
|
try {
|
|
fetch(config.BASE_URL + 'minirt/password')
|
|
.then(resp => {
|
|
if (!resp.ok) {
|
|
throw new Error("Failed to fetch password");
|
|
}
|
|
return resp.json();
|
|
})
|
|
.then(data => {
|
|
const passwd_display = document.getElementById('minirt-password-display');
|
|
passwd_display.textContent = `Password: ${data.password}`;
|
|
});
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
})
|
|
|
|
const close_button = document.getElementById('canvas-close-btn');
|
|
close_button.addEventListener('click', closeMinirtFrame);
|
|
|
|
|
|
const minirt_button = document.getElementById('minirt-start-button');
|
|
minirt_button.addEventListener('click', function() {
|
|
// const url = config.BASE_URL + 'minirt/vnc';
|
|
const canvas_background = document.getElementById('minirt-canvas-background');
|
|
canvas_background.style = '';
|
|
|
|
const screen = document.createElement('div');
|
|
screen.id = 'screen';
|
|
canvas_background.appendChild(screen);
|
|
|
|
let rfb;
|
|
let desktopName;
|
|
|
|
// When this function is called, the server requires
|
|
// credentials to authenticate
|
|
function credentialsAreRequired(e) {
|
|
const password = prompt("Password required:");
|
|
if (password)
|
|
rfb.sendCredentials({ password: password });
|
|
}
|
|
|
|
// When this function is called we have received
|
|
// a desktop name from the server
|
|
function updateDesktopName(e) {
|
|
desktopName = e.detail.name;
|
|
}
|
|
|
|
// This function extracts the value of one variable from the
|
|
// query string. If the variable isn't defined in the URL
|
|
// it returns the default value instead.
|
|
function readQueryVariable(name, defaultValue) {
|
|
// A URL with a query parameter can look like this:
|
|
// https://www.example.com?myqueryparam=myvalue
|
|
//
|
|
// Note that we use location.href instead of location.search
|
|
// because Firefox < 53 has a bug w.r.t location.search
|
|
const re = new RegExp('.*[?&]' + name + '=([^&#]*)'),
|
|
match = document.location.href.match(re);
|
|
|
|
if (match) {
|
|
// We have to decode the URL since want the cleartext value
|
|
return decodeURIComponent(match[1]);
|
|
}
|
|
|
|
return defaultValue;
|
|
}
|
|
|
|
// Read parameters specified in the URL query string
|
|
// By default, use the host and port of server that served this file
|
|
const host = readQueryVariable('host', window.location.hostname);
|
|
let port = readQueryVariable('port', window.location.port);
|
|
const password = readQueryVariable('password');
|
|
const path = readQueryVariable('path', 'websockify');
|
|
|
|
// | | | | | |
|
|
// | | | Connect | | |
|
|
// v v v v v v
|
|
|
|
// Build the websocket URL used to connect
|
|
let url;
|
|
if (window.location.protocol === "https:") {
|
|
url = 'wss';
|
|
} else {
|
|
url = 'ws';
|
|
}
|
|
url += '://' + host;
|
|
if(port) {
|
|
url += ':' + port;
|
|
}
|
|
url += '/' + path;
|
|
|
|
// Creating a new RFB object will start a new connection
|
|
rfb = new RFB(screen, url,
|
|
{ credentials: { password: password } });
|
|
|
|
// Add listeners to important events from the RFB module
|
|
rfb.addEventListener("credentialsrequired", credentialsAreRequired);
|
|
rfb.addEventListener("desktopname", updateDesktopName);
|
|
|
|
// Set parameters that can be changed on an active connection
|
|
rfb.viewOnly = readQueryVariable('view_only', false);
|
|
rfb.scaleViewport = readQueryVariable('scale', false);
|
|
});
|