efd
This commit is contained in:
Aevann1
parent
8ffd16e44f
commit
b07ca4804c
1 changed files with 195 additions and 20 deletions
|
|
@ -65,6 +65,9 @@
|
||||||
function set_input_value(input, value) {
|
function set_input_value(input, value) {
|
||||||
input.value = value == null ? '' : value;
|
input.value = value == null ? '' : value;
|
||||||
}
|
}
|
||||||
|
function set_style(node, key, value, important) {
|
||||||
|
node.style.setProperty(key, value, important ? 'important' : '');
|
||||||
|
}
|
||||||
function custom_event(type, detail, bubbles = false) {
|
function custom_event(type, detail, bubbles = false) {
|
||||||
const e = document.createEvent('CustomEvent');
|
const e = document.createEvent('CustomEvent');
|
||||||
e.initCustomEvent(type, bubbles, false, detail);
|
e.initCustomEvent(type, bubbles, false, detail);
|
||||||
|
|
@ -366,21 +369,129 @@
|
||||||
/* src\App.svelte generated by Svelte v3.42.6 */
|
/* src\App.svelte generated by Svelte v3.42.6 */
|
||||||
const file = "src\\App.svelte";
|
const file = "src\\App.svelte";
|
||||||
|
|
||||||
|
// (21:1) {:else}
|
||||||
|
function create_else_block(ctx) {
|
||||||
|
let t;
|
||||||
|
|
||||||
|
const block = {
|
||||||
|
c: function create() {
|
||||||
|
t = text("Show preview");
|
||||||
|
},
|
||||||
|
m: function mount(target, anchor) {
|
||||||
|
insert_dev(target, t, anchor);
|
||||||
|
},
|
||||||
|
d: function destroy(detaching) {
|
||||||
|
if (detaching) detach_dev(t);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
|
block,
|
||||||
|
id: create_else_block.name,
|
||||||
|
type: "else",
|
||||||
|
source: "(21:1) {:else}",
|
||||||
|
ctx
|
||||||
|
});
|
||||||
|
|
||||||
|
return block;
|
||||||
|
}
|
||||||
|
|
||||||
|
// (19:1) {#if show_preview}
|
||||||
|
function create_if_block_1(ctx) {
|
||||||
|
let t;
|
||||||
|
|
||||||
|
const block = {
|
||||||
|
c: function create() {
|
||||||
|
t = text("Hide preview");
|
||||||
|
},
|
||||||
|
m: function mount(target, anchor) {
|
||||||
|
insert_dev(target, t, anchor);
|
||||||
|
},
|
||||||
|
d: function destroy(detaching) {
|
||||||
|
if (detaching) detach_dev(t);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
|
block,
|
||||||
|
id: create_if_block_1.name,
|
||||||
|
type: "if",
|
||||||
|
source: "(19:1) {#if show_preview}",
|
||||||
|
ctx
|
||||||
|
});
|
||||||
|
|
||||||
|
return block;
|
||||||
|
}
|
||||||
|
|
||||||
|
// (28:0) {#if show_preview}
|
||||||
|
function create_if_block(ctx) {
|
||||||
|
let html_tag;
|
||||||
|
let raw_value = marked__default['default'](marking(/*text*/ ctx[0])) + "";
|
||||||
|
let html_anchor;
|
||||||
|
|
||||||
|
const block = {
|
||||||
|
c: function create() {
|
||||||
|
html_tag = new HtmlTag();
|
||||||
|
html_anchor = empty();
|
||||||
|
html_tag.a = html_anchor;
|
||||||
|
},
|
||||||
|
m: function mount(target, anchor) {
|
||||||
|
html_tag.m(raw_value, target, anchor);
|
||||||
|
insert_dev(target, html_anchor, anchor);
|
||||||
|
},
|
||||||
|
p: function update(ctx, dirty) {
|
||||||
|
if (dirty & /*text*/ 1 && raw_value !== (raw_value = marked__default['default'](marking(/*text*/ ctx[0])) + "")) html_tag.p(raw_value);
|
||||||
|
},
|
||||||
|
d: function destroy(detaching) {
|
||||||
|
if (detaching) detach_dev(html_anchor);
|
||||||
|
if (detaching) html_tag.d();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
dispatch_dev("SvelteRegisterBlock", {
|
||||||
|
block,
|
||||||
|
id: create_if_block.name,
|
||||||
|
type: "if",
|
||||||
|
source: "(28:0) {#if show_preview}",
|
||||||
|
ctx
|
||||||
|
});
|
||||||
|
|
||||||
|
return block;
|
||||||
|
}
|
||||||
|
|
||||||
function create_fragment(ctx) {
|
function create_fragment(ctx) {
|
||||||
let textarea;
|
let textarea;
|
||||||
let t;
|
let t0;
|
||||||
let html_tag;
|
let div;
|
||||||
let raw_value = marked__default['default'](/*text*/ ctx[0]) + "";
|
let t1;
|
||||||
let html_anchor;
|
let pre;
|
||||||
|
let t2;
|
||||||
|
let t3;
|
||||||
|
let span;
|
||||||
let mounted;
|
let mounted;
|
||||||
let dispose;
|
let dispose;
|
||||||
|
|
||||||
|
function select_block_type(ctx, dirty) {
|
||||||
|
if (/*show_preview*/ ctx[1]) return create_if_block_1;
|
||||||
|
return create_else_block;
|
||||||
|
}
|
||||||
|
|
||||||
|
let current_block_type = select_block_type(ctx);
|
||||||
|
let if_block0 = current_block_type(ctx);
|
||||||
|
let if_block1 = /*show_preview*/ ctx[1] && create_if_block(ctx);
|
||||||
|
|
||||||
const block = {
|
const block = {
|
||||||
c: function create() {
|
c: function create() {
|
||||||
textarea = element("textarea");
|
textarea = element("textarea");
|
||||||
t = space();
|
t0 = space();
|
||||||
html_tag = new HtmlTag();
|
div = element("div");
|
||||||
html_anchor = empty();
|
if_block0.c();
|
||||||
|
t1 = space();
|
||||||
|
pre = element("pre");
|
||||||
|
t2 = space();
|
||||||
|
if (if_block1) if_block1.c();
|
||||||
|
t3 = space();
|
||||||
|
span = element("span");
|
||||||
attr_dev(textarea, "form", "submitform");
|
attr_dev(textarea, "form", "submitform");
|
||||||
attr_dev(textarea, "id", "post-text");
|
attr_dev(textarea, "id", "post-text");
|
||||||
attr_dev(textarea, "class", "form-control rounded");
|
attr_dev(textarea, "class", "form-control rounded");
|
||||||
|
|
@ -391,8 +502,17 @@
|
||||||
attr_dev(textarea, "oninput", "charLimit('post-text','character-count-submit-text-form');checkForRequired()");
|
attr_dev(textarea, "oninput", "charLimit('post-text','character-count-submit-text-form');checkForRequired()");
|
||||||
attr_dev(textarea, "maxlength", "10000");
|
attr_dev(textarea, "maxlength", "10000");
|
||||||
textarea.required = true;
|
textarea.required = true;
|
||||||
add_location(textarea, file, 5, 0, 66);
|
add_location(textarea, file, 15, 0, 247);
|
||||||
html_tag.a = html_anchor;
|
attr_dev(div, "class", "btn btn-secondary");
|
||||||
|
set_style(div, "float", "right");
|
||||||
|
add_location(div, file, 17, 0, 567);
|
||||||
|
add_location(pre, file, 25, 0, 722);
|
||||||
|
attr_dev(span, "class", "position-absolute text-small font-weight-bold");
|
||||||
|
attr_dev(span, "id", "character-count-submit-text-form");
|
||||||
|
set_style(span, "right", "1rem");
|
||||||
|
set_style(span, "bottom", "0.5rem");
|
||||||
|
set_style(span, "z-index", "3");
|
||||||
|
add_location(span, file, 31, 0, 792);
|
||||||
},
|
},
|
||||||
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");
|
||||||
|
|
@ -400,12 +520,22 @@
|
||||||
m: function mount(target, anchor) {
|
m: function mount(target, anchor) {
|
||||||
insert_dev(target, textarea, anchor);
|
insert_dev(target, textarea, anchor);
|
||||||
set_input_value(textarea, /*text*/ ctx[0]);
|
set_input_value(textarea, /*text*/ ctx[0]);
|
||||||
insert_dev(target, t, anchor);
|
insert_dev(target, t0, anchor);
|
||||||
html_tag.m(raw_value, target, anchor);
|
insert_dev(target, div, anchor);
|
||||||
insert_dev(target, html_anchor, anchor);
|
if_block0.m(div, null);
|
||||||
|
insert_dev(target, t1, anchor);
|
||||||
|
insert_dev(target, pre, anchor);
|
||||||
|
insert_dev(target, t2, anchor);
|
||||||
|
if (if_block1) if_block1.m(target, anchor);
|
||||||
|
insert_dev(target, t3, anchor);
|
||||||
|
insert_dev(target, span, anchor);
|
||||||
|
|
||||||
if (!mounted) {
|
if (!mounted) {
|
||||||
dispose = listen_dev(textarea, "input", /*textarea_input_handler*/ ctx[1]);
|
dispose = [
|
||||||
|
listen_dev(textarea, "input", /*textarea_input_handler*/ ctx[3]),
|
||||||
|
listen_dev(div, "click", /*togglePreview*/ ctx[2], false, false, false)
|
||||||
|
];
|
||||||
|
|
||||||
mounted = true;
|
mounted = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -414,17 +544,44 @@
|
||||||
set_input_value(textarea, /*text*/ ctx[0]);
|
set_input_value(textarea, /*text*/ ctx[0]);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (dirty & /*text*/ 1 && raw_value !== (raw_value = marked__default['default'](/*text*/ ctx[0]) + "")) html_tag.p(raw_value);
|
if (current_block_type !== (current_block_type = select_block_type(ctx))) {
|
||||||
|
if_block0.d(1);
|
||||||
|
if_block0 = current_block_type(ctx);
|
||||||
|
|
||||||
|
if (if_block0) {
|
||||||
|
if_block0.c();
|
||||||
|
if_block0.m(div, null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (/*show_preview*/ ctx[1]) {
|
||||||
|
if (if_block1) {
|
||||||
|
if_block1.p(ctx, dirty);
|
||||||
|
} else {
|
||||||
|
if_block1 = create_if_block(ctx);
|
||||||
|
if_block1.c();
|
||||||
|
if_block1.m(t3.parentNode, t3);
|
||||||
|
}
|
||||||
|
} else if (if_block1) {
|
||||||
|
if_block1.d(1);
|
||||||
|
if_block1 = null;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
i: noop,
|
i: noop,
|
||||||
o: noop,
|
o: noop,
|
||||||
d: function destroy(detaching) {
|
d: function destroy(detaching) {
|
||||||
if (detaching) detach_dev(textarea);
|
if (detaching) detach_dev(textarea);
|
||||||
if (detaching) detach_dev(t);
|
if (detaching) detach_dev(t0);
|
||||||
if (detaching) detach_dev(html_anchor);
|
if (detaching) detach_dev(div);
|
||||||
if (detaching) html_tag.d();
|
if_block0.d();
|
||||||
|
if (detaching) detach_dev(t1);
|
||||||
|
if (detaching) detach_dev(pre);
|
||||||
|
if (detaching) detach_dev(t2);
|
||||||
|
if (if_block1) if_block1.d(detaching);
|
||||||
|
if (detaching) detach_dev(t3);
|
||||||
|
if (detaching) detach_dev(span);
|
||||||
mounted = false;
|
mounted = false;
|
||||||
dispose();
|
run_all(dispose);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -439,10 +596,21 @@
|
||||||
return block;
|
return block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function marking(input) {
|
||||||
|
markdown = input.replace("sex", "fuck");
|
||||||
|
return markdown;
|
||||||
|
}
|
||||||
|
|
||||||
function instance($$self, $$props, $$invalidate) {
|
function instance($$self, $$props, $$invalidate) {
|
||||||
let { $$slots: slots = {}, $$scope } = $$props;
|
let { $$slots: slots = {}, $$scope } = $$props;
|
||||||
validate_slots('App', slots, []);
|
validate_slots('App', slots, []);
|
||||||
let text = ``;
|
let text = ``;
|
||||||
|
let show_preview = false;
|
||||||
|
|
||||||
|
function togglePreview() {
|
||||||
|
$$invalidate(1, show_preview = !show_preview);
|
||||||
|
}
|
||||||
|
|
||||||
const writable_props = [];
|
const writable_props = [];
|
||||||
|
|
||||||
Object.keys($$props).forEach(key => {
|
Object.keys($$props).forEach(key => {
|
||||||
|
|
@ -454,17 +622,24 @@
|
||||||
$$invalidate(0, text);
|
$$invalidate(0, text);
|
||||||
}
|
}
|
||||||
|
|
||||||
$$self.$capture_state = () => ({ marked: marked__default['default'], text });
|
$$self.$capture_state = () => ({
|
||||||
|
marked: marked__default['default'],
|
||||||
|
text,
|
||||||
|
show_preview,
|
||||||
|
marking,
|
||||||
|
togglePreview
|
||||||
|
});
|
||||||
|
|
||||||
$$self.$inject_state = $$props => {
|
$$self.$inject_state = $$props => {
|
||||||
if ('text' in $$props) $$invalidate(0, text = $$props.text);
|
if ('text' in $$props) $$invalidate(0, text = $$props.text);
|
||||||
|
if ('show_preview' in $$props) $$invalidate(1, show_preview = $$props.show_preview);
|
||||||
};
|
};
|
||||||
|
|
||||||
if ($$props && "$$inject" in $$props) {
|
if ($$props && "$$inject" in $$props) {
|
||||||
$$self.$inject_state($$props.$$inject);
|
$$self.$inject_state($$props.$$inject);
|
||||||
}
|
}
|
||||||
|
|
||||||
return [text, textarea_input_handler];
|
return [text, show_preview, togglePreview, textarea_input_handler];
|
||||||
}
|
}
|
||||||
|
|
||||||
class App extends SvelteComponentDev {
|
class App extends SvelteComponentDev {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue