mobile styles, bugfixes

tomFlidr · tomFlidr · commit 95fb03cf8aaf · 2019-02-19T14:39:47.000+01:00
diff --git a/chat/css/style.css b/chat/css/style.css
@@ -105,7 +105,7 @@ form.login-form input[type=submit]{
 .message.content.current{
 	float: right;
     text-align: right;
-	margin: 5px 10px 5px 0;
+	margin: 5px 10px 5px 10px;
 }
 .message.content.other{
 	float: left;
@@ -116,15 +116,14 @@ form.login-form input[type=submit]{
 	clear:both;
 }
 .message.content div{
-	max-width: calc(100% - 30px);
+	min-width: calc(100% - 43px);
     position: relative;
     display: inline-block;
-    padding: 8px;
+    padding: 8px 21px 8px 10px;
     text-align: left;
     border-radius: 10px;
     color: #fff;
     vertical-align: top;
-    word-break: break-all;
 }
 .message.content.current div{
     box-shadow: inset 0 0 1px #007aff;
@@ -174,7 +173,7 @@ form.message-form .message-cont{
     left:10px;
     top:10px;
     bottom:50px;
-    right:calc(150px + 10px + 10px + 10px);
+    right:calc(20% + 10px + 10px + 10px);
 }
 form.message-form .message-cont textarea{
 	width:calc(100% - 10px);
@@ -197,8 +196,8 @@ form.message-form button{
 	position:absolute;
 	top:10px;
 	right:10px;
-	bottom:10px;
-	width:150px;
+	bottom:48px;
+	width:20%;
 	border:1px solid #c5c5c9;
 	border-radius:4px;
     font-size:130%;
diff --git a/chat/index.html b/chat/index.html
@@ -2,10 +2,9 @@
 <html lang="en-US">
     <head>
         <meta charset="utf-8" />
-        <title>Multiplayer Chat</title>
-        
+        <title>Websocket Chat</title>
 		<link rel="stylesheet" type="text/css" href="css/style.css" />
-		
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
     </head>
     <body>
 
@@ -21,7 +20,7 @@
 		<div id="chat-room" class="chat-room">
             
 			<div class="header">
-				<b>Websocket Multiplayer Chat</b>
+				<b>Websocket Chat</b>
 				<span id="current-user"></span>
 				<a id="logout-btn" href="javascript:void(0);">logout</a>
             </div>
@@ -36,7 +35,7 @@
 					<textarea 
 						type="text" 
 						maxlength="1048576" 
-						placeholder="Write text message, hit Ctrl + Enter to send" 
+						placeholder="(CTRL+ENTER to send message)" 
 						name="message"></textarea>
 				</div>
 				<div class="recepients">
diff --git a/chat/js/client.js b/chat/js/client.js
@@ -70,8 +70,12 @@ Class.Define('Chat', {
 			user = this._loginForm.user.value,
 			pass = this._loginForm.pass.value;
 		if (user != '' && pass != '') {
+			var pathName = location.pathname;
+			var lastSlashPos = pathName.lastIndexOf('/');
+			if (lastSlashPos > -1) 
+				pathName = pathName.substr(0, lastSlashPos + 1);
 			Ajax.load({
-				url: location.origin + location.pathname + 'data/?login-submit',
+				url: location.origin + pathName + 'data/?login-submit',
 				method: 'post',
 				data: { 
 					user: user,
diff --git a/server.js b/server.js
@@ -1,7 +1,17 @@
 var WebDevServer = require("web-dev-server");
 var devServerInstance = (new WebDevServer())
-	.SetDocumentRoot(__dirname) // required
-	.SetPort(8000)              // optional, 8000 by default
-	// .SetDomain('localhost')  // optional, localhost by default
-	// .SetDevelopment(false)   // optional, true by default to display Errors and directory content
-	.Run();
+    .SetDocumentRoot(__dirname)                       // required
+    //.SetPort(8000)                                  // optional, 8000 by default
+    //.SetDomain('localhost')                         // optional, 'localhost' by default
+    .SetSessionMaxAge(60 * 60 * 24)                   // optional, 1 hour by default, seconds
+    .SetSessionHash('SGS2e+9x5$as%SD_AS6s.aHS96s')    // optional, session id hash salt
+    .SetDevelopment(true)                             // optional, true by default to display Errors and directory content
+    .AddHandler(function (req, res, e, cb) {          // optional, to prepend any execution before `web-dev-server` module execution
+        if (req.url == '/health') {
+            res.writeHead(200);
+            res.end('1');
+            e.preventDefault();                       // do not anything else in `web-dev-server` module for this request
+        }
+        cb();
+    })
+    .Run();
