wip chat test bind child component
This commit is contained in:
simplonco
@@ -1,10 +1,10 @@
|
|||||||
header.svelte-7t4byu.svelte-7t4byu{overflow-y:hidden}.grid-container.svelte-7t4byu.svelte-7t4byu{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;white-space:nowrap;margin-bottom:0px;overflow:hidden;padding:20px 40px;margin:0px;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:1fr 1fr 1fr 1fr 1fr;align-items:center}header.svelte-7t4byu h1.svelte-7t4byu{grid-column:1 / 7;grid-row:1;padding:20px;border:1px solid bisque}header.svelte-7t4byu nav.svelte-7t4byu{grid-column:7 / 13;grid-row:1;justify-self:end;padding:20px;border:1px solid bisque}header.svelte-7t4byu h2.svelte-7t4byu{grid-row:3;grid-column:5 / span 4;justify-self:center;border:1px solid black;z-index:3}header.svelte-7t4byu h2 div.svelte-7t4byu{font-size:2em}nav.svelte-7t4byu div.svelte-7t4byu{display:inline;color:bisque;font-weight:bold}nav.svelte-7t4byu>div.svelte-7t4byu{padding-left:1em}nav.svelte-7t4byu div.svelte-7t4byu:hover{text-decoration:underline;cursor:pointer}main.svelte-1cznfcz.svelte-1cznfcz{text-align:center;padding-top:40px;padding-bottom:40px}form.svelte-1cznfcz.svelte-1cznfcz{padding-top:15px}form.svelte-1cznfcz input.svelte-1cznfcz{max-width:330px}.error.svelte-1cznfcz.svelte-1cznfcz{font-weight:bold;font-size:0.8em;color:red}div.wrapper.svelte-1q8uute{display:flexbox;align-items:center}div.wrapper.svelte-1q8uute{display:flexbox;align-items:center}canvas.svelte-1bstsd0{width:100%;height:100%;background-color:#666}@font-face{font-family:'Bondi';src:url('/fonts/Bondi.ttf.woff') format('woff'),
|
header.svelte-7t4byu.svelte-7t4byu{overflow-y:hidden}.grid-container.svelte-7t4byu.svelte-7t4byu{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;white-space:nowrap;margin-bottom:0px;overflow:hidden;padding:20px 40px;margin:0px;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:1fr 1fr 1fr 1fr 1fr;align-items:center}header.svelte-7t4byu h1.svelte-7t4byu{grid-column:1 / 7;grid-row:1;padding:20px;border:1px solid bisque}header.svelte-7t4byu nav.svelte-7t4byu{grid-column:7 / 13;grid-row:1;justify-self:end;padding:20px;border:1px solid bisque}header.svelte-7t4byu h2.svelte-7t4byu{grid-row:3;grid-column:5 / span 4;justify-self:center;border:1px solid black;z-index:3}header.svelte-7t4byu h2 div.svelte-7t4byu{font-size:2em}nav.svelte-7t4byu div.svelte-7t4byu{display:inline;color:bisque;font-weight:bold}nav.svelte-7t4byu>div.svelte-7t4byu{padding-left:1em}nav.svelte-7t4byu div.svelte-7t4byu:hover{text-decoration:underline;cursor:pointer}main.svelte-1cznfcz.svelte-1cznfcz{text-align:center;padding-top:40px;padding-bottom:40px}form.svelte-1cznfcz.svelte-1cznfcz{padding-top:15px}form.svelte-1cznfcz input.svelte-1cznfcz{max-width:330px}.error.svelte-1cznfcz.svelte-1cznfcz{font-weight:bold;font-size:0.8em;color:red}div.wrapper.svelte-1q8uute{display:flexbox;align-items:center}div.wrapper.svelte-1q8uute{display:flexbox;align-items:center}@font-face{font-family:'Bondi';src:url('/fonts/Bondi.ttf.woff') format('woff'),
|
||||||
url('/fonts/Bondi.ttf.svg#Bondi') format('svg'),
|
url('/fonts/Bondi.ttf.svg#Bondi') format('svg'),
|
||||||
url('/fonts/Bondi.ttf.eot'),
|
url('/fonts/Bondi.ttf.eot'),
|
||||||
url('/fonts/Bondi.ttf.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal}header.svelte-1gjmpio.svelte-1gjmpio{background:#618174;margin:0}header.svelte-1gjmpio.svelte-1gjmpio{position:sticky;display:grid;grid-template-columns:1fr 1fr 1fr}h1.svelte-1gjmpio.svelte-1gjmpio{font-family:'Bondi'}h1.svelte-1gjmpio.svelte-1gjmpio{margin:0;text-align:left;display:flex;justify-self:center;align-self:center}img.svelte-1gjmpio.svelte-1gjmpio{cursor:pointer;max-width:40px;padding:7px 20px;justify-self:left}nav.svelte-1gjmpio.svelte-1gjmpio{display:flex;justify-content:right}nav.svelte-1gjmpio button.svelte-1gjmpio{margin:7px 20px;border-radius:4px}div.outer.svelte-16aefqu{max-width:960px;margin:40px auto}:root{--purple:rgb(123, 31, 162);--violet:rgb(103, 58, 183);--pink:rgb(244, 143, 177)}@keyframes svelte-16aefqu-background-pan{from{background-position:0% center}to{background-position:-200% center}}@keyframes svelte-16aefqu-scale{from,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes svelte-16aefqu-rotate{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}div.top-grid.svelte-55f7si{display:grid;grid-template-columns:repeat(12, 1fr);height:85vh}div.all-users-sidebar.svelte-55f7si{grid-column:1 / span 2;background:white}div.a-user.svelte-55f7si{display:inline-block}div.status.svelte-55f7si{font-size:0.6em;font-weight:bold}div[class^="a-user"].svelte-55f7si:hover{text-decoration:underline;font-weight:bold;cursor:pointer}div.main-display.svelte-55f7si{grid-column:3 / span 10}.error.svelte-55f7si{font-size:0.8em;font-weight:bold;color:red}main.svelte-qtbld7{text-align:center}div.cards.svelte-qtbld7{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}img.svelte-qtbld7{width:60px}form.svelte-qtbld7{text-align:center}.form-field.svelte-qtbld7{padding:10px}.label.svelte-qtbld7{font-weight:bold}.inline-check.svelte-qtbld7{display:inline}.error.svelte-qtbld7{font-size:0.8em;font-weight:bold;color:red}.success.svelte-qtbld7{font-size:0.8em;font-weight:bold;color:green}div.outer.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{max-width:960px;margin:40px auto}main.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{max-width:960px;margin:40px auto;text-align:center}.avatar.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{max-width:150px}section.main-stats.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{max-width:600px;margin:40px auto;text-align:center;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr)}section.main-stats.svelte-16aefqu h4.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{grid-column:1 / span 3}div.username.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{font-size:1.5em;font-weight:bold;padding-bottom:5px}div.rank.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{font-size:1.2em;font-weight:bold}:root{--purple:rgb(123, 31, 162);--violet:rgb(103, 58, 183);--pink:rgb(244, 143, 177)}@keyframes svelte-16aefqu-background-pan{from{background-position:0% center}to{background-position:-200% center}}@keyframes svelte-16aefqu-scale{from,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes svelte-16aefqu-rotate{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}div.svelte-16aefqu>.glitter.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{display:inline-block;position:relative}div.svelte-16aefqu>.glitter.svelte-16aefqu>.glitter-star.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{--size:clamp(20px, 1.5vw, 30px);animation:svelte-16aefqu-scale 700ms ease forwards;display:block;height:var(--size);left:var(--star-left);position:absolute;top:var(--star-top);width:var(--size)}div.svelte-16aefqu>.glitter.svelte-16aefqu>.glitter-star.svelte-16aefqu>svg.svelte-16aefqu.svelte-16aefqu{animation:svelte-16aefqu-rotate 1000ms linear infinite;display:block;opacity:0.7}div.svelte-16aefqu>.glitter.svelte-16aefqu>.glitter-star.svelte-16aefqu>svg.svelte-16aefqu>path.svelte-16aefqu{fill:var(--violet)}div.svelte-16aefqu>.glitter.svelte-16aefqu>.glitter-text.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{animation:svelte-16aefqu-background-pan 3s linear infinite;background:linear-gradient(
|
url('/fonts/Bondi.ttf.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal}header.svelte-1gjmpio.svelte-1gjmpio{background:#618174;margin:0}header.svelte-1gjmpio.svelte-1gjmpio{position:sticky;display:grid;grid-template-columns:1fr 1fr 1fr}h1.svelte-1gjmpio.svelte-1gjmpio{font-family:'Bondi'}h1.svelte-1gjmpio.svelte-1gjmpio{margin:0;text-align:left;display:flex;justify-self:center;align-self:center}img.svelte-1gjmpio.svelte-1gjmpio{cursor:pointer;max-width:40px;padding:7px 20px;justify-self:left}nav.svelte-1gjmpio.svelte-1gjmpio{display:flex;justify-content:right}nav.svelte-1gjmpio button.svelte-1gjmpio{margin:7px 20px;border-radius:4px}canvas.svelte-1bstsd0{width:100%;height:100%;background-color:#666}div.top-grid.svelte-55f7si{display:grid;grid-template-columns:repeat(12, 1fr);height:85vh}div.all-users-sidebar.svelte-55f7si{grid-column:1 / span 2;background:white}div.a-user.svelte-55f7si{display:inline-block}div.status.svelte-55f7si{font-size:0.6em;font-weight:bold}div[class^="a-user"].svelte-55f7si:hover{text-decoration:underline;font-weight:bold;cursor:pointer}div.main-display.svelte-55f7si{grid-column:3 / span 10}.error.svelte-55f7si{font-size:0.8em;font-weight:bold;color:red}main.svelte-qtbld7{text-align:center}div.cards.svelte-qtbld7{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}img.svelte-qtbld7{width:60px}form.svelte-qtbld7{text-align:center}.form-field.svelte-qtbld7{padding:10px}.label.svelte-qtbld7{font-weight:bold}.inline-check.svelte-qtbld7{display:inline}.error.svelte-qtbld7{font-size:0.8em;font-weight:bold;color:red}.success.svelte-qtbld7{font-size:0.8em;font-weight:bold;color:green}div.outer.svelte-16aefqu{max-width:960px;margin:40px auto}:root{--purple:rgb(123, 31, 162);--violet:rgb(103, 58, 183);--pink:rgb(244, 143, 177)}@keyframes svelte-16aefqu-background-pan{from{background-position:0% center}to{background-position:-200% center}}@keyframes svelte-16aefqu-scale{from,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes svelte-16aefqu-rotate{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}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}div.outer.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{max-width:960px;margin:40px auto}main.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{max-width:960px;margin:40px auto;text-align:center}.avatar.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{max-width:150px}section.main-stats.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{max-width:600px;margin:40px auto;text-align:center;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr)}section.main-stats.svelte-16aefqu h4.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{grid-column:1 / span 3}div.username.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{font-size:1.5em;font-weight:bold;padding-bottom:5px}div.rank.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{font-size:1.2em;font-weight:bold}:root{--purple:rgb(123, 31, 162);--violet:rgb(103, 58, 183);--pink:rgb(244, 143, 177)}@keyframes svelte-16aefqu-background-pan{from{background-position:0% center}to{background-position:-200% center}}@keyframes svelte-16aefqu-scale{from,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes svelte-16aefqu-rotate{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}div.svelte-16aefqu>.glitter.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{display:inline-block;position:relative}div.svelte-16aefqu>.glitter.svelte-16aefqu>.glitter-star.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{--size:clamp(20px, 1.5vw, 30px);animation:svelte-16aefqu-scale 700ms ease forwards;display:block;height:var(--size);left:var(--star-left);position:absolute;top:var(--star-top);width:var(--size)}div.svelte-16aefqu>.glitter.svelte-16aefqu>.glitter-star.svelte-16aefqu>svg.svelte-16aefqu.svelte-16aefqu{animation:svelte-16aefqu-rotate 1000ms linear infinite;display:block;opacity:0.7}div.svelte-16aefqu>.glitter.svelte-16aefqu>.glitter-star.svelte-16aefqu>svg.svelte-16aefqu>path.svelte-16aefqu{fill:var(--violet)}div.svelte-16aefqu>.glitter.svelte-16aefqu>.glitter-text.svelte-16aefqu.svelte-16aefqu.svelte-16aefqu{animation:svelte-16aefqu-background-pan 3s linear infinite;background:linear-gradient(
|
||||||
to right,
|
to right,
|
||||||
var(--purple),
|
var(--purple),
|
||||||
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}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}.card.svelte-8smyff{background:white;padding:20px;border-radius:6px;box-shadow:0px 2px 4px rgba(0,0,0,0.1)}#chat_box.svelte-eugl5j .svelte-eugl5j{display:flex;flex-direction:column;position:relative;box-sizing:border-box;padding:0px;margin:auto}#chat_box.svelte-eugl5j .chat_item.svelte-eugl5j{display:none;width:100%;height:100%}.chat_item#chat_chat.svelte-eugl5j.svelte-eugl5j{grid-area:chat}#chat_box.svelte-eugl5j.svelte-eugl5j{display:grid;position:fixed;bottom:20px;right:20px;gap:5px;padding:5px;width:300px;height:400px;border:1px solid black}
|
);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)}
|
||||||
@@ -970,7 +970,7 @@ var app = (function () {
|
|||||||
const { Error: Error_1, Object: Object_1, console: console_1$6 } = globals;
|
const { Error: Error_1, Object: Object_1, console: console_1$6 } = globals;
|
||||||
|
|
||||||
// (267:0) {:else}
|
// (267:0) {:else}
|
||||||
function create_else_block$4(ctx) {
|
function create_else_block$5(ctx) {
|
||||||
let switch_instance;
|
let switch_instance;
|
||||||
let switch_instance_anchor;
|
let switch_instance_anchor;
|
||||||
let current;
|
let current;
|
||||||
@@ -1052,7 +1052,7 @@ var app = (function () {
|
|||||||
|
|
||||||
dispatch_dev("SvelteRegisterBlock", {
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
block,
|
block,
|
||||||
id: create_else_block$4.name,
|
id: create_else_block$5.name,
|
||||||
type: "else",
|
type: "else",
|
||||||
source: "(267:0) {:else}",
|
source: "(267:0) {:else}",
|
||||||
ctx
|
ctx
|
||||||
@@ -1062,7 +1062,7 @@ var app = (function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// (260:0) {#if componentParams}
|
// (260:0) {#if componentParams}
|
||||||
function create_if_block$8(ctx) {
|
function create_if_block$9(ctx) {
|
||||||
let switch_instance;
|
let switch_instance;
|
||||||
let switch_instance_anchor;
|
let switch_instance_anchor;
|
||||||
let current;
|
let current;
|
||||||
@@ -1147,7 +1147,7 @@ var app = (function () {
|
|||||||
|
|
||||||
dispatch_dev("SvelteRegisterBlock", {
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
block,
|
block,
|
||||||
id: create_if_block$8.name,
|
id: create_if_block$9.name,
|
||||||
type: "if",
|
type: "if",
|
||||||
source: "(260:0) {#if componentParams}",
|
source: "(260:0) {#if componentParams}",
|
||||||
ctx
|
ctx
|
||||||
@@ -1156,12 +1156,12 @@ var app = (function () {
|
|||||||
return block;
|
return block;
|
||||||
}
|
}
|
||||||
|
|
||||||
function create_fragment$h(ctx) {
|
function create_fragment$i(ctx) {
|
||||||
let current_block_type_index;
|
let current_block_type_index;
|
||||||
let if_block;
|
let if_block;
|
||||||
let if_block_anchor;
|
let if_block_anchor;
|
||||||
let current;
|
let current;
|
||||||
const if_block_creators = [create_if_block$8, create_else_block$4];
|
const if_block_creators = [create_if_block$9, create_else_block$5];
|
||||||
const if_blocks = [];
|
const if_blocks = [];
|
||||||
|
|
||||||
function select_block_type(ctx, dirty) {
|
function select_block_type(ctx, dirty) {
|
||||||
@@ -1229,7 +1229,7 @@ var app = (function () {
|
|||||||
|
|
||||||
dispatch_dev("SvelteRegisterBlock", {
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
block,
|
block,
|
||||||
id: create_fragment$h.name,
|
id: create_fragment$i.name,
|
||||||
type: "component",
|
type: "component",
|
||||||
source: "",
|
source: "",
|
||||||
ctx
|
ctx
|
||||||
@@ -1430,7 +1430,7 @@ var app = (function () {
|
|||||||
window.location.hash = href;
|
window.location.hash = href;
|
||||||
}
|
}
|
||||||
|
|
||||||
function instance$h($$self, $$props, $$invalidate) {
|
function instance$i($$self, $$props, $$invalidate) {
|
||||||
let { $$slots: slots = {}, $$scope } = $$props;
|
let { $$slots: slots = {}, $$scope } = $$props;
|
||||||
validate_slots('Router', slots, []);
|
validate_slots('Router', slots, []);
|
||||||
let { routes = {} } = $$props;
|
let { routes = {} } = $$props;
|
||||||
@@ -1845,7 +1845,7 @@ var app = (function () {
|
|||||||
constructor(options) {
|
constructor(options) {
|
||||||
super(options);
|
super(options);
|
||||||
|
|
||||||
init(this, options, instance$h, create_fragment$h, safe_not_equal, {
|
init(this, options, instance$i, create_fragment$i, safe_not_equal, {
|
||||||
routes: 3,
|
routes: 3,
|
||||||
prefix: 4,
|
prefix: 4,
|
||||||
restoreScrollState: 5
|
restoreScrollState: 5
|
||||||
@@ -1855,7 +1855,7 @@ var app = (function () {
|
|||||||
component: this,
|
component: this,
|
||||||
tagName: "Router",
|
tagName: "Router",
|
||||||
options,
|
options,
|
||||||
id: create_fragment$h.name
|
id: create_fragment$i.name
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1885,9 +1885,9 @@ var app = (function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* src/pages/NotFound.svelte generated by Svelte v3.53.1 */
|
/* src/pages/NotFound.svelte generated by Svelte v3.53.1 */
|
||||||
const file$f = "src/pages/NotFound.svelte";
|
const file$g = "src/pages/NotFound.svelte";
|
||||||
|
|
||||||
function create_fragment$g(ctx) {
|
function create_fragment$h(ctx) {
|
||||||
let h1;
|
let h1;
|
||||||
let t1;
|
let t1;
|
||||||
let p0;
|
let p0;
|
||||||
@@ -1913,12 +1913,12 @@ var app = (function () {
|
|||||||
a = element("a");
|
a = element("a");
|
||||||
h2 = element("h2");
|
h2 = element("h2");
|
||||||
h2.textContent = "Take me home →";
|
h2.textContent = "Take me home →";
|
||||||
add_location(h1, file$f, 4, 0, 64);
|
add_location(h1, file$g, 4, 0, 64);
|
||||||
add_location(p0, file$f, 5, 0, 87);
|
add_location(p0, file$g, 5, 0, 87);
|
||||||
add_location(p1, file$f, 7, 0, 192);
|
add_location(p1, file$g, 7, 0, 192);
|
||||||
add_location(h2, file$f, 9, 4, 247);
|
add_location(h2, file$g, 9, 4, 247);
|
||||||
attr_dev(a, "href", "/");
|
attr_dev(a, "href", "/");
|
||||||
add_location(a, file$f, 8, 0, 221);
|
add_location(a, file$g, 8, 0, 221);
|
||||||
},
|
},
|
||||||
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");
|
||||||
@@ -1956,7 +1956,7 @@ var app = (function () {
|
|||||||
|
|
||||||
dispatch_dev("SvelteRegisterBlock", {
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
block,
|
block,
|
||||||
id: create_fragment$g.name,
|
id: create_fragment$h.name,
|
||||||
type: "component",
|
type: "component",
|
||||||
source: "",
|
source: "",
|
||||||
ctx
|
ctx
|
||||||
@@ -1965,7 +1965,7 @@ var app = (function () {
|
|||||||
return block;
|
return block;
|
||||||
}
|
}
|
||||||
|
|
||||||
function instance$g($$self, $$props, $$invalidate) {
|
function instance$h($$self, $$props, $$invalidate) {
|
||||||
let { $$slots: slots = {}, $$scope } = $$props;
|
let { $$slots: slots = {}, $$scope } = $$props;
|
||||||
validate_slots('NotFound', slots, []);
|
validate_slots('NotFound', slots, []);
|
||||||
const writable_props = [];
|
const writable_props = [];
|
||||||
@@ -1981,13 +1981,13 @@ var app = (function () {
|
|||||||
class NotFound extends SvelteComponentDev {
|
class NotFound extends SvelteComponentDev {
|
||||||
constructor(options) {
|
constructor(options) {
|
||||||
super(options);
|
super(options);
|
||||||
init(this, options, instance$g, create_fragment$g, safe_not_equal, {});
|
init(this, options, instance$h, create_fragment$h, safe_not_equal, {});
|
||||||
|
|
||||||
dispatch_dev("SvelteRegisterComponent", {
|
dispatch_dev("SvelteRegisterComponent", {
|
||||||
component: this,
|
component: this,
|
||||||
tagName: "NotFound",
|
tagName: "NotFound",
|
||||||
options,
|
options,
|
||||||
id: create_fragment$g.name
|
id: create_fragment$h.name
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -2032,7 +2032,7 @@ var app = (function () {
|
|||||||
/* src/pieces/Header.svelte generated by Svelte v3.53.1 */
|
/* src/pieces/Header.svelte generated by Svelte v3.53.1 */
|
||||||
|
|
||||||
const { console: console_1$5 } = globals;
|
const { console: console_1$5 } = globals;
|
||||||
const file$e = "src/pieces/Header.svelte";
|
const file$f = "src/pieces/Header.svelte";
|
||||||
|
|
||||||
// (24:39)
|
// (24:39)
|
||||||
function create_if_block_1$1(ctx) {
|
function create_if_block_1$1(ctx) {
|
||||||
@@ -2045,7 +2045,7 @@ var app = (function () {
|
|||||||
button = element("button");
|
button = element("button");
|
||||||
button.textContent = "Settings";
|
button.textContent = "Settings";
|
||||||
attr_dev(button, "class", "svelte-1gjmpio");
|
attr_dev(button, "class", "svelte-1gjmpio");
|
||||||
add_location(button, file$e, 24, 6, 927);
|
add_location(button, file$f, 24, 6, 927);
|
||||||
},
|
},
|
||||||
m: function mount(target, anchor) {
|
m: function mount(target, anchor) {
|
||||||
insert_dev(target, button, anchor);
|
insert_dev(target, button, anchor);
|
||||||
@@ -2075,7 +2075,7 @@ var app = (function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// (22:4) {#if $location !== '/profile'}
|
// (22:4) {#if $location !== '/profile'}
|
||||||
function create_if_block$7(ctx) {
|
function create_if_block$8(ctx) {
|
||||||
let button;
|
let button;
|
||||||
let mounted;
|
let mounted;
|
||||||
let dispose;
|
let dispose;
|
||||||
@@ -2085,7 +2085,7 @@ var app = (function () {
|
|||||||
button = element("button");
|
button = element("button");
|
||||||
button.textContent = "My Profile";
|
button.textContent = "My Profile";
|
||||||
attr_dev(button, "class", "svelte-1gjmpio");
|
attr_dev(button, "class", "svelte-1gjmpio");
|
||||||
add_location(button, file$e, 22, 6, 817);
|
add_location(button, file$f, 22, 6, 817);
|
||||||
},
|
},
|
||||||
m: function mount(target, anchor) {
|
m: function mount(target, anchor) {
|
||||||
insert_dev(target, button, anchor);
|
insert_dev(target, button, anchor);
|
||||||
@@ -2105,7 +2105,7 @@ var app = (function () {
|
|||||||
|
|
||||||
dispatch_dev("SvelteRegisterBlock", {
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
block,
|
block,
|
||||||
id: create_if_block$7.name,
|
id: create_if_block$8.name,
|
||||||
type: "if",
|
type: "if",
|
||||||
source: "(22:4) {#if $location !== '/profile'}",
|
source: "(22:4) {#if $location !== '/profile'}",
|
||||||
ctx
|
ctx
|
||||||
@@ -2114,7 +2114,7 @@ var app = (function () {
|
|||||||
return block;
|
return block;
|
||||||
}
|
}
|
||||||
|
|
||||||
function create_fragment$f(ctx) {
|
function create_fragment$g(ctx) {
|
||||||
let header;
|
let header;
|
||||||
let img;
|
let img;
|
||||||
let img_src_value;
|
let img_src_value;
|
||||||
@@ -2132,7 +2132,7 @@ var app = (function () {
|
|||||||
let dispose;
|
let dispose;
|
||||||
|
|
||||||
function select_block_type(ctx, dirty) {
|
function select_block_type(ctx, dirty) {
|
||||||
if (/*$location*/ ctx[0] !== '/profile') return create_if_block$7;
|
if (/*$location*/ ctx[0] !== '/profile') return create_if_block$8;
|
||||||
if (/*$location*/ ctx[0] === '/profile') return create_if_block_1$1;
|
if (/*$location*/ ctx[0] === '/profile') return create_if_block_1$1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2161,19 +2161,19 @@ var app = (function () {
|
|||||||
if (!src_url_equal(img.src, img_src_value = "/img/potato_logo.png")) attr_dev(img, "src", img_src_value);
|
if (!src_url_equal(img.src, img_src_value = "/img/potato_logo.png")) attr_dev(img, "src", img_src_value);
|
||||||
attr_dev(img, "alt", "Potato Pong Logo");
|
attr_dev(img, "alt", "Potato Pong Logo");
|
||||||
attr_dev(img, "class", "svelte-1gjmpio");
|
attr_dev(img, "class", "svelte-1gjmpio");
|
||||||
add_location(img, file$e, 18, 2, 660);
|
add_location(img, file$f, 18, 2, 660);
|
||||||
attr_dev(h1, "class", "svelte-1gjmpio");
|
attr_dev(h1, "class", "svelte-1gjmpio");
|
||||||
add_location(h1, file$e, 19, 2, 747);
|
add_location(h1, file$f, 19, 2, 747);
|
||||||
attr_dev(button0, "class", "svelte-1gjmpio");
|
attr_dev(button0, "class", "svelte-1gjmpio");
|
||||||
add_location(button0, file$e, 31, 4, 1171);
|
add_location(button0, file$f, 31, 4, 1171);
|
||||||
attr_dev(button1, "class", "svelte-1gjmpio");
|
attr_dev(button1, "class", "svelte-1gjmpio");
|
||||||
add_location(button1, file$e, 32, 4, 1244);
|
add_location(button1, file$f, 32, 4, 1244);
|
||||||
attr_dev(button2, "class", "svelte-1gjmpio");
|
attr_dev(button2, "class", "svelte-1gjmpio");
|
||||||
add_location(button2, file$e, 33, 4, 1303);
|
add_location(button2, file$f, 33, 4, 1303);
|
||||||
attr_dev(nav, "class", "svelte-1gjmpio");
|
attr_dev(nav, "class", "svelte-1gjmpio");
|
||||||
add_location(nav, file$e, 20, 2, 770);
|
add_location(nav, file$f, 20, 2, 770);
|
||||||
attr_dev(header, "class", "svelte-1gjmpio");
|
attr_dev(header, "class", "svelte-1gjmpio");
|
||||||
add_location(header, file$e, 17, 0, 649);
|
add_location(header, file$f, 17, 0, 649);
|
||||||
},
|
},
|
||||||
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");
|
||||||
@@ -2233,7 +2233,7 @@ var app = (function () {
|
|||||||
|
|
||||||
dispatch_dev("SvelteRegisterBlock", {
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
block,
|
block,
|
||||||
id: create_fragment$f.name,
|
id: create_fragment$g.name,
|
||||||
type: "component",
|
type: "component",
|
||||||
source: "",
|
source: "",
|
||||||
ctx
|
ctx
|
||||||
@@ -2242,7 +2242,7 @@ var app = (function () {
|
|||||||
return block;
|
return block;
|
||||||
}
|
}
|
||||||
|
|
||||||
function instance$f($$self, $$props, $$invalidate) {
|
function instance$g($$self, $$props, $$invalidate) {
|
||||||
let $location;
|
let $location;
|
||||||
validate_store(location$1, 'location');
|
validate_store(location$1, 'location');
|
||||||
component_subscribe($$self, location$1, $$value => $$invalidate(0, $location = $$value));
|
component_subscribe($$self, location$1, $$value => $$invalidate(0, $location = $$value));
|
||||||
@@ -2298,22 +2298,22 @@ var app = (function () {
|
|||||||
class Header extends SvelteComponentDev {
|
class Header extends SvelteComponentDev {
|
||||||
constructor(options) {
|
constructor(options) {
|
||||||
super(options);
|
super(options);
|
||||||
init(this, options, instance$f, create_fragment$f, safe_not_equal, {});
|
init(this, options, instance$g, create_fragment$g, safe_not_equal, {});
|
||||||
|
|
||||||
dispatch_dev("SvelteRegisterComponent", {
|
dispatch_dev("SvelteRegisterComponent", {
|
||||||
component: this,
|
component: this,
|
||||||
tagName: "Header",
|
tagName: "Header",
|
||||||
options,
|
options,
|
||||||
id: create_fragment$f.name
|
id: create_fragment$g.name
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* src/pieces/GenerateUserDisplay.svelte generated by Svelte v3.53.1 */
|
/* src/pieces/GenerateUserDisplay.svelte generated by Svelte v3.53.1 */
|
||||||
const file$d = "src/pieces/GenerateUserDisplay.svelte";
|
const file$e = "src/pieces/GenerateUserDisplay.svelte";
|
||||||
|
|
||||||
// (58:2) {#if user !== undefined}
|
// (58:2) {#if user !== undefined}
|
||||||
function create_if_block$6(ctx) {
|
function create_if_block$7(ctx) {
|
||||||
let main;
|
let main;
|
||||||
let img;
|
let img;
|
||||||
let img_src_value;
|
let img_src_value;
|
||||||
@@ -2411,49 +2411,49 @@ var app = (function () {
|
|||||||
attr_dev(img, "class", "avatar svelte-16aefqu");
|
attr_dev(img, "class", "avatar svelte-16aefqu");
|
||||||
if (!src_url_equal(img.src, img_src_value = /*avatar*/ ctx[2])) attr_dev(img, "src", img_src_value);
|
if (!src_url_equal(img.src, img_src_value = /*avatar*/ ctx[2])) attr_dev(img, "src", img_src_value);
|
||||||
attr_dev(img, "alt", "default user icon");
|
attr_dev(img, "alt", "default user icon");
|
||||||
add_location(img, file$d, 61, 4, 1964);
|
add_location(img, file$e, 61, 4, 1964);
|
||||||
attr_dev(div0, "class", "username svelte-16aefqu");
|
attr_dev(div0, "class", "username svelte-16aefqu");
|
||||||
add_location(div0, file$d, 62, 4, 2028);
|
add_location(div0, file$e, 62, 4, 2028);
|
||||||
attr_dev(path0, "d", "M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z");
|
attr_dev(path0, "d", "M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z");
|
||||||
attr_dev(path0, "class", "svelte-16aefqu");
|
attr_dev(path0, "class", "svelte-16aefqu");
|
||||||
add_location(path0, file$d, 67, 10, 2235);
|
add_location(path0, file$e, 67, 10, 2235);
|
||||||
attr_dev(svg0, "viewBox", "0 0 512 512");
|
attr_dev(svg0, "viewBox", "0 0 512 512");
|
||||||
attr_dev(svg0, "class", "svelte-16aefqu");
|
attr_dev(svg0, "class", "svelte-16aefqu");
|
||||||
add_location(svg0, file$d, 66, 10, 2197);
|
add_location(svg0, file$e, 66, 10, 2197);
|
||||||
attr_dev(span0, "class", "glitter-star svelte-16aefqu");
|
attr_dev(span0, "class", "glitter-star svelte-16aefqu");
|
||||||
add_location(span0, file$d, 65, 8, 2138);
|
add_location(span0, file$e, 65, 8, 2138);
|
||||||
attr_dev(path1, "d", "M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z");
|
attr_dev(path1, "d", "M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z");
|
||||||
attr_dev(path1, "class", "svelte-16aefqu");
|
attr_dev(path1, "class", "svelte-16aefqu");
|
||||||
add_location(path1, file$d, 72, 10, 2728);
|
add_location(path1, file$e, 72, 10, 2728);
|
||||||
attr_dev(svg1, "viewBox", "0 0 512 512");
|
attr_dev(svg1, "viewBox", "0 0 512 512");
|
||||||
attr_dev(svg1, "class", "svelte-16aefqu");
|
attr_dev(svg1, "class", "svelte-16aefqu");
|
||||||
add_location(svg1, file$d, 71, 10, 2690);
|
add_location(svg1, file$e, 71, 10, 2690);
|
||||||
attr_dev(span1, "class", "glitter-star svelte-16aefqu");
|
attr_dev(span1, "class", "glitter-star svelte-16aefqu");
|
||||||
add_location(span1, file$d, 70, 8, 2631);
|
add_location(span1, file$e, 70, 8, 2631);
|
||||||
attr_dev(path2, "d", "M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z");
|
attr_dev(path2, "d", "M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z");
|
||||||
attr_dev(path2, "class", "svelte-16aefqu");
|
attr_dev(path2, "class", "svelte-16aefqu");
|
||||||
add_location(path2, file$d, 77, 10, 3221);
|
add_location(path2, file$e, 77, 10, 3221);
|
||||||
attr_dev(svg2, "viewBox", "0 0 512 512");
|
attr_dev(svg2, "viewBox", "0 0 512 512");
|
||||||
attr_dev(svg2, "class", "svelte-16aefqu");
|
attr_dev(svg2, "class", "svelte-16aefqu");
|
||||||
add_location(svg2, file$d, 76, 10, 3183);
|
add_location(svg2, file$e, 76, 10, 3183);
|
||||||
attr_dev(span2, "class", "glitter-star svelte-16aefqu");
|
attr_dev(span2, "class", "glitter-star svelte-16aefqu");
|
||||||
add_location(span2, file$d, 75, 8, 3124);
|
add_location(span2, file$e, 75, 8, 3124);
|
||||||
attr_dev(span3, "class", "glitter-text svelte-16aefqu");
|
attr_dev(span3, "class", "glitter-text svelte-16aefqu");
|
||||||
add_location(span3, file$d, 80, 8, 3617);
|
add_location(span3, file$e, 80, 8, 3617);
|
||||||
attr_dev(span4, "class", "glitter svelte-16aefqu");
|
attr_dev(span4, "class", "glitter svelte-16aefqu");
|
||||||
add_location(span4, file$d, 64, 6, 2107);
|
add_location(span4, file$e, 64, 6, 2107);
|
||||||
attr_dev(div1, "class", "rank svelte-16aefqu");
|
attr_dev(div1, "class", "rank svelte-16aefqu");
|
||||||
add_location(div1, file$d, 63, 4, 2076);
|
add_location(div1, file$e, 63, 4, 2076);
|
||||||
attr_dev(h4, "class", "svelte-16aefqu");
|
attr_dev(h4, "class", "svelte-16aefqu");
|
||||||
add_location(h4, file$d, 84, 6, 3722);
|
add_location(h4, file$e, 84, 6, 3722);
|
||||||
add_location(p0, file$d, 85, 6, 3754);
|
add_location(p0, file$e, 85, 6, 3754);
|
||||||
add_location(p1, file$d, 86, 6, 3797);
|
add_location(p1, file$e, 86, 6, 3797);
|
||||||
add_location(p2, file$d, 87, 6, 3842);
|
add_location(p2, file$e, 87, 6, 3842);
|
||||||
add_location(p3, file$d, 88, 6, 3885);
|
add_location(p3, file$e, 88, 6, 3885);
|
||||||
attr_dev(section, "class", "main-stats svelte-16aefqu");
|
attr_dev(section, "class", "main-stats svelte-16aefqu");
|
||||||
add_location(section, file$d, 83, 4, 3687);
|
add_location(section, file$e, 83, 4, 3687);
|
||||||
attr_dev(main, "class", "svelte-16aefqu");
|
attr_dev(main, "class", "svelte-16aefqu");
|
||||||
add_location(main, file$d, 58, 2, 1786);
|
add_location(main, file$e, 58, 2, 1786);
|
||||||
},
|
},
|
||||||
m: function mount(target, anchor) {
|
m: function mount(target, anchor) {
|
||||||
insert_dev(target, main, anchor);
|
insert_dev(target, main, anchor);
|
||||||
@@ -2524,7 +2524,7 @@ var app = (function () {
|
|||||||
|
|
||||||
dispatch_dev("SvelteRegisterBlock", {
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
block,
|
block,
|
||||||
id: create_if_block$6.name,
|
id: create_if_block$7.name,
|
||||||
type: "if",
|
type: "if",
|
||||||
source: "(58:2) {#if user !== undefined}",
|
source: "(58:2) {#if user !== undefined}",
|
||||||
ctx
|
ctx
|
||||||
@@ -2533,16 +2533,16 @@ var app = (function () {
|
|||||||
return block;
|
return block;
|
||||||
}
|
}
|
||||||
|
|
||||||
function create_fragment$e(ctx) {
|
function create_fragment$f(ctx) {
|
||||||
let div;
|
let div;
|
||||||
let if_block = /*user*/ ctx[0] !== undefined && create_if_block$6(ctx);
|
let if_block = /*user*/ ctx[0] !== undefined && create_if_block$7(ctx);
|
||||||
|
|
||||||
const block = {
|
const block = {
|
||||||
c: function create() {
|
c: function create() {
|
||||||
div = element("div");
|
div = element("div");
|
||||||
if (if_block) if_block.c();
|
if (if_block) if_block.c();
|
||||||
attr_dev(div, "class", "outer svelte-16aefqu");
|
attr_dev(div, "class", "outer svelte-16aefqu");
|
||||||
add_location(div, file$d, 56, 0, 1737);
|
add_location(div, file$e, 56, 0, 1737);
|
||||||
},
|
},
|
||||||
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");
|
||||||
@@ -2556,7 +2556,7 @@ var app = (function () {
|
|||||||
if (if_block) {
|
if (if_block) {
|
||||||
if_block.p(ctx, dirty);
|
if_block.p(ctx, dirty);
|
||||||
} else {
|
} else {
|
||||||
if_block = create_if_block$6(ctx);
|
if_block = create_if_block$7(ctx);
|
||||||
if_block.c();
|
if_block.c();
|
||||||
if_block.m(div, null);
|
if_block.m(div, null);
|
||||||
}
|
}
|
||||||
@@ -2575,7 +2575,7 @@ var app = (function () {
|
|||||||
|
|
||||||
dispatch_dev("SvelteRegisterBlock", {
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
block,
|
block,
|
||||||
id: create_fragment$e.name,
|
id: create_fragment$f.name,
|
||||||
type: "component",
|
type: "component",
|
||||||
source: "",
|
source: "",
|
||||||
ctx
|
ctx
|
||||||
@@ -2584,7 +2584,7 @@ var app = (function () {
|
|||||||
return block;
|
return block;
|
||||||
}
|
}
|
||||||
|
|
||||||
function instance$e($$self, $$props, $$invalidate) {
|
function instance$f($$self, $$props, $$invalidate) {
|
||||||
let { $$slots: slots = {}, $$scope } = $$props;
|
let { $$slots: slots = {}, $$scope } = $$props;
|
||||||
validate_slots('GenerateUserDisplay', slots, []);
|
validate_slots('GenerateUserDisplay', slots, []);
|
||||||
let { user } = $$props;
|
let { user } = $$props;
|
||||||
@@ -2731,13 +2731,13 @@ var app = (function () {
|
|||||||
class GenerateUserDisplay extends SvelteComponentDev {
|
class GenerateUserDisplay extends SvelteComponentDev {
|
||||||
constructor(options) {
|
constructor(options) {
|
||||||
super(options);
|
super(options);
|
||||||
init(this, options, instance$e, create_fragment$e, safe_not_equal, { user: 0, primary: 4 });
|
init(this, options, instance$f, create_fragment$f, safe_not_equal, { user: 0, primary: 4 });
|
||||||
|
|
||||||
dispatch_dev("SvelteRegisterComponent", {
|
dispatch_dev("SvelteRegisterComponent", {
|
||||||
component: this,
|
component: this,
|
||||||
tagName: "GenerateUserDisplay",
|
tagName: "GenerateUserDisplay",
|
||||||
options,
|
options,
|
||||||
id: create_fragment$e.name
|
id: create_fragment$f.name
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2758,43 +2758,300 @@ var app = (function () {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* src/chat/Chat2.svelte generated by Svelte v3.53.1 */
|
/* src/pieces/chat/Layout_home.svelte generated by Svelte v3.53.1 */
|
||||||
|
|
||||||
const file$c = "src/chat/Chat2.svelte";
|
const file$d = "src/pieces/chat/Layout_home.svelte";
|
||||||
|
|
||||||
|
function create_fragment$e(ctx) {
|
||||||
|
let button;
|
||||||
|
let mounted;
|
||||||
|
let dispose;
|
||||||
|
|
||||||
|
const block = {
|
||||||
|
c: function create() {
|
||||||
|
button = element("button");
|
||||||
|
button.textContent = "home";
|
||||||
|
add_location(button, file$d, 8, 0, 105);
|
||||||
|
},
|
||||||
|
l: function claim(nodes) {
|
||||||
|
throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
|
||||||
|
},
|
||||||
|
m: function mount(target, anchor) {
|
||||||
|
insert_dev(target, button, anchor);
|
||||||
|
|
||||||
|
if (!mounted) {
|
||||||
|
dispose = listen_dev(button, "click", /*click_handler*/ ctx[2], false, false, false);
|
||||||
|
mounted = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
p: noop,
|
||||||
|
i: noop,
|
||||||
|
o: noop,
|
||||||
|
d: function destroy(detaching) {
|
||||||
|
if (detaching) detach_dev(button);
|
||||||
|
mounted = false;
|
||||||
|
dispose();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
|
block,
|
||||||
|
id: create_fragment$e.name,
|
||||||
|
type: "component",
|
||||||
|
source: "",
|
||||||
|
ctx
|
||||||
|
});
|
||||||
|
|
||||||
|
return block;
|
||||||
|
}
|
||||||
|
|
||||||
|
function instance$e($$self, $$props, $$invalidate) {
|
||||||
|
let { $$slots: slots = {}, $$scope } = $$props;
|
||||||
|
validate_slots('Layout_home', slots, []);
|
||||||
|
let { layout } = $$props;
|
||||||
|
|
||||||
|
function update_layout(new_layout) {
|
||||||
|
$$invalidate(1, layout = new_layout);
|
||||||
|
}
|
||||||
|
|
||||||
|
$$self.$$.on_mount.push(function () {
|
||||||
|
if (layout === undefined && !('layout' in $$props || $$self.$$.bound[$$self.$$.props['layout']])) {
|
||||||
|
console.warn("<Layout_home> was created without expected prop 'layout'");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const writable_props = ['layout'];
|
||||||
|
|
||||||
|
Object.keys($$props).forEach(key => {
|
||||||
|
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Layout_home> was created with unknown prop '${key}'`);
|
||||||
|
});
|
||||||
|
|
||||||
|
const click_handler = function () {
|
||||||
|
update_layout('close');
|
||||||
|
};
|
||||||
|
|
||||||
|
$$self.$$set = $$props => {
|
||||||
|
if ('layout' in $$props) $$invalidate(1, layout = $$props.layout);
|
||||||
|
};
|
||||||
|
|
||||||
|
$$self.$capture_state = () => ({ layout, update_layout });
|
||||||
|
|
||||||
|
$$self.$inject_state = $$props => {
|
||||||
|
if ('layout' in $$props) $$invalidate(1, layout = $$props.layout);
|
||||||
|
};
|
||||||
|
|
||||||
|
if ($$props && "$$inject" in $$props) {
|
||||||
|
$$self.$inject_state($$props.$$inject);
|
||||||
|
}
|
||||||
|
|
||||||
|
return [update_layout, layout, click_handler];
|
||||||
|
}
|
||||||
|
|
||||||
|
class Layout_home extends SvelteComponentDev {
|
||||||
|
constructor(options) {
|
||||||
|
super(options);
|
||||||
|
init(this, options, instance$e, create_fragment$e, safe_not_equal, { layout: 1 });
|
||||||
|
|
||||||
|
dispatch_dev("SvelteRegisterComponent", {
|
||||||
|
component: this,
|
||||||
|
tagName: "Layout_home",
|
||||||
|
options,
|
||||||
|
id: create_fragment$e.name
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
get layout() {
|
||||||
|
throw new Error("<Layout_home>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
|
||||||
|
}
|
||||||
|
|
||||||
|
set layout(value) {
|
||||||
|
throw new Error("<Layout_home>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* src/pieces/chat/Chat.svelte generated by Svelte v3.53.1 */
|
||||||
|
const file$c = "src/pieces/chat/Chat.svelte";
|
||||||
|
|
||||||
|
// (19:1) {:else}
|
||||||
|
function create_else_block$4(ctx) {
|
||||||
|
let button;
|
||||||
|
let mounted;
|
||||||
|
let dispose;
|
||||||
|
|
||||||
|
const block = {
|
||||||
|
c: function create() {
|
||||||
|
button = element("button");
|
||||||
|
button.textContent = "chat";
|
||||||
|
add_location(button, file$c, 20, 2, 409);
|
||||||
|
},
|
||||||
|
m: function mount(target, anchor) {
|
||||||
|
insert_dev(target, button, anchor);
|
||||||
|
|
||||||
|
if (!mounted) {
|
||||||
|
dispose = listen_dev(button, "click", /*click_handler*/ ctx[3], false, false, false);
|
||||||
|
mounted = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
p: noop,
|
||||||
|
i: noop,
|
||||||
|
o: noop,
|
||||||
|
d: function destroy(detaching) {
|
||||||
|
if (detaching) detach_dev(button);
|
||||||
|
mounted = false;
|
||||||
|
dispose();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
|
block,
|
||||||
|
id: create_else_block$4.name,
|
||||||
|
type: "else",
|
||||||
|
source: "(19:1) {:else}",
|
||||||
|
ctx
|
||||||
|
});
|
||||||
|
|
||||||
|
return block;
|
||||||
|
}
|
||||||
|
|
||||||
|
// (17:1) {#if active_layout === "home"}
|
||||||
|
function create_if_block$6(ctx) {
|
||||||
|
let homelayout;
|
||||||
|
let updating_layout;
|
||||||
|
let current;
|
||||||
|
|
||||||
|
function homelayout_layout_binding(value) {
|
||||||
|
/*homelayout_layout_binding*/ ctx[2](value);
|
||||||
|
}
|
||||||
|
|
||||||
|
let homelayout_props = {};
|
||||||
|
|
||||||
|
if (/*active_layout*/ ctx[0] !== void 0) {
|
||||||
|
homelayout_props.layout = /*active_layout*/ ctx[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
homelayout = new Layout_home({ props: homelayout_props, $$inline: true });
|
||||||
|
binding_callbacks.push(() => bind(homelayout, 'layout', homelayout_layout_binding));
|
||||||
|
|
||||||
|
const block = {
|
||||||
|
c: function create() {
|
||||||
|
create_component(homelayout.$$.fragment);
|
||||||
|
},
|
||||||
|
m: function mount(target, anchor) {
|
||||||
|
mount_component(homelayout, target, anchor);
|
||||||
|
current = true;
|
||||||
|
},
|
||||||
|
p: function update(ctx, dirty) {
|
||||||
|
const homelayout_changes = {};
|
||||||
|
|
||||||
|
if (!updating_layout && dirty & /*active_layout*/ 1) {
|
||||||
|
updating_layout = true;
|
||||||
|
homelayout_changes.layout = /*active_layout*/ ctx[0];
|
||||||
|
add_flush_callback(() => updating_layout = false);
|
||||||
|
}
|
||||||
|
|
||||||
|
homelayout.$set(homelayout_changes);
|
||||||
|
},
|
||||||
|
i: function intro(local) {
|
||||||
|
if (current) return;
|
||||||
|
transition_in(homelayout.$$.fragment, local);
|
||||||
|
current = true;
|
||||||
|
},
|
||||||
|
o: function outro(local) {
|
||||||
|
transition_out(homelayout.$$.fragment, local);
|
||||||
|
current = false;
|
||||||
|
},
|
||||||
|
d: function destroy(detaching) {
|
||||||
|
destroy_component(homelayout, detaching);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
|
block,
|
||||||
|
id: create_if_block$6.name,
|
||||||
|
type: "if",
|
||||||
|
source: "(17:1) {#if active_layout === \\\"home\\\"}",
|
||||||
|
ctx
|
||||||
|
});
|
||||||
|
|
||||||
|
return block;
|
||||||
|
}
|
||||||
|
|
||||||
function create_fragment$d(ctx) {
|
function create_fragment$d(ctx) {
|
||||||
let div;
|
let div;
|
||||||
let button;
|
let current_block_type_index;
|
||||||
let p;
|
let if_block;
|
||||||
|
let div_class_value;
|
||||||
|
let current;
|
||||||
|
const if_block_creators = [create_if_block$6, create_else_block$4];
|
||||||
|
const if_blocks = [];
|
||||||
|
|
||||||
|
function select_block_type(ctx, dirty) {
|
||||||
|
if (/*active_layout*/ ctx[0] === "home") return 0;
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
current_block_type_index = select_block_type(ctx);
|
||||||
|
if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
||||||
|
|
||||||
const block = {
|
const block = {
|
||||||
c: function create() {
|
c: function create() {
|
||||||
div = element("div");
|
div = element("div");
|
||||||
button = element("button");
|
if_block.c();
|
||||||
p = element("p");
|
attr_dev(div, "class", div_class_value = "" + (null_to_empty(/*active_layout*/ ctx[0]) + " svelte-ptu7yj"));
|
||||||
p.textContent = "chat";
|
|
||||||
attr_dev(p, "class", "svelte-eugl5j");
|
|
||||||
add_location(p, file$c, 5, 56, 111);
|
|
||||||
attr_dev(button, "class", "chat_item chat_chat btn svelte-eugl5j");
|
|
||||||
attr_dev(button, "id", "chat_chat");
|
|
||||||
add_location(button, file$c, 5, 1, 56);
|
|
||||||
attr_dev(div, "class", "close svelte-eugl5j");
|
|
||||||
attr_dev(div, "id", "chat_box");
|
attr_dev(div, "id", "chat_box");
|
||||||
add_location(div, file$c, 4, 0, 21);
|
add_location(div, file$c, 15, 0, 179);
|
||||||
},
|
},
|
||||||
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, div, anchor);
|
insert_dev(target, div, anchor);
|
||||||
append_dev(div, button);
|
if_blocks[current_block_type_index].m(div, null);
|
||||||
append_dev(button, p);
|
current = true;
|
||||||
|
},
|
||||||
|
p: function update(ctx, [dirty]) {
|
||||||
|
let previous_block_index = current_block_type_index;
|
||||||
|
current_block_type_index = select_block_type(ctx);
|
||||||
|
|
||||||
|
if (current_block_type_index === previous_block_index) {
|
||||||
|
if_blocks[current_block_type_index].p(ctx, dirty);
|
||||||
|
} else {
|
||||||
|
group_outros();
|
||||||
|
|
||||||
|
transition_out(if_blocks[previous_block_index], 1, 1, () => {
|
||||||
|
if_blocks[previous_block_index] = null;
|
||||||
|
});
|
||||||
|
|
||||||
|
check_outros();
|
||||||
|
if_block = if_blocks[current_block_type_index];
|
||||||
|
|
||||||
|
if (!if_block) {
|
||||||
|
if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
||||||
|
if_block.c();
|
||||||
|
} else {
|
||||||
|
if_block.p(ctx, dirty);
|
||||||
|
}
|
||||||
|
|
||||||
|
transition_in(if_block, 1);
|
||||||
|
if_block.m(div, null);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!current || dirty & /*active_layout*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(/*active_layout*/ ctx[0]) + " svelte-ptu7yj"))) {
|
||||||
|
attr_dev(div, "class", div_class_value);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
i: function intro(local) {
|
||||||
|
if (current) return;
|
||||||
|
transition_in(if_block);
|
||||||
|
current = true;
|
||||||
|
},
|
||||||
|
o: function outro(local) {
|
||||||
|
transition_out(if_block);
|
||||||
|
current = false;
|
||||||
},
|
},
|
||||||
p: noop,
|
|
||||||
i: noop,
|
|
||||||
o: noop,
|
|
||||||
d: function destroy(detaching) {
|
d: function destroy(detaching) {
|
||||||
if (detaching) detach_dev(div);
|
if (detaching) detach_dev(div);
|
||||||
|
if_blocks[current_block_type_index].d();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -2809,26 +3066,51 @@ var app = (function () {
|
|||||||
return block;
|
return block;
|
||||||
}
|
}
|
||||||
|
|
||||||
function instance$d($$self, $$props) {
|
function instance$d($$self, $$props, $$invalidate) {
|
||||||
let { $$slots: slots = {}, $$scope } = $$props;
|
let { $$slots: slots = {}, $$scope } = $$props;
|
||||||
validate_slots('Chat2', slots, []);
|
validate_slots('Chat', slots, []);
|
||||||
|
let active_layout = "home";
|
||||||
|
|
||||||
|
function update_layout(new_layout) {
|
||||||
|
$$invalidate(0, active_layout = new_layout);
|
||||||
|
}
|
||||||
|
|
||||||
const writable_props = [];
|
const writable_props = [];
|
||||||
|
|
||||||
Object.keys($$props).forEach(key => {
|
Object.keys($$props).forEach(key => {
|
||||||
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Chat2> was created with unknown prop '${key}'`);
|
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Chat> was created with unknown prop '${key}'`);
|
||||||
});
|
});
|
||||||
|
|
||||||
return [];
|
function homelayout_layout_binding(value) {
|
||||||
|
active_layout = value;
|
||||||
|
$$invalidate(0, active_layout);
|
||||||
|
}
|
||||||
|
|
||||||
|
const click_handler = function () {
|
||||||
|
update_layout('home');
|
||||||
|
};
|
||||||
|
|
||||||
|
$$self.$capture_state = () => ({ HomeLayout: Layout_home, active_layout, update_layout });
|
||||||
|
|
||||||
|
$$self.$inject_state = $$props => {
|
||||||
|
if ('active_layout' in $$props) $$invalidate(0, active_layout = $$props.active_layout);
|
||||||
|
};
|
||||||
|
|
||||||
|
if ($$props && "$$inject" in $$props) {
|
||||||
|
$$self.$inject_state($$props.$$inject);
|
||||||
|
}
|
||||||
|
|
||||||
|
return [active_layout, update_layout, homelayout_layout_binding, click_handler];
|
||||||
}
|
}
|
||||||
|
|
||||||
class Chat2 extends SvelteComponentDev {
|
class Chat extends SvelteComponentDev {
|
||||||
constructor(options) {
|
constructor(options) {
|
||||||
super(options);
|
super(options);
|
||||||
init(this, options, instance$d, create_fragment$d, safe_not_equal, {});
|
init(this, options, instance$d, create_fragment$d, safe_not_equal, {});
|
||||||
|
|
||||||
dispatch_dev("SvelteRegisterComponent", {
|
dispatch_dev("SvelteRegisterComponent", {
|
||||||
component: this,
|
component: this,
|
||||||
tagName: "Chat2",
|
tagName: "Chat",
|
||||||
options,
|
options,
|
||||||
id: create_fragment$d.name
|
id: create_fragment$d.name
|
||||||
});
|
});
|
||||||
@@ -2851,8 +3133,8 @@ var app = (function () {
|
|||||||
t1 = space();
|
t1 = space();
|
||||||
div = element("div");
|
div = element("div");
|
||||||
div.textContent = "Failed to load current";
|
div.textContent = "Failed to load current";
|
||||||
add_location(h2, file$b, 20, 4, 685);
|
add_location(h2, file$b, 20, 4, 691);
|
||||||
add_location(div, file$b, 21, 4, 704);
|
add_location(div, file$b, 21, 4, 710);
|
||||||
},
|
},
|
||||||
m: function mount(target, anchor) {
|
m: function mount(target, anchor) {
|
||||||
insert_dev(target, h2, anchor);
|
insert_dev(target, h2, anchor);
|
||||||
@@ -2995,7 +3277,7 @@ var app = (function () {
|
|||||||
let t59;
|
let t59;
|
||||||
let div30;
|
let div30;
|
||||||
let current;
|
let current;
|
||||||
chat = new Chat2({ $$inline: true });
|
chat = new Chat({ $$inline: true });
|
||||||
const if_block_creators = [create_if_block$5, create_else_block$3];
|
const if_block_creators = [create_if_block$5, create_else_block$3];
|
||||||
const if_blocks = [];
|
const if_blocks = [];
|
||||||
|
|
||||||
@@ -3104,37 +3386,37 @@ var app = (function () {
|
|||||||
div30 = element("div");
|
div30 = element("div");
|
||||||
div30.textContent = "testing when there's tons of stuff";
|
div30.textContent = "testing when there's tons of stuff";
|
||||||
attr_dev(div0, "class", "outer svelte-16aefqu");
|
attr_dev(div0, "class", "outer svelte-16aefqu");
|
||||||
add_location(div0, file$b, 14, 0, 402);
|
add_location(div0, file$b, 14, 0, 408);
|
||||||
add_location(div1, file$b, 25, 0, 754);
|
add_location(div1, file$b, 25, 0, 760);
|
||||||
add_location(div2, file$b, 26, 0, 800);
|
add_location(div2, file$b, 26, 0, 806);
|
||||||
add_location(div3, file$b, 27, 0, 846);
|
add_location(div3, file$b, 27, 0, 852);
|
||||||
add_location(div4, file$b, 28, 0, 892);
|
add_location(div4, file$b, 28, 0, 898);
|
||||||
add_location(div5, file$b, 29, 0, 938);
|
add_location(div5, file$b, 29, 0, 944);
|
||||||
add_location(div6, file$b, 30, 0, 984);
|
add_location(div6, file$b, 30, 0, 990);
|
||||||
add_location(div7, file$b, 31, 0, 1030);
|
add_location(div7, file$b, 31, 0, 1036);
|
||||||
add_location(div8, file$b, 32, 0, 1076);
|
add_location(div8, file$b, 32, 0, 1082);
|
||||||
add_location(div9, file$b, 33, 0, 1122);
|
add_location(div9, file$b, 33, 0, 1128);
|
||||||
add_location(div10, file$b, 34, 0, 1168);
|
add_location(div10, file$b, 34, 0, 1174);
|
||||||
add_location(div11, file$b, 35, 0, 1214);
|
add_location(div11, file$b, 35, 0, 1220);
|
||||||
add_location(div12, file$b, 36, 0, 1260);
|
add_location(div12, file$b, 36, 0, 1266);
|
||||||
add_location(div13, file$b, 37, 0, 1306);
|
add_location(div13, file$b, 37, 0, 1312);
|
||||||
add_location(div14, file$b, 38, 0, 1352);
|
add_location(div14, file$b, 38, 0, 1358);
|
||||||
add_location(div15, file$b, 39, 0, 1398);
|
add_location(div15, file$b, 39, 0, 1404);
|
||||||
add_location(div16, file$b, 40, 0, 1444);
|
add_location(div16, file$b, 40, 0, 1450);
|
||||||
add_location(div17, file$b, 41, 0, 1490);
|
add_location(div17, file$b, 41, 0, 1496);
|
||||||
add_location(div18, file$b, 42, 0, 1536);
|
add_location(div18, file$b, 42, 0, 1542);
|
||||||
add_location(div19, file$b, 43, 0, 1582);
|
add_location(div19, file$b, 43, 0, 1588);
|
||||||
add_location(div20, file$b, 44, 0, 1628);
|
add_location(div20, file$b, 44, 0, 1634);
|
||||||
add_location(div21, file$b, 45, 0, 1674);
|
add_location(div21, file$b, 45, 0, 1680);
|
||||||
add_location(div22, file$b, 46, 0, 1720);
|
add_location(div22, file$b, 46, 0, 1726);
|
||||||
add_location(div23, file$b, 47, 0, 1766);
|
add_location(div23, file$b, 47, 0, 1772);
|
||||||
add_location(div24, file$b, 48, 0, 1812);
|
add_location(div24, file$b, 48, 0, 1818);
|
||||||
add_location(div25, file$b, 49, 0, 1858);
|
add_location(div25, file$b, 49, 0, 1864);
|
||||||
add_location(div26, file$b, 50, 0, 1904);
|
add_location(div26, file$b, 50, 0, 1910);
|
||||||
add_location(div27, file$b, 51, 0, 1950);
|
add_location(div27, file$b, 51, 0, 1956);
|
||||||
add_location(div28, file$b, 52, 0, 1996);
|
add_location(div28, file$b, 52, 0, 2002);
|
||||||
add_location(div29, file$b, 53, 0, 2042);
|
add_location(div29, file$b, 53, 0, 2048);
|
||||||
add_location(div30, file$b, 54, 0, 2088);
|
add_location(div30, file$b, 54, 0, 2094);
|
||||||
},
|
},
|
||||||
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");
|
||||||
@@ -3339,7 +3621,7 @@ var app = (function () {
|
|||||||
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<ProfileDisplay> was created with unknown prop '${key}'`);
|
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<ProfileDisplay> was created with unknown prop '${key}'`);
|
||||||
});
|
});
|
||||||
|
|
||||||
$$self.$capture_state = () => ({ onMount, GenerateUserDisplay, Chat: Chat2, user });
|
$$self.$capture_state = () => ({ onMount, GenerateUserDisplay, Chat, user });
|
||||||
|
|
||||||
$$self.$inject_state = $$props => {
|
$$self.$inject_state = $$props => {
|
||||||
if ('user' in $$props) $$invalidate(0, user = $$props.user);
|
if ('user' in $$props) $$invalidate(0, user = $$props.user);
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -7,6 +7,7 @@
|
|||||||
<title>Svelte app</title>
|
<title>Svelte app</title>
|
||||||
|
|
||||||
<link rel='icon' type='image/png' href='/favicon.png'>
|
<link rel='icon' type='image/png' href='/favicon.png'>
|
||||||
|
<link rel='stylesheet' href='/build/extra.css'>
|
||||||
<link rel='stylesheet' href='/global.css'>
|
<link rel='stylesheet' href='/global.css'>
|
||||||
<link rel='stylesheet' href='/build/bundle.css'>
|
<link rel='stylesheet' href='/build/bundle.css'>
|
||||||
|
|
||||||
|
|||||||
@@ -48,7 +48,7 @@ export default {
|
|||||||
}),
|
}),
|
||||||
// we'll extract any component CSS out into
|
// we'll extract any component CSS out into
|
||||||
// a separate file - better for performance
|
// a separate file - better for performance
|
||||||
css({ output: 'bundle.css' }),
|
css({ output: 'extra.css' }),
|
||||||
|
|
||||||
// If you have external dependencies installed from
|
// If you have external dependencies installed from
|
||||||
// npm, you'll most likely need these plugins. In
|
// npm, you'll most likely need these plugins. In
|
||||||
|
|||||||
@@ -1,12 +0,0 @@
|
|||||||
#chat_box.close {
|
|
||||||
gap: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
grid:
|
|
||||||
' chat ' auto
|
|
||||||
/ auto ;
|
|
||||||
}
|
|
||||||
#chat_box.close .chat_item#chat_chat {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
|
|
||||||
<script>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="close" id="chat_box">
|
|
||||||
<button class="chat_item chat_chat btn" id="chat_chat"><p>chat</p></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style src="./Chat2.css">
|
|
||||||
|
|
||||||
#chat_box * {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 0px;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
#chat_box .chat_item {
|
|
||||||
display: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.chat_item#chat_chat {
|
|
||||||
grid-area: chat;
|
|
||||||
}
|
|
||||||
#chat_box {
|
|
||||||
display: grid;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 20px;
|
|
||||||
right: 20px;
|
|
||||||
|
|
||||||
gap: 5px;
|
|
||||||
padding: 5px;
|
|
||||||
width: 300px;
|
|
||||||
height: 400px;
|
|
||||||
|
|
||||||
border: 1px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import GenerateUserDisplay from '../../pieces/GenerateUserDisplay.svelte';
|
import GenerateUserDisplay from '../../pieces/GenerateUserDisplay.svelte';
|
||||||
|
|
||||||
import Chat from "../../chat/Chat2.svelte";
|
import Chat from '../../pieces/chat/Chat.svelte';
|
||||||
|
|
||||||
let user;
|
let user;
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,3 @@
|
|||||||
<script lang="ts">
|
|
||||||
function chat_layout(layout_class) {
|
|
||||||
document.getElementById('chat_box').className = layout_class;
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="close" id="chat_box">
|
<div class="close" id="chat_box">
|
||||||
<!--
|
<!--
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
|
||||||
|
<script>
|
||||||
|
import HomeLayout from './Layout_home.svelte';
|
||||||
|
|
||||||
|
let active_layout = "home";
|
||||||
|
|
||||||
|
function update_layout(new_layout) {
|
||||||
|
active_layout = new_layout;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
*/
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class={active_layout} id="chat_box">
|
||||||
|
{#if active_layout === "home"}
|
||||||
|
<HomeLayout bind:layout={active_layout} />
|
||||||
|
{:else}
|
||||||
|
<!-- https://stackoverflow.com/questions/58262380/how-to-pass-parameters-to-onclick-in-svelte -->
|
||||||
|
<button on:click={function(){update_layout('home')}}>chat</button>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
#chat_box {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 20px;
|
||||||
|
right: 20px;
|
||||||
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
|
border: 1px solid blue;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
|
||||||
|
<script>
|
||||||
|
export let layout;
|
||||||
|
function update_layout(new_layout) {
|
||||||
|
layout = new_layout;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<button on:click={function(){update_layout('close')}}>home</button>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
#chat_box.home {
|
||||||
|
height: 500px;
|
||||||
|
width: 500px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
79
srcs/requirements/svelte/api_front/src/styles/chat/chat.css
Normal file
79
srcs/requirements/svelte/api_front/src/styles/chat/chat.css
Normal file
@@ -0,0 +1,79 @@
|
|||||||
|
|
||||||
|
@import 'chat__global.css';
|
||||||
|
|
||||||
|
@import 'layout_close.css';
|
||||||
|
@import 'layout_home.css';
|
||||||
|
@import 'layout_room.css';
|
||||||
|
@import 'layout_new.css';
|
||||||
|
@import 'layout_settings.css';
|
||||||
|
@import 'layout_room_set.css';
|
||||||
|
@import 'layout_protected.css';
|
||||||
|
@import 'layout_create.css';
|
||||||
|
@import 'layout_user.css';
|
||||||
|
@import 'layout_mute.css';
|
||||||
|
|
||||||
|
@import 'chat_panels.css';
|
||||||
|
@import 'chat_buttons.css';
|
||||||
|
@import 'chat_back.css';
|
||||||
|
@import 'chat_close.css';
|
||||||
|
@import 'chat_write.css';
|
||||||
|
@import 'chat_msg.css';
|
||||||
|
@import 'chat_blocked.css';
|
||||||
|
@import 'chat_form.css';
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
GRID
|
||||||
|
*/
|
||||||
|
|
||||||
|
#chat_box * {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
position: relative;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
#chat_box .chat_item {
|
||||||
|
display: none;
|
||||||
|
/*
|
||||||
|
border: 1px solid black;
|
||||||
|
*/
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_item#chat_chat { grid-area: chat;}
|
||||||
|
.chat_item#chat_close { grid-area: close;}
|
||||||
|
.chat_item#chat_new { grid-area: new;}
|
||||||
|
.chat_item#chat_settings { grid-area: settings;}
|
||||||
|
.chat_item#chat_room_name { grid-area: room_name;}
|
||||||
|
.chat_item#chat_send { grid-area: send;}
|
||||||
|
.chat_item#chat_create { grid-area: create;}
|
||||||
|
.chat_item#chat_user { grid-area: user;}
|
||||||
|
.chat_item#chat_back { grid-area: back;}
|
||||||
|
.chat_item#chat_panel_home { grid-area: panel_home;}
|
||||||
|
.chat_item#chat_panel_new { grid-area: panel_new;}
|
||||||
|
.chat_item#chat_panel_msg { grid-area: panel_msg;}
|
||||||
|
.chat_item#chat_panel_write { grid-area: panel_write;}
|
||||||
|
.chat_item#chat_panel_settings { grid-area: panel_settings;}
|
||||||
|
.chat_item#chat_panel_room_set { grid-area: panel_room_set;}
|
||||||
|
.chat_item#chat_panel_protected { grid-area: panel_protected;}
|
||||||
|
.chat_item#chat_panel_create { grid-area: panel_create;}
|
||||||
|
.chat_item#chat_panel_user { grid-area: panel_user;}
|
||||||
|
.chat_item#chat_panel_mute { grid-area: panel_mute;}
|
||||||
|
|
||||||
|
#chat_box {
|
||||||
|
display: grid;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 20px;
|
||||||
|
right: 20px;
|
||||||
|
|
||||||
|
gap: 5px;
|
||||||
|
padding: 5px;
|
||||||
|
width: 300px;
|
||||||
|
height: 400px;
|
||||||
|
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
Reference in New Issue
Block a user