| <!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> |
