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

pane msg ok

Browse Source
This commit is contained in:
simplonco
2022-12-25 18:35:06 +01:00
parent fb358efaf4
commit 789d2e53c5
7 changed files with 270 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
srcs/requirements/svelte/api_front/public/build/bundle.css
View File

@@ -7,10 +7,10 @@ header.svelte-7t4byu.svelte-7t4byu{overflow-y:hidden}.grid-container.svelte-7t4b
var(--violet), var(--violet),
var(--pink), var(--pink),
var(--purple) var(--purple)
);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;white-space:nowrap}.card.svelte-8smyff{background:white;padding:20px;border-radius:6px;box-shadow:0px 2px 4px rgba(0,0,0,0.1)}button.svelte-1u0z9cq{border:0;cursor:pointer;border-radius:6px;padding:8px 12px;font-weight:bold;box-shadow:1px 2px 3px rgba(0,0,0,0.2)}.primary.svelte-1u0z9cq{background:#d91b42;color:white}.secondary.svelte-1u0z9cq{background:#45c496;color:white}.flat.svelte-1u0z9cq{box-shadow:none}.primary.inverse.svelte-1u0z9cq{color:#d91b42;background:white;border:2px solid #d91b42}.secondary.inverse.svelte-1u0z9cq{color:#45c496;background:white;border:2px solid #45c496}#chat_box.svelte-1njtw54.svelte-1njtw54{display:flex;position:fixed;bottom:20px;right:20px;padding:5px;width:300px;height:400px;border:1px solid black}#chat_box.close.svelte-1njtw54 .grid_box.svelte-1njtw54{gap:0px;grid:' chat ' auto );background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;white-space:nowrap}.card.svelte-8smyff{background:white;padding:20px;border-radius:6px;box-shadow:0px 2px 4px rgba(0,0,0,0.1)}button.svelte-1u0z9cq{border:0;cursor:pointer;border-radius:6px;padding:8px 12px;font-weight:bold;box-shadow:1px 2px 3px rgba(0,0,0,0.2)}.primary.svelte-1u0z9cq{background:#d91b42;color:white}.secondary.svelte-1u0z9cq{background:#45c496;color:white}.flat.svelte-1u0z9cq{box-shadow:none}.primary.inverse.svelte-1u0z9cq{color:#d91b42;background:white;border:2px solid #d91b42}.secondary.inverse.svelte-1u0z9cq{color:#45c496;background:white;border:2px solid #45c496}#chat_box.svelte-1dtfh68.svelte-1dtfh68{display:flex;position:fixed;bottom:20px;right:20px;padding:5px;width:300px;height:400px;border:1px solid black}#chat_box.close.svelte-1dtfh68 .grid_box.svelte-1dtfh68{gap:0px;grid:' chat ' auto
/ auto }#chat_box.close.svelte-1njtw54.svelte-1njtw54{padding:0px;width:auto;height:auto}#chat_box.svelte-1njtw54 .grid_box{display:grid;margin:0px;gap:5px;width:100%;height:100%}#chat_box.svelte-1njtw54 .grid_box *{display:flex;flex-direction:column;position:relative;box-sizing:border-box}#chat_box.svelte-1njtw54 .chat_panel{overflow-y:scroll}#chat_box.svelte-1njtw54 .grid_box p{padding:10px;font-size:15px}#chat_box.svelte-1njtw54 .__show_if_only_child{display:none}#chat_box.svelte-1njtw54 .__show_if_only_child:only-child{display:flex;color:rgb(100, 100, 100)}.grid_box.svelte-16qwzsm .settings {grid-area:settings}.grid_box.svelte-16qwzsm .close {grid-area:close}.grid_box.svelte-16qwzsm .new {grid-area:new}.grid_box.svelte-16qwzsm .panel_home{grid-area:panel_home}.grid_box.svelte-16qwzsm.svelte-16qwzsm{grid:' settings new close ' auto / auto }#chat_box.close.svelte-1dtfh68.svelte-1dtfh68{padding:0px;width:auto;height:auto}#chat_box.svelte-1dtfh68 *{-ms-overflow-style:none;scrollbar-width:none}#chat_box.svelte-1dtfh68 *::-webkit-scrollbar{display:none}#chat_box.svelte-1dtfh68 .grid_box{display:grid;margin:0px;gap:5px;width:100%;height:100%}#chat_box.svelte-1dtfh68 .grid_box *{display:flex;flex-direction:column;position:relative;box-sizing:border-box}#chat_box.svelte-1dtfh68 .chat_panel{overflow-y:scroll}#chat_box.svelte-1dtfh68 .grid_box p{padding:10px;font-size:15px}#chat_box.svelte-1dtfh68 .__show_if_only_child{display:none}#chat_box.svelte-1dtfh68 .__show_if_only_child:only-child{display:flex;color:rgb(100, 100, 100)}.grid_box.svelte-16qwzsm .settings {grid-area:settings}.grid_box.svelte-16qwzsm .close {grid-area:close}.grid_box.svelte-16qwzsm .new {grid-area:new}.grid_box.svelte-16qwzsm .panel_home{grid-area:panel_home}.grid_box.svelte-16qwzsm.svelte-16qwzsm{grid:' settings new close ' auto
' panel_home panel_home panel_home ' 1fr ' panel_home panel_home panel_home ' 1fr
/ auto 1fr auto }.panel_home.svelte-16qwzsm.svelte-16qwzsm{border-top:1px solid black}.panel_home.svelte-16qwzsm p.title.svelte-16qwzsm{margin:10px auto 0px auto}.panel_home.svelte-16qwzsm p.no_chat.svelte-16qwzsm{margin:0px auto}button.svelte-8bk9pb.svelte-8bk9pb{display:flex;padding:0px;margin:auto;width:100%;cursor:pointer;outline:none;border:none;background-color:rgb(220, 220, 220)}button.svelte-8bk9pb p.svelte-8bk9pb{width:100%;margin:auto;text-align:center}button.svelte-8bk9pb.svelte-8bk9pb:hover{background-color:rgb(200, 200, 200)}button.svelte-8bk9pb.svelte-8bk9pb:active{background-color:rgb(190, 190, 190)}button.list.svelte-8bk9pb.svelte-8bk9pb:not(:hover){background-color:rgb(240, 240, 240)}button.list.svelte-8bk9pb p.svelte-8bk9pb{text-align:left}.grid_box.svelte-ydvtcr .back {grid-area:back}.grid_box.svelte-ydvtcr .room_name {grid-area:room_name}.grid_box.svelte-ydvtcr .close {grid-area:close}.grid_box.svelte-ydvtcr .panel_msg {grid-area:panel_msg}.grid_box.svelte-ydvtcr .send {grid-area:send}.grid_box.svelte-ydvtcr .panel_write {grid-area:panel_write}.grid_box.svelte-ydvtcr{grid:' back room_name room_name close ' auto / auto 1fr auto }.panel_home.svelte-16qwzsm.svelte-16qwzsm{border-top:1px solid black}.panel_home.svelte-16qwzsm p.title.svelte-16qwzsm{margin:10px auto 0px auto}.panel_home.svelte-16qwzsm p.no_chat.svelte-16qwzsm{margin:0px auto}button.svelte-8bk9pb.svelte-8bk9pb{display:flex;padding:0px;margin:auto;width:100%;cursor:pointer;outline:none;border:none;background-color:rgb(220, 220, 220)}button.svelte-8bk9pb p.svelte-8bk9pb{width:100%;margin:auto;text-align:center}button.svelte-8bk9pb.svelte-8bk9pb:hover{background-color:rgb(200, 200, 200)}button.svelte-8bk9pb.svelte-8bk9pb:active{background-color:rgb(190, 190, 190)}button.list.svelte-8bk9pb.svelte-8bk9pb:not(:hover){background-color:rgb(240, 240, 240)}button.list.svelte-8bk9pb p.svelte-8bk9pb{text-align:left}.grid_box.svelte-1tpvz53 .back {grid-area:back}.grid_box.svelte-1tpvz53 .room_name {grid-area:room_name}.grid_box.svelte-1tpvz53 .close {grid-area:close}.grid_box.svelte-1tpvz53 .panel_msg {grid-area:panel_msg}.grid_box.svelte-1tpvz53 .send {grid-area:send}.grid_box.svelte-1tpvz53 .panel_write {grid-area:panel_write}.grid_box.svelte-1tpvz53.svelte-1tpvz53{grid:' back room_name room_name close ' auto
' panel_msg panel_msg panel_msg panel_msg ' 1fr ' panel_msg panel_msg panel_msg panel_msg ' 1fr
' panel_write panel_write send send ' auto ' panel_write panel_write send send ' auto
/ auto 1fr auto auto }#chat_box .panel_write.svelte-ydvtcr{border:none;overflow:visible}#chat_box .text_area.svelte-ydvtcr{display:block;position:absolute;bottom:0px;left:0px;width:100%;height:auto;min-height:100%;max-height:300px;overflow-x:hidden;overflow-y:scroll;background-color:white;border:1px solid black}#chat_box .text_area.svelte-ydvtcr *{display:block ruby}button.svelte-1xlp56i.svelte-1xlp56i{display:flex;padding:0px;margin:auto;width:100%;cursor:pointer;outline:none;border:none;background-color:rgb(220, 220, 220)}button.svelte-1xlp56i p.svelte-1xlp56i{width:100%;margin:auto;text-align:center}button.svelte-1xlp56i.svelte-1xlp56i:hover{background-color:rgb(200, 200, 200)}button.svelte-1xlp56i.svelte-1xlp56i:active{background-color:rgb(190, 190, 190)}button.list.svelte-1xlp56i.svelte-1xlp56i:not(:hover){background-color:rgb(240, 240, 240)}button.list.svelte-1xlp56i p.svelte-1xlp56i{text-align:left}button.transparent.svelte-1xlp56i.svelte-1xlp56i:not(:hover){background-color:transparent}button.deactivate.svelte-1xlp56i.svelte-1xlp56i{background-color:transparent;pointer-events:none}#chat_box button.icon.svelte-1xlp56i p.svelte-1xlp56i{display:none}button.icon.svelte-1xlp56i.svelte-1xlp56i:not(:hover){background-color:transparent}button.icon.svelte-1xlp56i.svelte-1xlp56i{width:30px;height:100%;padding:0px}button.dots.svelte-1xlp56i.svelte-1xlp56i::after{content:'\2807';font-size:20px;position:absolute;top:50%;left:0px;width:100%;height:auto;text-align:center;transform:translateY(-50%);cursor:pointer}button.close.svelte-1xlp56i.svelte-1xlp56i::before{content:"";position:absolute;top:calc(50% - 1px);left:5px;width:20px;height:2px;background-color:black}button.back.svelte-1xlp56i.svelte-1xlp56i::before{content:"";position:absolute;top:calc(50% - 6px - 1px);left:6px;width:14px;height:14px;border-left:1px solid black;border-bottom:1px solid black;transform:rotate(45deg)} / auto 1fr auto auto }#chat_box .panel_write.svelte-1tpvz53.svelte-1tpvz53{border:none;overflow:visible}#chat_box .text_area.svelte-1tpvz53.svelte-1tpvz53{display:block;position:absolute;bottom:0px;left:0px;width:100%;height:auto;min-height:100%;max-height:300px;overflow-x:hidden;overflow-y:scroll;background-color:white;border:1px solid black}#chat_box .text_area.svelte-1tpvz53 *{display:block ruby}.panel_msg.svelte-1tpvz53.svelte-1tpvz53{flex-direction:column-reverse;overflow:scroll;border:1px solid black}.msg_thread.svelte-1tpvz53.svelte-1tpvz53{flex-direction:column;width:100%;padding:0px 5px;margin-bottom:0px}.chat_msg.svelte-1tpvz53.svelte-1tpvz53{white-space:pre-wrap;margin:5px auto;padding:5px;border-radius:5px}.msg_thread.svelte-1tpvz53 .chat_msg.svelte-1tpvz53{margin-left:0px;background-color:rgb(210, 210, 210);max-width:80%}#chat_box .chat_msg.svelte-1tpvz53 p.svelte-1tpvz53{padding:0px}#chat_box .chat_msg.svelte-1tpvz53 p.name.svelte-1tpvz53{margin:0px;font-size:12px;color:rgb(100, 100, 100)}.chat_msg.svelte-1tpvz53 p.msg.svelte-1tpvz53{margin:5px 0px}.chat_msg.me.svelte-1tpvz53.svelte-1tpvz53{margin-right:0px;margin-left:auto;background-color:rgb(210, 110, 10)}.chat_msg.me.svelte-1tpvz53 p.name.svelte-1tpvz53{display:none}.chat_msg.SERVER.svelte-1tpvz53.svelte-1tpvz53{margin-left:auto;background-color:transparent}#chat_box .chat_msg.SERVER.svelte-1tpvz53 p.name.svelte-1tpvz53{display:none}.chat_msg.SERVER.svelte-1tpvz53 p.msg.svelte-1tpvz53{margin:0px auto;font-size:12px;color:rgb(100, 100, 100)}button.svelte-1xlp56i.svelte-1xlp56i{display:flex;padding:0px;margin:auto;width:100%;cursor:pointer;outline:none;border:none;background-color:rgb(220, 220, 220)}button.svelte-1xlp56i p.svelte-1xlp56i{width:100%;margin:auto;text-align:center}button.svelte-1xlp56i.svelte-1xlp56i:hover{background-color:rgb(200, 200, 200)}button.svelte-1xlp56i.svelte-1xlp56i:active{background-color:rgb(190, 190, 190)}button.list.svelte-1xlp56i.svelte-1xlp56i:not(:hover){background-color:rgb(240, 240, 240)}button.list.svelte-1xlp56i p.svelte-1xlp56i{text-align:left}button.transparent.svelte-1xlp56i.svelte-1xlp56i:not(:hover){background-color:transparent}button.deactivate.svelte-1xlp56i.svelte-1xlp56i{background-color:transparent;pointer-events:none}#chat_box button.icon.svelte-1xlp56i p.svelte-1xlp56i{display:none}button.icon.svelte-1xlp56i.svelte-1xlp56i:not(:hover){background-color:transparent}button.icon.svelte-1xlp56i.svelte-1xlp56i{width:30px;height:100%;padding:0px}button.dots.svelte-1xlp56i.svelte-1xlp56i::after{content:'\2807';font-size:20px;position:absolute;top:50%;left:0px;width:100%;height:auto;text-align:center;transform:translateY(-50%);cursor:pointer}button.close.svelte-1xlp56i.svelte-1xlp56i::before{content:"";position:absolute;top:calc(50% - 1px);left:5px;width:20px;height:2px;background-color:black}button.back.svelte-1xlp56i.svelte-1xlp56i::before{content:"";position:absolute;top:calc(50% - 6px - 1px);left:6px;width:14px;height:14px;border-left:1px solid black;border-bottom:1px solid black;transform:rotate(45deg)}.panel_msg.svelte-8ieev5.svelte-8ieev5{flex-direction:column-reverse;overflow:scroll;border:1px solid black}.msg_thread.svelte-8ieev5.svelte-8ieev5{flex-direction:column;width:100%;padding:0px 5px;margin-bottom:0px}.chat_msg.svelte-8ieev5.svelte-8ieev5{white-space:pre-wrap;margin:5px auto;padding:5px;border-radius:5px}.msg_thread.svelte-8ieev5 .chat_msg.svelte-8ieev5{margin-left:0px;background-color:rgb(210, 210, 210);max-width:80%}#chat_box .chat_msg.svelte-8ieev5 p.svelte-8ieev5{padding:0px}#chat_box .chat_msg.svelte-8ieev5 p.name.svelte-8ieev5{margin:0px;font-size:12px;color:rgb(100, 100, 100)}.chat_msg.svelte-8ieev5 p.msg.svelte-8ieev5{margin:5px 0px}.chat_msg.me.svelte-8ieev5.svelte-8ieev5{margin-right:0px;margin-left:auto;background-color:rgb(210, 110, 10)}.chat_msg.me.svelte-8ieev5 p.name.svelte-8ieev5{display:none}.chat_msg.SERVER.svelte-8ieev5.svelte-8ieev5{margin-left:auto;background-color:transparent}#chat_box .chat_msg.SERVER.svelte-8ieev5 p.name.svelte-8ieev5{display:none}.chat_msg.SERVER.svelte-8ieev5 p.msg.svelte-8ieev5{margin:0px auto;font-size:12px;color:rgb(100, 100, 100)}

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

