New view-only mode for client

client/index.html

@@ -111,9 +111,19 @@
 						</div>
 					</div>
 					<div class="col-sm-3 mb-2">
-						<button type="button" class="btn btn-danger" id="deleteServerButton">Delete server</button>
+						<div class="card">
+							<div class="card-body">
+								<p class="card-text">
+									<span id="user_title">Logged as</span>
+									<span id="loggedUsernameLabel"></span>
+									(<span id="loggedUserTypeLabel"></span>)
+								</p>
+								<button type="button" class="btn btn-danger btn-sm" id="deleteServerButton">Delete server</button>
+							</div>
+						</div>
 					</div>
 				</div>
+				
 				<div class="card mb-2">
 					<div class="card-body overflow-auto text-light bg-dark console" id="consoleTextArea"></div>
 				</div>

client/scripts/WebConsole.js

@@ -55,8 +55,20 @@ function onWebSocketsMessage(message){
 			writeToWebConsole(message.message, message.time);
 			break;
 		case 200:
-			//Processed
+			//LoggedIn
 			writeToWebConsole(message.message);
+
+			//Show user and permissions
+			$("#loggedUsernameLabel").text(message.username);
+			$("#loggedUserTypeLabel").text(message.as);
+
+			//Disable command bar if user is viewer
+			if(message.as.toLowerCase() == "viewer"){
+				$("#commandInput").prop("disabled", true);
+				$("#sendCommandButton").prop("disabled", true);
+			}
+
+			//Read log file if enabled
 			if(connectionManager.activeConnection.isLogged === false){
 				connectionManager.activeConnection.isLogged = true;
 				if(persistenceManager.getSetting("retrieveLogFile") === true)