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

panel create ok

Browse Source
This commit is contained in:
simplonco
2022-12-26 11:12:03 +01:00
parent 010ecfe8c5
commit 934b54197a
5 changed files with 86 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,6 +21,6 @@ main.svelte-1cznfcz.svelte-1cznfcz{text-align:center;padding-top:40px;padding-bo
' panel_settings panel_settings panel_settings ' 1fr ' panel_settings panel_settings panel_settings ' 1fr
/ auto 1fr auto }.grid_box.svelte-1ajbzu .back {grid-area:back}.grid_box.svelte-1ajbzu .room_name {grid-area:room_name}.grid_box.svelte-1ajbzu .close {grid-area:close}.grid_box.svelte-1ajbzu .panel_protected{grid-area:panel_protected}.grid_box.svelte-1ajbzu{grid:' back room_name close ' auto / auto 1fr auto }.grid_box.svelte-1ajbzu .back {grid-area:back}.grid_box.svelte-1ajbzu .room_name {grid-area:room_name}.grid_box.svelte-1ajbzu .close {grid-area:close}.grid_box.svelte-1ajbzu .panel_protected{grid-area:panel_protected}.grid_box.svelte-1ajbzu{grid:' back room_name close ' auto
' panel_protected panel_protected panel_protected ' 1fr ' panel_protected panel_protected panel_protected ' 1fr
/ auto 1fr auto }.grid_box.svelte-1n3bch5 back {grid-area:back}.grid_box.svelte-1n3bch5 create {grid-area:create}.grid_box.svelte-1n3bch5 close {grid-area:close}.grid_box.svelte-1n3bch5 panel_create{grid-area:panel_create}.grid_box.svelte-1n3bch5{grid:' back create close ' auto / auto 1fr auto }.grid_box.svelte-erob95 .back {grid-area:back}.grid_box.svelte-erob95 .create {grid-area:create}.grid_box.svelte-erob95 .close {grid-area:close}.grid_box.svelte-erob95 .panel_create{grid-area:panel_create}.grid_box.svelte-erob95.svelte-erob95.svelte-erob95{grid:' back create close ' auto
' panel_create panel_create panel_create ' 1fr ' panel_create panel_create panel_create ' 1fr
/ auto 1fr auto } / auto 1fr auto }#chat_box form.svelte-erob95 input[type=radio].svelte-erob95.svelte-erob95{display:none}form.svelte-erob95 label._radio.svelte-erob95.svelte-erob95{margin:0px 20px 0px auto;padding-right:10px;cursor:pointer}form.svelte-erob95 label._radio p.svelte-erob95.svelte-erob95{margin-top:0px;margin-bottom:0px}form.svelte-erob95 label._radio.svelte-erob95.svelte-erob95::after{content:"";position:absolute;top:calc(50% - 6px);right:0px;width:12px;height:12px;border-radius:6px;border:2px solid rgb(150, 150, 150);box-sizing:border-box;cursor:pointer}form.svelte-erob95 input[type=radio].svelte-erob95:checked+label._radio.svelte-erob95::after{background-color:rgb(200, 200, 200)}#chat_box form ._check_change_next:checked~._is_hidden.svelte-erob95.svelte-erob95.svelte-erob95{display:flex}#chat_box form.svelte-erob95 ._is_hidden.svelte-erob95.svelte-erob95{display:none}

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