@@ -3477,7 +3477,7 @@ var app = (function () {
return block; return block;
} }
// (50:1) <Button my_class="send"> // (66:1) <Button my_class="send">
function create_default_slot$3(ctx) { function create_default_slot$3(ctx) {
let t; let t;
@@ -3497,7 +3497,7 @@ var app = (function () {
block, block,
id: create_default_slot$3.name, id: create_default_slot$3.name,
type: "slot", type: "slot",
source: "(50:1) <Button my_class=\\\"send\\\">", source: "(66:1) <Button my_class=\\\"send\\\">",
ctx ctx
}); });
@@ -3505,7 +3505,7 @@ var app = (function () {
} }
function create_fragment$e(ctx) { function create_fragment$e(ctx) {
let div6; let div10;
let button0; let button0;
let updating_layout; let updating_layout;
let t0; let t0;
@@ -3515,21 +3515,44 @@ var app = (function () {
let button2; let button2;
let updating_layout_2; let updating_layout_2;
let t2; let t2;
let div3; let div7;
let div2; let div6;
let div0; let div0;
let p0; let p0;
let t4; let t4;
let p1; let p1;
let t5;
let br;
let t6; let t6;
let t7;
let div1; let div1;
let p2; let p2;
let t8; let t9;
let p3; let p3;
let t10;
let div5;
let div4;
let t11; let t11;
let div2;
let p4;
let t13;
let p5;
let t15;
let div3;
let p6;
let t17;
let p7;
let t19;
let div4;
let p8;
let t21;
let p9;
let t23;
let div5;
let p10;
let t25;
let p11;
let t27;
let div9;
let div8;
let t28;
let button3; let button3;
let current; let current;
@@ -3599,87 +3622,163 @@ var app = (function () {
const block = { const block = {
c: function create() { c: function create() {
div6 = element("div"); div10 = element("div");
create_component(button0.$$.fragment); create_component(button0.$$.fragment);
t0 = space(); t0 = space();
create_component(button1.$$.fragment); create_component(button1.$$.fragment);
t1 = space(); t1 = space();
create_component(button2.$$.fragment); create_component(button2.$$.fragment);
t2 = space(); t2 = space();
div3 = element("div"); div7 = element("div");
div2 = element("div"); div6 = element("div");
div0 = element("div"); div0 = element("div");
p0 = element("p"); p0 = element("p");
p0.textContent = "bob"; p0.textContent = "bob";
t4 = space(); t4 = space();
p1 = element("p"); p1 = element("p");
p1.textContent = "hello"; t5 = text("hello hello");
t6 = space(); br = element("br");
t6 = text("hello hello hello hello");
t7 = space();
div1 = element("div"); div1 = element("div");
p2 = element("p"); p2 = element("p");
p2.textContent = "me"; p2.textContent = "me";
t8 = space(); t9 = space();
p3 = element("p"); p3 = element("p");
p3.textContent = "hello"; p3.textContent = "hello";
t10 = space();
div5 = element("div");
div4 = element("div");
t11 = space(); t11 = space();
div2 = element("div");
p4 = element("p");
p4.textContent = "bob";
t13 = space();
p5 = element("p");
p5.textContent = "hello";
t15 = space();
div3 = element("div");
p6 = element("p");
p6.textContent = "me";
t17 = space();
p7 = element("p");
p7.textContent = "hello";
t19 = space();
div4 = element("div");
p8 = element("p");
p8.textContent = "bob";
t21 = space();
p9 = element("p");
p9.textContent = "hello";
t23 = space();
div5 = element("div");
p10 = element("p");
p10.textContent = "me";
t25 = space();
p11 = element("p");
p11.textContent = "hello";
t27 = space();
div9 = element("div");
div8 = element("div");
t28 = space();
create_component(button3.$$.fragment); create_component(button3.$$.fragment);
attr_dev(p0, "class", "name"); attr_dev(p0, "class", "name svelte-1tpvz53");
add_location(p0, file$d, 31, 4, 693); add_location(p0, file$d, 31, 4, 636);
attr_dev(p1, "class", "msg"); add_location(br, file$d, 32, 30, 690);
add_location(p1, file$d, 32, 4, 721); attr_dev(p1, "class", "msg svelte-1tpvz53");
attr_dev(div0, "class", "chat_msg bob"); add_location(p1, file$d, 32, 4, 664);
add_location(div0, file$d, 30, 3, 662); attr_dev(div0, "class", "chat_msg blub svelte-1tpvz53");
attr_dev(p2, "class", "name"); add_location(div0, file$d, 30, 3, 604);
add_location(p2, file$d, 35, 4, 789); attr_dev(p2, "class", "name svelte-1tpvz53");
attr_dev(p3, "class", "msg"); add_location(p2, file$d, 35, 4, 767);
add_location(p3, file$d, 36, 4, 816); attr_dev(p3, "class", "msg svelte-1tpvz53");
attr_dev(div1, "class", "chat_msg me"); add_location(p3, file$d, 36, 4, 794);
add_location(div1, file$d, 34, 3, 759); attr_dev(div1, "class", "chat_msg blob svelte-1tpvz53");
attr_dev(div2, "id", "chat_api_msg_thread"); add_location(div1, file$d, 34, 3, 735);
attr_dev(div2, "class", "chat_api"); attr_dev(p4, "class", "name svelte-1tpvz53");
add_location(div2, file$d, 27, 2, 569); add_location(p4, file$d, 39, 4, 862);
attr_dev(div3, "class", "chat_item chat_panel chat_panel_msg"); attr_dev(p5, "class", "msg svelte-1tpvz53");
attr_dev(div3, "id", "chat_panel_msg"); add_location(p5, file$d, 40, 4, 890);
add_location(div3, file$d, 26, 1, 497); attr_dev(div2, "class", "chat_msg me svelte-1tpvz53");
attr_dev(div4, "class", "text_area svelte-ydvtcr"); add_location(div2, file$d, 38, 3, 832);
attr_dev(div4, "id", "chat_msg_write"); attr_dev(p6, "class", "name svelte-1tpvz53");
attr_dev(div4, "contenteditable", "true"); add_location(p6, file$d, 43, 4, 958);
add_location(div4, file$d, 44, 2, 954); attr_dev(p7, "class", "msg svelte-1tpvz53");
attr_dev(div5, "class", "chat_panel panel_write svelte-ydvtcr"); add_location(p7, file$d, 44, 4, 985);
add_location(div5, file$d, 43, 1, 915); attr_dev(div3, "class", "chat_msg me svelte-1tpvz53");
attr_dev(div6, "class", "grid_box svelte-ydvtcr"); add_location(div3, file$d, 42, 3, 928);
add_location(div6, file$d, 8, 0, 109); attr_dev(p8, "class", "name svelte-1tpvz53");
add_location(p8, file$d, 47, 4, 1055);
attr_dev(p9, "class", "msg svelte-1tpvz53");
add_location(p9, file$d, 48, 4, 1083);
attr_dev(div4, "class", "chat_msg bleb svelte-1tpvz53");
add_location(div4, file$d, 46, 3, 1023);
attr_dev(p10, "class", "name svelte-1tpvz53");
add_location(p10, file$d, 51, 4, 1155);
attr_dev(p11, "class", "msg svelte-1tpvz53");
add_location(p11, file$d, 52, 4, 1182);
attr_dev(div5, "class", "chat_msg SERVER svelte-1tpvz53");
add_location(div5, file$d, 50, 3, 1121);
attr_dev(div6, "class", "msg_thread svelte-1tpvz53");
add_location(div6, file$d, 27, 2, 534);
attr_dev(div7, "class", "chat_panel panel_msg svelte-1tpvz53");
add_location(div7, file$d, 26, 1, 497);
attr_dev(div8, "class", "text_area svelte-1tpvz53");
attr_dev(div8, "id", "chat_msg_write");
attr_dev(div8, "contenteditable", "true");
add_location(div8, file$d, 60, 2, 1320);
attr_dev(div9, "class", "chat_panel panel_write svelte-1tpvz53");
add_location(div9, file$d, 59, 1, 1281);
attr_dev(div10, "class", "grid_box svelte-1tpvz53");
add_location(div10, file$d, 8, 0, 109);
}, },
l: function claim(nodes) { l: function claim(nodes) {
throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
}, },
m: function mount(target, anchor) { m: function mount(target, anchor) {
insert_dev(target, div6, anchor); insert_dev(target, div10, anchor);
mount_component(button0, div6, null); mount_component(button0, div10, null);
append_dev(div6, t0); append_dev(div10, t0);
mount_component(button1, div6, null); mount_component(button1, div10, null);
append_dev(div6, t1); append_dev(div10, t1);
mount_component(button2, div6, null); mount_component(button2, div10, null);
append_dev(div6, t2); append_dev(div10, t2);
append_dev(div6, div3); append_dev(div10, div7);
append_dev(div3, div2); append_dev(div7, div6);
append_dev(div2, div0); append_dev(div6, div0);
append_dev(div0, p0); append_dev(div0, p0);
append_dev(div0, t4); append_dev(div0, t4);
append_dev(div0, p1); append_dev(div0, p1);
append_dev(div2, t6); append_dev(p1, t5);
append_dev(div2, div1); append_dev(p1, br);
append_dev(p1, t6);
append_dev(div6, t7);
append_dev(div6, div1);
append_dev(div1, p2); append_dev(div1, p2);
append_dev(div1, t8); append_dev(div1, t9);
append_dev(div1, p3); append_dev(div1, p3);
append_dev(div6, t10);
append_dev(div6, div5);
append_dev(div5, div4);
append_dev(div6, t11); append_dev(div6, t11);
mount_component(button3, div6, null); append_dev(div6, div2);
append_dev(div2, p4);
append_dev(div2, t13);
append_dev(div2, p5);
append_dev(div6, t15);
append_dev(div6, div3);
append_dev(div3, p6);
append_dev(div3, t17);
append_dev(div3, p7);
append_dev(div6, t19);
append_dev(div6, div4);
append_dev(div4, p8);
append_dev(div4, t21);
append_dev(div4, p9);
append_dev(div6, t23);
append_dev(div6, div5);
append_dev(div5, p10);
append_dev(div5, t25);
append_dev(div5, p11);
append_dev(div10, t27);
append_dev(div10, div9);
append_dev(div9, div8);
append_dev(div10, t28);
mount_component(button3, div10, null);
current = true; current = true;
}, },
p: function update(ctx, [dirty]) { p: function update(ctx, [dirty]) {
@@ -3748,7 +3847,7 @@ var app = (function () {
current = false; current = false;
}, },
d: function destroy(detaching) { d: function destroy(detaching) {
if (detaching) detach_dev(div6); if (detaching) detach_dev(div10);
destroy_component(button0); destroy_component(button0);
destroy_component(button1); destroy_component(button1);
destroy_component(button2); destroy_component(button2);
@@ -3882,7 +3981,7 @@ var app = (function () {
c: function create() { c: function create() {
div = element("div"); div = element("div");
create_component(button.$$.fragment); create_component(button.$$.fragment);
attr_dev(div, "class", "grid_box svelte-1njtw54"); attr_dev(div, "class", "grid_box svelte-1dtfh68");
add_location(div, file$c, 42, 2, 938); add_location(div, file$c, 42, 2, 938);
}, },
m: function mount(target, anchor) { m: function mount(target, anchor) {
@@ -4108,7 +4207,7 @@ var app = (function () {
c: function create() { c: function create() {
div = element("div"); div = element("div");
if_block.c(); if_block.c();
attr_dev(div, "class", div_class_value = "" + (null_to_empty(/*layout*/ ctx[1]) + " svelte-1njtw54")); attr_dev(div, "class", div_class_value = "" + (null_to_empty(/*layout*/ ctx[1]) + " svelte-1dtfh68"));
attr_dev(div, "id", "chat_box"); attr_dev(div, "id", "chat_box");
set_style(div, "background-color", /*color*/ ctx[0]); set_style(div, "background-color", /*color*/ ctx[0]);
add_location(div, file$c, 33, 0, 723); add_location(div, file$c, 33, 0, 723);
@@ -4148,7 +4247,7 @@ var app = (function () {
if_block.m(div, null); if_block.m(div, null);
} }
if (!current || dirty & /*layout*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(/*layout*/ ctx[1]) + " svelte-1njtw54"))) { if (!current || dirty & /*layout*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(/*layout*/ ctx[1]) + " svelte-1dtfh68"))) {
attr_dev(div, "class", div_class_value); attr_dev(div, "class", div_class_value);
} }

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

File diff suppressed because one or more lines are too long

29
srcs/requirements/svelte/api_front/src/pieces/chat/Chat.svelte
View File

@@ -93,24 +93,25 @@
/* * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * *
GLOBAL STYLES GLOBAL STYLES
* * * * * * * * */ */
/* all grid elements names /* all grid elements names
:global(#chat_box #chat ){grid-area: chat;} :global(#chat_box #chat ){grid-area: chat;}
:global(#chat_box #close ){grid-area: close;} :global(#chat_box #close ){grid-area: close;}
:global(#chat_box #new ){grid-area: new;} :global(#chat_box #new ){grid-area: new;}
:global(#chat_box #settings ){grid-area: settings;} :global(#chat_box #settings ){grid-area: settings;}
:global(#chat_box #room_name ){grid-area: room_name;} :global(#chat_box #room_name ){grid-area: room_name;}
:global(#chat_box #send ){grid-area: send;} :global(#chat_box #send ){grid-area: send;}
:global(#chat_box #create ){grid-area: create;} :global(#chat_box #create ){grid-area: create;}
:global(#chat_box #user ){grid-area: user;} :global(#chat_box #user ){grid-area: user;}
:global(#chat_box #back ){grid-area: back;} :global(#chat_box #back ){grid-area: back;}
:global(#chat_box #panel_home ){grid-area: panel_home;} :global(#chat_box #panel_home ){grid-area: panel_home;}
:global(#chat_box #panel_new ){grid-area: panel_new;} :global(#chat_box #panel_new ){grid-area: panel_new;}
:global(#chat_box #panel_msg ){grid-area: panel_msg;} :global(#chat_box #panel_msg ){grid-area: panel_msg;}
:global(#chat_box #panel_write ){grid-area: panel_write;} :global(#chat_box #panel_write ){grid-area: panel_write;}
:global(#chat_box #panel_settings ){grid-area: panel_settings;} :global(#chat_box #panel_settings ){grid-area: panel_settings;}
:global(#chat_box #panel_room_set ){grid-area: panel_room_set;} :global(#chat_box #panel_room_set ){grid-area: panel_room_set;}
:global(#chat_box #panel_protected ){grid-area: panel_protected;} :global(#chat_box #panel_protected ){grid-area: panel_protected;}
@@ -119,6 +120,16 @@
:global(#chat_box #panel_mute ){grid-area: panel_mute;} :global(#chat_box #panel_mute ){grid-area: panel_mute;}
*/ */
/* Hide scrollbar
*/
#chat_box :global(*) {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
#chat_box :global(*::-webkit-scrollbar) {
display: none; /* Chrome, Safari and Opera */
}
/* for grid_box and all childrens /* for grid_box and all childrens
*/ */
#chat_box :global(.grid_box) { #chat_box :global(.grid_box) {
@@ -151,9 +162,9 @@
/* * * * * * * * * * /* * * * * * * * * * * * * * * * * * * * *
GLOBAL UTILITIES GLOBAL UTILITIES
* * * * * * * * * */ */
/* show child only if it's alone /* show child only if it's alone
*/ */

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

@@ -24,11 +24,19 @@
</Button> </Button>
<!-- MSG --> <!-- MSG -->
<div class="chat_item chat_panel chat_panel_msg" id="chat_panel_msg"> <div class="chat_panel panel_msg">
<div id="chat_api_msg_thread" class="chat_api"> <div class="msg_thread">
<!-- placeholders <!-- placeholders
------------- --> ------------- -->
<div class="chat_msg bob"> <div class="chat_msg blub">
<p class="name">bob</p>
<p class="msg">hello hello<br>hello hello hello hello</p>
</div>
<div class="chat_msg blob">
<p class="name">me</p>
<p class="msg">hello</p>
</div>
<div class="chat_msg me">
<p class="name">bob</p> <p class="name">bob</p>
<p class="msg">hello</p> <p class="msg">hello</p>
</div> </div>
@@ -36,6 +44,14 @@
<p class="name">me</p> <p class="name">me</p>
<p class="msg">hello</p> <p class="msg">hello</p>
</div> </div>
<div class="chat_msg bleb">
<p class="name">bob</p>
<p class="msg">hello</p>
</div>
<div class="chat_msg SERVER">
<p class="name">me</p>
<p class="msg">hello</p>
</div>
<!-- END placeholders --> <!-- END placeholders -->
</div> </div>
</div> </div>
@@ -107,6 +123,68 @@
} }
/* msg area
*/
.panel_msg {
flex-direction: column-reverse;
overflow: scroll;
border: 1px solid black;
}
.msg_thread {
flex-direction: column;
width: 100%;
padding: 0px 5px;
margin-bottom: 0px;
}
.chat_msg {
white-space: pre-wrap;
margin: 5px auto;
padding: 5px;
border-radius: 5px;
}
/* all msg
*/
.msg_thread .chat_msg {
margin-left: 0px;
background-color: rgb(210, 210, 210);
max-width: 80%;
}
:global(#chat_box) .chat_msg p {
padding: 0px;
}
:global(#chat_box) .chat_msg p.name {
margin: 0px;
font-size: 12px;
color: rgb(100, 100, 100);
}
.chat_msg p.msg {
margin: 5px 0px;
}
/* msg perso
*/
.chat_msg.me {
margin-right: 0px;
margin-left: auto;
background-color: rgb(210, 110, 10);
}
.chat_msg.me p.name {
display: none;
}
/* msg server
*/
.chat_msg.SERVER {
margin-left: auto;
background-color: transparent;
}
:global(#chat_box) .chat_msg.SERVER p.name {
display: none;
}
.chat_msg.SERVER p.msg {
margin: 0px auto;
font-size: 12px;
color: rgb(100, 100, 100);
}
</style> </style>

11
srcs/requirements/svelte/api_front/src/styles/chat/chat__global.css
View File

@@ -1,16 +1,5 @@
/* Hide scrollbar
*/
#chat_box * {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
#chat_box *::-webkit-scrollbar {
display: none; /* Chrome, Safari and Opera */
}
/* separation line under controls /* separation line under controls
*/ */
#chat_box .chat_item.chat_panel { #chat_box .chat_item.chat_panel {

75
srcs/requirements/svelte/api_front/src/styles/chat/chat_msg.css
View File

@@ -1,75 +0,0 @@
#chat_box #chat_panel_msg {
flex-direction: column-reverse;
overflow: scroll;
border: 1px solid black;
}
#chat_box #chat_panel_msg #chat_api_msg_thread {
flex-direction: column;
width: 100%;
padding: 0px 5px;
margin-bottom: 0px;
}
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg {
white-space: pre-wrap;
margin: 5px auto;
padding: 5px;
border-radius: 5px;
}
/* * * * * * * * * * * * * *
ALL MSG
*/
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg {
margin-left: 0px;
background-color: rgb(210, 210, 210);
max-width: 80%;
}
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg p {
padding: 0px;
}
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg p.name {
margin: 0px;
margin-bottom: 5px;
font-size: 12px;
color: rgb(100, 100, 100);
}
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg p.msg {
/*
margin: 5px 0px;
line-height: 8px;
*/
}
/* * * * * * * * * * * * * *
MSG PERSO
*/
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg.me {
margin-right: 0px;
margin-left: auto;
background-color: rgb(210, 110, 10);
}
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg.me p.name {
display: none;
}
/* * * * * * * * * * * * * *
MSG SERVER
*/
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg.SERVER {
margin-left: auto;
background-color: transparent;
}
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg.SERVER p.name {
display: none;
}
#chat_box #chat_panel_msg #chat_api_msg_thread .chat_msg.SERVER p.msg {
margin: 0px auto;
font-size: 12px;
color: rgb(100, 100, 100);
}