better configuration

Dockerfile

@@ -1,9 +1,18 @@
 FROM python
 
-COPY websockify-*.tar.gz /
+RUN apt update && apt install -y jq && rm -rf /var/lib/apt/lists/*
+RUN wget --content-disposition -P / $(curl https://api.github.com/repos/novnc/websockify/releases/latest | jq -r '.tarball_url')
+RUN python3 -m pip install novnc-websockify-*.tar.gz
+RUN rm -rf /novnc-websockify-* /root/.cache
 
-RUN python3 -m pip install websockify-*.tar.gz
-RUN rm -rf /websockify-* /root/.cache
+RUN wget --content-disposition -P / https://github.com/rickparrish/fTelnet/archive/refs/heads/master.zip
+WORKDIR /web
+RUN unzip /fTelnet-master.zip &&\
+	cp fTelnet-master/release/ftelnet.css . &&\
+	cp fTelnet-master/release/ftelnet.norip.xfer.min.js . &&\
+	cp -r fTelnet-master/release/fonts fTelnet-master/release/keyboard . &&\
+	rm -rf /fTelnet-master.zip fTelnet-master
+ADD web/index.html web/custom.css /web
 
 VOLUME /data
 
@@ -11,18 +20,25 @@ EXPOSE 80
 
 WORKDIR /opt/websockify
 
-ENV LOCALPORT="80"
+ENV WSHOST="window.location.hostname"
+ENV WSPORT="80"
 ENV DEST="box.imzadi.de:23"
-ENV OPTS="--web /data"
+ENV OPTS="--web /web"
 
 RUN cat <<'EOF' > /entrypoint.sh
 #!/bin/sh
-echo "Websockify"
-echo "----------"
+echo "Websockify Container"
+echo "--------------------"
+echo "Container Host : $WSHOST"
+echo "Container Port : $WSPORT"
+echo "Destination    : $DEST"
 echo "Options        : $OPTS"
-echo "Local Port : $LOCALPORT"
-echo "Destination: $DEST"
-/usr/local/bin/websockify $OPTS $LOCALPORT $DEST
+/usr/local/bin/websockify $OPTS 80 $DEST
+EOF
+
+RUN cat <<'EOF' > /web/config.js
+var wshost=$WSHOST;
+var wsport=$WSPORT;
 EOF
 
 RUN chmod +x /entrypoint.sh

web/custom.css

@@ -0,0 +1,125 @@
+body {
+  background-color: #777777;
+  color: #333333;
+}
+
+/* fTelnet */
+
+.fTelnetContainer {
+    box-sizing: content-box;
+    margin: auto;
+}
+
+.fTelnetContainer .fTelnetButtons,
+.fTelnetContainer .fTelnetScrollback,
+.fTelnetContainer .fTelnetFocusWarning,
+.fTelnetContainer .fTelnetClientContainer,
+.fTelnetContainer .fTelnetStatusBar {
+    box-sizing: content-box;
+}
+
+.fTelnetContainer canvas {
+    display: block;
+    margin: auto;
+}
+
+.fTelnetClientContainer {
+    position: relative;
+    margin: auto;
+}
+
+.fTelnetConnectButton {
+    background-color: #aaaaaa;
+    border: 1px solid black;
+    border-radius: 5px;
+    color: #333333;
+    display: inline-block;
+    font: 14px Arial, Helvetica, sans-serif;
+    margin-right: 10px;
+    padding: 8px 12px;
+    text-align: center;
+    text-decoration: none;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.fTelnetCrtCanvas {
+    display: block;
+    margin: auto;
+}
+
+.fTelnetFocusWarning {
+    background-color: red;
+    color: white;
+    font: 14px Arial, Helvetica, sans-serif;
+    margin: auto;
+    padding: 5px;
+    text-align: center;
+}
+
+.fTelnetMenuButton {
+    background-color: #aaaaaa;
+    border: 1px solid #666;
+    border-radius: 5px;
+    color: #333333;
+    display: inline-block;
+    margin-right: 10px;
+    padding: 8px 12px;
+
+    text-decoration: none;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.fTelnetMenuButtons {
+    background-color: #aaaaaa;
+    border: 1px solid #666;
+    color: #333333;
+    margin-right: 10px;
+    padding: 8px 12px;
+    position: absolute;
+    text-decoration: none;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.fTelnetMenuButtons a {
+    border: 1px solid black;
+    border-radius: 5px;
+    color: black;
+    display: block;
+    font: 14px Arial, Helvetica, sans-serif;
+    padding: 8px 12px;
+    text-align: center;
+    text-decoration: none;
+}
+
+.fTelnetMenuButtons table {
+    background-color: #aaaaaa;
+}
+
+.fTelnetMenuButtons td {
+    padding: 1px;
+}
+
+.fTelnetScrollback {
+    background-color: green;
+    color: white;
+    font: 14px Arial, Helvetica, sans-serif;
+    margin: auto;
+    padding: 5px;
+    text-align: center;
+}
+
+.fTelnetScrollback a {
+    color: white;
+    padding: 0 5px;
+    text-decoration: none;
+}
+
+.fTelnetStatusBar {
+    background-color: #666666 !important;
+    color: #dddddd;
+    font: 14px Arial, Helvetica, sans-serif;
+    margin: auto;
+    padding: 5px;
+    text-align: left;
+}
+

web/index.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>WebTelnet</title>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link href="ftelnet.css" rel="stylesheet">
+    <link href="custom.css" rel="stylesheet">
+</head>
+<body>
+
+    <div id="fTelnetContainer"></div>
+    <script src="ftelnet.norip.xfer.min.js" id="fTelnetScript"></script>
+    <script src="config.js" id="fTelnetScript"></script>
+    <script>
+        var Options = new fTelnetOptions();
+        Options.Hostname = wshost;
+        Options.Port = wsport;
+
+        var Client = new fTelnetClient('fTelnetContainer', Options);
+        fTelnet.ButtonBarVisible = true;
+    </script>
+
+</body>
+</html>
+
+