@@ -6602,7 +6602,7 @@ var app = (function () {
form = element("form"); form = element("form");
label0 = element("label"); label0 = element("label");
p0 = element("p"); p0 = element("p");
p0.textContent = "name :"; p0.textContent = "new room name :";
t4 = space(); t4 = space();
input0 = element("input"); input0 = element("input");
t5 = space(); t5 = space();
@@ -6637,58 +6637,67 @@ var app = (function () {
input5 = element("input"); input5 = element("input");
t20 = space(); t20 = space();
input6 = element("input"); input6 = element("input");
attr_dev(p0, "class", "svelte-erob95");
add_location(p0, file$d, 30, 26, 546); add_location(p0, file$d, 30, 26, 546);
attr_dev(label0, "for", "chat_name"); attr_dev(label0, "for", "chat_name");
add_location(label0, file$d, 30, 3, 523); add_location(label0, file$d, 30, 3, 523);
attr_dev(input0, "id", "chat_name"); attr_dev(input0, "id", "chat_name");
input0.required = true; input0.required = true;
add_location(input0, file$d, 31, 3, 571); add_location(input0, file$d, 31, 3, 580);
attr_dev(input1, "id", "chat_public"); attr_dev(input1, "id", "chat_public");
attr_dev(input1, "type", "radio"); attr_dev(input1, "type", "radio");
attr_dev(input1, "name", "chat_create_type"); attr_dev(input1, "name", "chat_create_type");
input1.checked = true; input1.checked = true;
add_location(input1, file$d, 33, 3, 629); attr_dev(input1, "class", "svelte-erob95");
add_location(p1, file$d, 34, 43, 743); add_location(input1, file$d, 33, 3, 638);
attr_dev(p1, "class", "svelte-erob95");
add_location(p1, file$d, 34, 43, 752);
attr_dev(label1, "for", "chat_public"); attr_dev(label1, "for", "chat_public");
attr_dev(label1, "class", "_radio"); attr_dev(label1, "class", "_radio svelte-erob95");
add_location(label1, file$d, 34, 3, 703); add_location(label1, file$d, 34, 3, 712);
attr_dev(input2, "id", "chat_private"); attr_dev(input2, "id", "chat_private");
attr_dev(input2, "type", "radio"); attr_dev(input2, "type", "radio");
attr_dev(input2, "name", "chat_create_type"); attr_dev(input2, "name", "chat_create_type");
add_location(input2, file$d, 36, 3, 792); attr_dev(input2, "class", "svelte-erob95");
add_location(p2, file$d, 37, 44, 900); add_location(input2, file$d, 36, 3, 801);
attr_dev(p2, "class", "svelte-erob95");
add_location(p2, file$d, 37, 44, 909);
attr_dev(label2, "for", "chat_private"); attr_dev(label2, "for", "chat_private");
attr_dev(label2, "class", "_radio"); attr_dev(label2, "class", "_radio svelte-erob95");
add_location(label2, file$d, 37, 3, 859); add_location(label2, file$d, 37, 3, 868);
attr_dev(input3, "id", "chat_protected"); attr_dev(input3, "id", "chat_protected");
attr_dev(input3, "class", "_check_change_next"); attr_dev(input3, "class", "_check_change_next svelte-erob95");
attr_dev(input3, "type", "radio"); attr_dev(input3, "type", "radio");
attr_dev(input3, "name", "chat_create_type"); attr_dev(input3, "name", "chat_create_type");
add_location(input3, file$d, 39, 3, 952); add_location(input3, file$d, 39, 3, 961);
add_location(p3, file$d, 40, 46, 1091); attr_dev(p3, "class", "svelte-erob95");
add_location(p3, file$d, 40, 46, 1100);
attr_dev(label3, "for", "chat_protected"); attr_dev(label3, "for", "chat_protected");
attr_dev(label3, "class", "_radio"); attr_dev(label3, "class", "_radio svelte-erob95");
add_location(label3, file$d, 40, 3, 1048); add_location(label3, file$d, 40, 3, 1057);
add_location(p4, file$d, 43, 27, 1207); attr_dev(p4, "class", "svelte-erob95");
add_location(p4, file$d, 43, 27, 1216);
attr_dev(label4, "for", "chat_pswd"); attr_dev(label4, "for", "chat_pswd");
add_location(label4, file$d, 43, 4, 1184); add_location(label4, file$d, 43, 4, 1193);
attr_dev(input4, "id", "chat_pswd"); attr_dev(input4, "id", "chat_pswd");
attr_dev(input4, "type", "password"); attr_dev(input4, "type", "password");
attr_dev(input4, "placeholder", "minimum 8 characters"); attr_dev(input4, "placeholder", "minimum 8 characters");
attr_dev(input4, "minlength", "8"); attr_dev(input4, "minlength", "8");
add_location(input4, file$d, 44, 4, 1246); add_location(input4, file$d, 44, 4, 1255);
add_location(p5, file$d, 45, 4, 1339); attr_dev(p5, "class", "svelte-erob95");
add_location(p5, file$d, 45, 4, 1348);
attr_dev(input5, "type", "password"); attr_dev(input5, "type", "password");
add_location(input5, file$d, 46, 4, 1369); add_location(input5, file$d, 46, 4, 1378);
attr_dev(div0, "class", "__content _is_hidden"); attr_dev(div0, "class", "__content _is_hidden svelte-erob95");
add_location(div0, file$d, 42, 3, 1145); add_location(div0, file$d, 42, 3, 1154);
attr_dev(input6, "type", "submit"); attr_dev(input6, "type", "submit");
input6.value = "⮡"; input6.value = "⮡";
add_location(input6, file$d, 48, 3, 1406); add_location(input6, file$d, 48, 3, 1415);
attr_dev(form, "class", "svelte-erob95");
add_location(form, file$d, 28, 2, 495); add_location(form, file$d, 28, 2, 495);
attr_dev(div1, "class", "panel panel_create"); attr_dev(div1, "class", "panel panel_create");
add_location(div1, file$d, 27, 1, 460); add_location(div1, file$d, 27, 1, 460);
attr_dev(div2, "class", "grid_box svelte-1n3bch5"); attr_dev(div2, "class", "grid_box svelte-erob95");
add_location(div2, file$d, 9, 0, 115); add_location(div2, file$d, 9, 0, 115);
}, },
l: function claim(nodes) { l: function claim(nodes) {

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

File diff suppressed because one or more lines are too long

55
srcs/requirements/svelte/api_front/src/pieces/chat/Layout_create.svelte
View File

@@ -28,7 +28,7 @@
<div class="panel panel_create"> <div class="panel panel_create">
<form> <form>
<!-- name: --> <!-- name: -->
<label for="chat_name"><p>name :</p></label> <label for="chat_name"><p>new room name :</p></label>
<input id="chat_name" required> <input id="chat_name" required>
<!-- [ ] pubic --> <!-- [ ] pubic -->
<input id="chat_public" type="radio" name="chat_create_type" checked> <input id="chat_public" type="radio" name="chat_create_type" checked>
@@ -57,10 +57,10 @@
/* grid layout "create" /* grid layout "create"
*/ */
.grid_box :global(back ) {grid-area: back;} .grid_box :global(.back ) {grid-area: back;}
.grid_box :global(create ) {grid-area: create;} .grid_box :global(.create ) {grid-area: create;}
.grid_box :global(close ) {grid-area: close;} .grid_box :global(.close ) {grid-area: close;}
.grid_box :global(panel_create) {grid-area: panel_create;} .grid_box :global(.panel_create) {grid-area: panel_create;}
.grid_box { .grid_box {
grid: grid:
' back create close ' auto ' back create close ' auto
@@ -69,6 +69,51 @@
} }
/* radio elements style check
*/
:global(#chat_box) form input[type=radio] {
display: none;
}
form label._radio {
margin: 0px 20px 0px auto;
padding-right: 10px;
cursor: pointer;
}
form label._radio p {
margin-top: 0px;
margin-bottom: 0px;
}
form label._radio::after {
content: "";
position: absolute;
top: calc(50% - 6px);
right: 0px;
width: 12px;
height: 12px;
border-radius: 6px;
border: 2px solid rgb(150, 150, 150);
box-sizing: border-box;
cursor: pointer;
}
form input[type=radio]:checked
+ label._radio::after {
background-color: rgb(200, 200, 200);
}
/* change next element on check
*/
:global(#chat_box) form ._check_change_next:checked ~ ._is_hidden {
display: flex;
}
:global(#chat_box) form ._check_change_next:checked ~ ._is_not_gray {
pointer-events: none;
color: rgb(100, 100, 100);
}
:global(#chat_box) form ._is_hidden {
display: none;
}
</style> </style>

51
srcs/requirements/svelte/api_front/src/styles/chat/chat_form.css
View File

@@ -1,55 +1,4 @@
/* default element take all space on each line
*/
#chat_box .chat_item form {
margin: 0px auto;
}
#chat_box .chat_item form * {
margin: 0px;
}
/* radio elements style check
*/
#chat_box .chat_item form input[type=radio] {
display: none;
}
#chat_box .chat_item form label._radio {
margin: 0px 0px 0px auto;
padding-right: 10px;
cursor: pointer;
}
#chat_box .chat_item form label._radio::after {
content: "";
position: absolute;
top: calc(50% - 6px);
right: 0px;
width: 12px;
height: 12px;
border-radius: 6px;
border: 2px solid rgb(150, 150, 150);
box-sizing: border-box;
cursor: pointer;
}
#chat_box .chat_item form input[type=radio]:checked
+ label._radio::after {
background-color: rgb(200, 200, 200);
}
/* change next element on check
*/
#chat_box form ._check_change_next:checked ~ ._is_hidden {
display: flex;
}
#chat_box form ._check_change_next:checked ~ ._is_not_gray {
pointer-events: none;
color: rgb(100, 100, 100);
}
#chat_box form ._is_hidden {
display: none;
}
/* submit button /* submit button
https://www.fileformat.info/info/unicode/category/So/list.htm https://www.fileformat.info/info/unicode/category/So/list.htm