Enlight/ui_templates/sessions.html

    <h1>Sessions</h1>
    yes.
    <button onclick='ipcRenderer.sendSync("synchronous-message", "PAGE:change.index");'>Go back</button>
    <state>Sessionstate: <state id = "sessionStateText">unknown</state></state>
    <script>
      connectionStatesAsText = {"-1": "Unknown", "0": "Not connected to a session", "1": "Connecting...", "2": "Hosting", "3": "Connected", "4": "Connection failed", "5": "Seraching"};
      setInterval(function(){
        connectionState = ipcRenderer.sendSync("synchronous-message", "SESSION:get.state");
        document.getElementById("sessionStateText").innerHTML = connectionStatesAsText[String(connectionState)];
      }, 1000);
      
    </script>
    Name: <input type="text" value="Unnamed session" id="sessionName">
    <button onclick='createNewSession()'>
      Create new session
    </button>
    <button onclick='ipcRenderer.sendSync("synchronous-message", "SESSION:startSearch");'>
      Start session search
    </button>
    <script>
      function createNewSession() {
        val = document.getElementById("sessionName").value
        if (val.indexOf('|') > -1)
        {
          alert("Your Sessionname may not contain a |");
        }
        console.log(val)
        ipcRenderer.sendSync("synchronous-message", "SESSION:createNew| " + val);
      }

      setInterval(function(){console.log(ipcRenderer.sendSync("synchronous-message", "SESSION:getAll" ));}, 5000)
    </script>
  </body>
</html>