Add title page window titles

5 files changed, 16 insertions, 0 deletions

diff --git a/frontend/src/components/ConnectionContent.js b/frontend/src/components/ConnectionContent.js
index 11b8617..2e4f2fd 100644
--- a/frontend/src/components/ConnectionContent.js
+++ b/frontend/src/components/ConnectionContent.js
@@ -30,6 +30,8 @@ class ConnectionContent extends Component {
         if (this.props.connection != null) {
             this.loadStream();
         }
+
+        document.title = "caronte:~/$";
     }
 
     componentDidUpdate(prevProps, prevState, snapshot) {
diff --git a/frontend/src/components/panels/PcapPane.js b/frontend/src/components/panels/PcapPane.js
index 7b3fde6..31d8815 100644
--- a/frontend/src/components/panels/PcapPane.js
+++ b/frontend/src/components/panels/PcapPane.js
@@ -30,6 +30,8 @@ class PcapPane extends Component {
 
     componentDidMount() {
         this.loadSessions();
+
+        document.title = "caronte:~/pcaps$";
     }
 
     loadSessions = () => {
diff --git a/frontend/src/components/panels/RulePane.js b/frontend/src/components/panels/RulePane.js
index 49364d2..4641378 100644
--- a/frontend/src/components/panels/RulePane.js
+++ b/frontend/src/components/panels/RulePane.js
@@ -39,6 +39,8 @@ class RulePane extends Component {
     componentDidMount() {
         this.reset();
         this.loadRules();
+
+        document.title = "caronte:~/rules$";
     }
 
     emptyRule = {
diff --git a/frontend/src/components/panels/ServicePane.js b/frontend/src/components/panels/ServicePane.js
index eaefa64..0e99652 100644
--- a/frontend/src/components/panels/ServicePane.js
+++ b/frontend/src/components/panels/ServicePane.js
@@ -25,6 +25,8 @@ class ServicePane extends Component {
             services: [],
             currentService: this.emptyService,
         };
+
+        document.title = "caronte:~/services$";
     }
 
     componentDidMount() {
diff --git a/frontend/src/views/App.js b/frontend/src/views/App.js
index fb4454c..abd5209 100644
--- a/frontend/src/views/App.js
+++ b/frontend/src/views/App.js
@@ -18,6 +18,14 @@ class App extends Component {
 
     componentDidMount() {
         backend.get("/api/services").then(_ => this.setState({configured: true}));
+
+        setInterval(() => {
+            if (document.title.endsWith("❚")) {
+                document.title = document.title.slice(0, -1);
+            } else {
+                document.title += "❚";
+            }
+        }, 500);
     }
 
     render() {