[mod] minor adjustments (a11d59a) - wirc-frontend.git

[mod] minor adjustments

Christian Fraß commited on 2021-11-19 17:39:51
Zeige 4 geänderte Dateien mit 8 Einfügungen und 5 Löschungen.

conf/example.json 3ca6452..dc791e5
readme.md c8dd074..4c09c39
source/index.html 9fb204f..83d3213
source/logic.ts 3a08930..cc3f15c

conf/example.json

@@ -2,7 +2,8 @@
 	"backend": {
 		"scheme": "http",
 		"host": "localhost",
-		"port": 7979
+		"port": 7979,
+		"path": ""
 	},
 	"settings": {
 		"poll_interval_in_milliseconds": 2000

readme.md

Zeige Datei @ a11d59a

...	...	@@ -33,4 +33,5 @@ A simple IRC client, realized as web application
33	33
34	34	- support multiple channels and private messages
35	35	- support commands (e.g. `/nick new_name`)
	36	+- get correct user list (seems like it does not update when a user leaves the room)
36	37

source/index.html

Zeige Datei @ a11d59a

@@ -10,7 +10,7 @@
 	</head>
 	<body class="offline">
 		<div id="connect">
-			<form action="#">
+			<form action="?">
 				<div class="field">
 					<label>nickname</label>
 					<input type="text" id="nickname" placeholder="nickname"/>
@@ -38,10 +38,10 @@
 				<ul class="pane" id="events"></ul>
 				<ul class="pane" id="users"></ul>
 			</div>
-			<form action="#">
+			<form action="?">
 				<input type="text" id="message" placeholder="…"/>
 				<input type="submit" id="send" value="send"/>
 			</form>
-		</template>
+		</div>
 	</body>
 </html>

source/logic.ts

Zeige Datei @ a11d59a

@@ -28,7 +28,7 @@ async function backend_call(action: string, data: any): Promise<any>
 {
 	const response = await fetch
 	(
-		`${_conf.backend.scheme}://${_conf.backend.host}:${_conf.backend.port.toFixed(0)}`,
+		`${_conf["backend"]["scheme"]}://${_conf["backend"]["host"]}:${_conf["backend"]["port"].toFixed(0)}/${_conf["backend"]["path"]}`,
 		{
 			"method": "POST",
 			"body": JSON.stringify({"action": action, "id": _model.connection_id, "data": data}),
@@ -232,6 +232,7 @@ function setup_control(): void
 		"submit",
 		async (event) =>
 		{
+			event.preventDefault();
 			let dom_nickname: HTMLInputElement = document.querySelector<HTMLInputElement>("#nickname");
 			let dom_channel: HTMLInputElement = document.querySelector<HTMLInputElement>("#channel");
 			const nickname: string = dom_nickname.value;


...	...	@@ -2,7 +2,8 @@
2	2	"backend": {
3	3	"scheme": "http",
4	4	"host": "localhost",
5		- "port": 7979
	5	+ "port": 7979,
	6	+ "path": ""
6	7	},
7	8	"settings": {
8	9	"poll_interval_in_milliseconds": 2000

...	...	@@ -10,7 +10,7 @@
10	10	</head>
11	11	<body class="offline">
12	12	<div id="connect">
13		- <form action="#">
	13	+ <form action="?">
14	14	<div class="field">
15	15	<label>nickname</label>
16	16	<input type="text" id="nickname" placeholder="nickname"/>
...	...	@@ -38,10 +38,10 @@
38	38	<ul class="pane" id="events"></ul>
39	39	<ul class="pane" id="users"></ul>
40	40	</div>
41		- <form action="#">
	41	+ <form action="?">
42	42	<input type="text" id="message" placeholder="…"/>
43	43	<input type="submit" id="send" value="send"/>
44	44	</form>
45		- </template>
	45	+ </div>
46	46	</body>
47	47	</html>

...	...	@@ -28,7 +28,7 @@ async function backend_call(action: string, data: any): Promise<any>
28	28	{
29	29	const response = await fetch
30	30	(
31		- `${_conf.backend.scheme}://${_conf.backend.host}:${_conf.backend.port.toFixed(0)}`,
	31	+ `${_conf["backend"]["scheme"]}://${_conf["backend"]["host"]}:${_conf["backend"]["port"].toFixed(0)}/${_conf["backend"]["path"]}`,
32	32	{
33	33	"method": "POST",
34	34	"body": JSON.stringify({"action": action, "id": _model.connection_id, "data": data}),
...	...	@@ -232,6 +232,7 @@ function setup_control(): void
232	232	"submit",
233	233	async (event) =>
234	234	{
	235	+ event.preventDefault();
235	236	let dom_nickname: HTMLInputElement = document.querySelector<HTMLInputElement>("#nickname");
236	237	let dom_channel: HTMLInputElement = document.querySelector<HTMLInputElement>("#channel");
237	238	const nickname: string = dom_nickname.value;
238	239