42/42_INT_14_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip load room messages, but i broke rooms list

Browse Source
This commit is contained in:
simplonco
2023-01-07 21:58:33 +01:00
parent e4a3504564
commit c41c7de745
11 changed files with 118 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
srcs/requirements/svelte/api_front/public/build/bundle.js
View File

@@ -3890,6 +3890,8 @@ var app = (function () {
}
}
let msgs = writable([]);
/* src/pieces/chat/Layout_home.svelte generated by Svelte v3.53.1 */
const { console: console_1$9 } = globals;
@@ -3901,7 +3903,7 @@ var app = (function () {
return child_ctx;
}
// (31:1) <Button bind:layout new_layout="settings" my_class="settings dots icon">
// (45:1) <Button bind:layout new_layout="settings" my_class="settings dots icon">
function create_default_slot_3$5(ctx) {
let t;
@@ -3921,14 +3923,14 @@ var app = (function () {
block,
id: create_default_slot_3$5.name,
type: "slot",
source: "(31:1) <Button bind:layout new_layout=\\\"settings\\\" my_class=\\\"settings dots icon\\\">",
source: "(45:1) <Button bind:layout new_layout=\\\"settings\\\" my_class=\\\"settings dots icon\\\">",
ctx
});
return block;
}
// (36:1) <Button bind:layout new_layout="new" my_class="new transparent">
// (50:1) <Button bind:layout new_layout="new" my_class="new transparent">
function create_default_slot_2$9(ctx) {
let t;
@@ -3948,14 +3950,14 @@ var app = (function () {
block,
id: create_default_slot_2$9.name,
type: "slot",
source: "(36:1) <Button bind:layout new_layout=\\\"new\\\" my_class=\\\"new transparent\\\">",
source: "(50:1) <Button bind:layout new_layout=\\\"new\\\" my_class=\\\"new transparent\\\">",
ctx
});
return block;
}
// (41:1) <Button bind:layout new_layout="close" my_class="close icon">
// (55:1) <Button bind:layout new_layout="close" my_class="close icon">
function create_default_slot_1$9(ctx) {
let t;
@@ -3975,7 +3977,7 @@ var app = (function () {
block,
id: create_default_slot_1$9.name,
type: "slot",
source: "(41:1) <Button bind:layout new_layout=\\\"close\\\" my_class=\\\"close icon\\\">",
source: "(55:1) <Button bind:layout new_layout=\\\"close\\\" my_class=\\\"close icon\\\">",
ctx
});
@@ -4004,7 +4006,7 @@ var app = (function () {
return block;
}
// (55:3) {:then}
// (69:3) {:then}
function create_then_block$1(ctx) {
let each_1_anchor;
let current;
@@ -4093,14 +4095,14 @@ var app = (function () {
block,
id: create_then_block$1.name,
type: "then",
source: "(55:3) {:then}",
source: "(69:3) {:then}",
ctx
});
return block;
}
// (57:5) <Button bind:layout new_layout="room" my_class="list">
// (71:5) <Button bind:layout new_layout="room" my_class="list">
function create_default_slot$b(ctx) {
let t0_value = /*room*/ ctx[7].name + "";
let t0;
@@ -4128,14 +4130,14 @@ var app = (function () {
block,
id: create_default_slot$b.name,
type: "slot",
source: "(57:5) <Button bind:layout new_layout=\\\"room\\\" my_class=\\\"list\\\">",
source: "(71:5) <Button bind:layout new_layout=\\\"room\\\" my_class=\\\"list\\\">",
ctx
});
return block;
}
// (56:4) {#each rooms as room}
// (70:4) {#each rooms as room}
function create_each_block$5(ctx) {
let button;
let updating_layout;
@@ -4200,14 +4202,14 @@ var app = (function () {
block,
id: create_each_block$5.name,
type: "each",
source: "(56:4) {#each rooms as room}",
source: "(70:4) {#each rooms as room}",
ctx
});
return block;
}
// (52:21) <!-- promise is pending --> <p>rooms are loaded...</p> {:then}
// (66:21) <!-- promise is pending --> <p>rooms are loaded...</p> {:then}
function create_pending_block$1(ctx) {
let p;
@@ -4215,7 +4217,7 @@ var app = (function () {
c: function create() {
p = element("p");
p.textContent = "rooms are loaded...";
add_location(p, file$p, 53, 4, 1121);
add_location(p, file$p, 67, 4, 1409);
},
m: function mount(target, anchor) {
insert_dev(target, p, anchor);
@@ -4232,7 +4234,7 @@ var app = (function () {
block,
id: create_pending_block$1.name,
type: "pending",
source: "(52:21) <!-- promise is pending --> <p>rooms are loaded...</p> {:then}",
source: "(66:21) <!-- promise is pending --> <p>rooms are loaded...</p> {:then}",
ctx
});
@@ -4346,17 +4348,17 @@ var app = (function () {
t6 = space();
info.block.c();
attr_dev(p0, "class", "title svelte-1jygwt2");
add_location(p0, file$p, 46, 2, 889);
add_location(p0, file$p, 60, 2, 1177);
attr_dev(p1, "class", "__center");
add_location(p1, file$p, 49, 4, 999);
add_location(p1, file$p, 63, 4, 1287);
attr_dev(div0, "class", "__show_if_only_child");
add_location(div0, file$p, 48, 3, 960);
add_location(div0, file$p, 62, 3, 1248);
attr_dev(div1, "class", "room_list");
add_location(div1, file$p, 47, 2, 933);
add_location(div1, file$p, 61, 2, 1221);
attr_dev(div2, "class", "panel panel_home __border_top svelte-1jygwt2");
add_location(div2, file$p, 45, 1, 843);
add_location(div2, file$p, 59, 1, 1131);
attr_dev(div3, "class", "grid_box svelte-1jygwt2");
add_location(div3, file$p, 27, 0, 484);
add_location(div3, file$p, 41, 0, 772);
},
l: function claim(nodes) {
throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -4524,6 +4526,7 @@ var app = (function () {
$$self.$capture_state = () => ({
onMount,
Button: Chat_button,
msgs,
layout,
rooms,
get_rooms
@@ -8192,6 +8195,7 @@ var app = (function () {
fetch(`${address}/api/v2/user`).then(resp => resp.json()).then(data => {
user = data;
console.log("user:", user);
socket$1 = lookup(address, {
path: '/chat',
@@ -8199,8 +8203,6 @@ var app = (function () {
});
});
let msgs = writable([]);
/* src/pieces/chat/Layout_room.svelte generated by Svelte v3.53.1 */
const file$n = "src/pieces/chat/Layout_room.svelte";
@@ -8294,7 +8296,7 @@ var app = (function () {
// (64:4) <Msg name={msg.name}>
function create_default_slot_1$8(ctx) {
let html_tag;
let raw_value = /*msg*/ ctx[4].content + "";
let raw_value = /*msg*/ ctx[4].message + "";
let html_anchor;
const block = {
@@ -8308,7 +8310,7 @@ var app = (function () {
insert_dev(target, html_anchor, anchor);
},
p: function update(ctx, dirty) {
if (dirty & /*$msgs*/ 8 && raw_value !== (raw_value = /*msg*/ ctx[4].content + "")) html_tag.p(raw_value);
if (dirty & /*$msgs*/ 8 && raw_value !== (raw_value = /*msg*/ ctx[4].message + "")) html_tag.p(raw_value);
},
d: function destroy(detaching) {
if (detaching) detach_dev(html_anchor);
@@ -8727,8 +8729,8 @@ var app = (function () {
let msg = "";
let text_area;
function add_local_msg(from, message) {
msgs.update(msgs => [...msgs, { content: message, name: from }]);
function add_local_msg(name, message) {
msgs.update(msgs => [...msgs, { name, message }]);
}
function send_msg() {

2
srcs/requirements/svelte/api_front/public/build/bundle.js.map
View File

File diff suppressed because one or more lines are too long

1
srcs/requirements/svelte/api_front/src/pieces/chat/Chat_socket.svelte
View File

@@ -11,6 +11,7 @@
.then((data) =>
{
user = data;
console.log("user:", user);
socket = io(address,
{
path: '/chat',

24
srcs/requirements/svelte/api_front/src/pieces/chat/Layout_home.svelte
View File

@@ -3,6 +3,7 @@
import { onMount } from 'svelte';
import Button from './Chat_button.svelte';
import { msgs } from './Store_msg.js';
export let layout;
let rooms = [
@@ -23,6 +24,19 @@
rooms = data.rooms;
});
/*
function get_room_messages()
{
const messages = fetch('/api/v2/chat/messages')
.then(resp => resp.json())
.then(data =>
{
console.log(data.messages);
msgs.update(msgs => [...msgs, { name: name, message: message }]);
});
}
*/
</script>
<div class="grid_box">
@@ -59,16 +73,6 @@
</Button>
{/each}
{/await}
<!-- placeholders
<Button bind:layout new_layout="room" my_class="list">
another room
</Button>
<Button bind:layout new_layout="room" my_class="list">
placeholder
</Button>
------------- -->
<!-- END placeholders -->
</div>
</div>

6
srcs/requirements/svelte/api_front/src/pieces/chat/Layout_room.svelte
View File

@@ -12,9 +12,9 @@
let msg = "";
let text_area;
function add_local_msg(from, message)
function add_local_msg(name, message)
{
msgs.update(msgs => [...msgs, { content: message, name: from }]);
msgs.update(msgs => [...msgs, { name: name, message: message }]);
}
function send_msg()
@@ -61,7 +61,7 @@
<div class="panel panel_msg">
<div class="msg_thread">
{#each $msgs as msg}
<Msg name={msg.name}>{@html msg.content}</Msg>
<Msg name={msg.name}>{@html msg.message}</Msg>
{/each}
</div>
</div>