|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Quantum Systems Terminal</title> |
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.terminal/css/jquery.terminal.min.css"> |
|
<script src="https://cdn.jsdelivr.net/npm/jquery"></script> |
|
<script src="https://cdn.jsdelivr.net/npm/jquery.terminal/js/jquery.terminal.min.js"></script> |
|
<style> |
|
body { |
|
margin: 0; |
|
background: black; |
|
color: green; |
|
} |
|
#terminal { |
|
height: 100vh; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<div id="terminal"></div> |
|
|
|
<script> |
|
$(function () { |
|
const keycloakConfig = { |
|
tokenStore: "session", |
|
proxyUrl: null, |
|
print: function () { |
|
return `Current Keycloak Configuration: |
|
- Token Store: ${this.tokenStore} |
|
- Proxy URL: ${this.proxyUrl || "Not Set"}`; |
|
} |
|
}; |
|
|
|
|
|
const terminal = $('#terminal').terminal({ |
|
|
|
echo: function (...args) { |
|
this.echo(`[[;cyan;]${args.join(' ')}]`); |
|
}, |
|
|
|
|
|
quantum: function (operation) { |
|
if (!operation) { |
|
this.echo("[[;red;]Error: Please specify a quantum operation (e.g., QAOA, QSVC).]"); |
|
return; |
|
} |
|
this.echo(`[[;yellow;]Simulating quantum operation: ${operation}]`); |
|
this.pause(); |
|
setTimeout(() => { |
|
this.echo(`[[;green;]Quantum ${operation} completed successfully.]`); |
|
this.resume(); |
|
}, 2000); |
|
}, |
|
|
|
|
|
configure_keycloak: function (option, value) { |
|
if (!option || !value) { |
|
this.echo("[[;red;]Error: Please provide a configuration option and value.]"); |
|
return; |
|
} |
|
if (keycloakConfig.hasOwnProperty(option)) { |
|
keycloakConfig[option] = value; |
|
this.echo(`[[;green;]Keycloak ${option} set to: ${value}]`); |
|
} else { |
|
this.echo(`[[;red;]Error: Unknown Keycloak configuration option '${option}']`); |
|
} |
|
}, |
|
|
|
|
|
keycloak_status: function () { |
|
this.echo(`[[;yellow;]${keycloakConfig.print()}]`); |
|
}, |
|
|
|
|
|
help: function () { |
|
this.echo(` |
|
[[;yellow;]Available Commands:] |
|
- echo <text> : Echoes back the input text |
|
- quantum <operation> : Simulates a quantum operation (e.g., QAOA, QSVC) |
|
- configure_keycloak <key> <value> : Configures Keycloak adapter (e.g., tokenStore, proxyUrl) |
|
- keycloak_status : Prints the current Keycloak configuration |
|
- help : Displays this help menu |
|
`); |
|
} |
|
}, { |
|
greetings: '[[;yellow;]Welcome to the Quantum Systems Terminal]', |
|
name: 'quantum_terminal', |
|
prompt: '>> ' |
|
}); |
|
}); |
|
</script> |
|
</body> |
|
</html> |