Redguard_Coomtechnician
/
PEE
mirror of https://git.coom.tech/fuckjannies/lolipiss.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Fix settings button :^)

pull/46/head
coomdev 2 years ago
parent
348d3aae31
commit
1732776901
5 changed files with 62 additions and 69 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      main.meta.js
  2. 108
      main.user.js
  3. 12
      src/App.svelte
  4. 1
      src/SettingsButton.svelte
  5. 8
      src/main.ts

2
main.meta.js
View File

@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name PNGExtraEmbed // @name PNGExtraEmbed
// @namespace https://coom.tech/ // @namespace https://coom.tech/
// @version 0.55 // @version 0.56
// @description uhh // @description uhh
// @author You // @author You
// @match https://boards.4channel.org/* // @match https://boards.4channel.org/*

108
main.user.js
View File

@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name PNGExtraEmbed // @name PNGExtraEmbed
// @namespace https://coom.tech/ // @namespace https://coom.tech/
// @version 0.55 // @version 0.56
// @description uhh // @description uhh
// @author You // @author You
// @match https://boards.4channel.org/* // @match https://boards.4channel.org/*
@ -13143,117 +13143,104 @@
// src/App.svelte // src/App.svelte
function add_css(target) { function add_css(target) {
append_styles(target, "svelte-6ot9e6", ".enabled.svelte-6ot9e6{display:block}.disabled.svelte-6ot9e6{display:none}.glow.svelte-6ot9e6{text-shadow:0 0 4px red}.clickable.svelte-6ot9e6{cursor:pointer}.content.svelte-6ot9e6{display:flex;flex-direction:column}hr.svelte-6ot9e6{width:100%}h1.svelte-6ot9e6{text-align:center}.backpanel.svelte-6ot9e6{position:absolute;right:32px;padding:10px;width:10%;top:32px;border:1px solid;border-radius:5px;background-color:rgba(0, 0, 0, 0.2)}.clickable.svelte-6ot9e6:hover{text-shadow:0 0 2px palevioletred}"); append_styles(target, "svelte-1ev9gch", ".enabled.svelte-1ev9gch{display:block}.disabled.svelte-1ev9gch{display:none}.content.svelte-1ev9gch{display:flex;flex-direction:column}hr.svelte-1ev9gch{width:100%}h1.svelte-1ev9gch{text-align:center}.backpanel.svelte-1ev9gch{position:absolute;right:32px;padding:10px;width:10%;top:32px;border:1px solid;border-radius:5px;background-color:rgba(0, 0, 0, 0.2);pointer-events:all}");
} }
function create_fragment(ctx) { function create_fragment(ctx) {
let span;
let t1;
let div1; let div1;
let div0; let div0;
let h1; let h1;
let t3; let t1;
let hr; let hr;
let t4; let t2;
let label0; let label0;
let input0; let input0;
let t5; let t3;
let t6; let t4;
let label1; let label1;
let input1; let input1;
let t7; let t5;
let t8; let t6;
let label2; let label2;
let input2; let input2;
let t9; let t7;
let t10; let t8;
let label3; let label3;
let input3; let input3;
let t11; let t9;
let mounted; let mounted;
let dispose; let dispose;
return { return {
c() { c() {
span = element("span");
span.textContent = "[PEE Settings]";
t1 = space();
div1 = element("div"); div1 = element("div");
div0 = element("div"); div0 = element("div");
h1 = element("h1"); h1 = element("h1");
h1.textContent = "PEE Settings"; h1.textContent = "PEE Settings";
t3 = space(); t1 = space();
hr = element("hr"); hr = element("hr");
t4 = space(); t2 = space();
label0 = element("label"); label0 = element("label");
input0 = element("input"); input0 = element("input");
t5 = text("\n Autoplay Videos"); t3 = text("\n Autoplay Videos");
t6 = space(); t4 = space();
label1 = element("label"); label1 = element("label");
input1 = element("input"); input1 = element("input");
t7 = text("\n Autoplay Audio"); t5 = text("\n Autoplay Audio");
t8 = space(); t6 = space();
label2 = element("label"); label2 = element("label");
input2 = element("input"); input2 = element("input");
t9 = text("\n Autoexpand Images on opening."); t7 = text("\n Autoexpand Images on opening.");
t10 = space(); t8 = space();
label3 = element("label"); label3 = element("label");
input3 = element("input"); input3 = element("input");
t11 = text("\n Autoexpand Videos on opening."); t9 = text("\n Autoexpand Videos on opening.");
attr(span, "class", "clickable svelte-6ot9e6"); attr(h1, "class", "svelte-1ev9gch");
toggle_class(span, "glow", ctx[0]); attr(hr, "class", "svelte-1ev9gch");
attr(h1, "class", "svelte-6ot9e6");
attr(hr, "class", "svelte-6ot9e6");
attr(input0, "type", "checkbox"); attr(input0, "type", "checkbox");
attr(input1, "type", "checkbox"); attr(input1, "type", "checkbox");
attr(input2, "type", "checkbox"); attr(input2, "type", "checkbox");
attr(input3, "type", "checkbox"); attr(input3, "type", "checkbox");
attr(div0, "class", "content svelte-6ot9e6"); attr(div0, "class", "content svelte-1ev9gch");
attr(div1, "class", "backpanel svelte-6ot9e6"); attr(div1, "class", "backpanel svelte-1ev9gch");
toggle_class(div1, "enabled", ctx[0]); toggle_class(div1, "enabled", ctx[0]);
toggle_class(div1, "disabled", !ctx[0]); toggle_class(div1, "disabled", !ctx[0]);
}, },
m(target, anchor) { m(target, anchor) {
insert(target, span, anchor);
insert(target, t1, anchor);
insert(target, div1, anchor); insert(target, div1, anchor);
append(div1, div0); append(div1, div0);
append(div0, h1); append(div0, h1);
append(div0, t3); append(div0, t1);
append(div0, hr); append(div0, hr);
append(div0, t4); append(div0, t2);
append(div0, label0); append(div0, label0);
append(label0, input0); append(label0, input0);
input0.checked = ctx[1].apv; input0.checked = ctx[1].apv;
append(label0, t5); append(label0, t3);
append(div0, t6); append(div0, t4);
append(div0, label1); append(div0, label1);
append(label1, input1); append(label1, input1);
input1.checked = ctx[1].apa; input1.checked = ctx[1].apa;
append(label1, t7); append(label1, t5);
append(div0, t8); append(div0, t6);
append(div0, label2); append(div0, label2);
append(label2, input2); append(label2, input2);
input2.checked = ctx[1].xpi; input2.checked = ctx[1].xpi;
append(label2, t9); append(label2, t7);
append(div0, t10); append(div0, t8);
append(div0, label3); append(div0, label3);
append(label3, input3); append(label3, input3);
input3.checked = ctx[1].xpv; input3.checked = ctx[1].xpv;
append(label3, t11); append(label3, t9);
if (!mounted) { if (!mounted) {
dispose = [ dispose = [
listen(span, "click", ctx[3]), listen(input0, "change", ctx[2]),
listen(input0, "change", ctx[4]), listen(input1, "change", ctx[3]),
listen(input1, "change", ctx[5]), listen(input2, "change", ctx[4]),
listen(input2, "change", ctx[6]), listen(input3, "change", ctx[5])
listen(input3, "change", ctx[7])
]; ];
mounted = true; mounted = true;
} }
}, },
p(ctx2, [dirty]) { p(ctx2, [dirty]) {
if (dirty & 1) {
toggle_class(span, "glow", ctx2[0]);
}
if (dirty & 2) { if (dirty & 2) {
input0.checked = ctx2[1].apv; input0.checked = ctx2[1].apv;
} }
@ -13276,10 +13263,6 @@
i: noop, i: noop,
o: noop, o: noop,
d(detaching) { d(detaching) {
if (detaching)
detach(span);
if (detaching)
detach(t1);
if (detaching) if (detaching)
detach(div1); detach(div1);
mounted = false; mounted = false;
@ -13291,17 +13274,15 @@
let $settings; let $settings;
component_subscribe($$self, settings, ($$value) => $$invalidate(1, $settings = $$value)); component_subscribe($$self, settings, ($$value) => $$invalidate(1, $settings = $$value));
let visible = false; let visible = false;
function opensettings() {
$$invalidate(0, visible = !visible);
}
let penisEvent = () => { let penisEvent = () => {
console.log("bepis");
$$invalidate(0, visible = !visible); $$invalidate(0, visible = !visible);
}; };
document.addEventListener("penis", penisEvent); document.addEventListener("penis", penisEvent);
console.log("app loaded");
onDestroy(() => { onDestroy(() => {
document.removeEventListener("penis", penisEvent); document.removeEventListener("penis", penisEvent);
}); });
const click_handler = () => opensettings();
function input0_change_handler() { function input0_change_handler() {
$settings.apv = this.checked; $settings.apv = this.checked;
settings.set($settings); settings.set($settings);
@ -13321,8 +13302,6 @@
return [ return [
visible, visible,
$settings, $settings,
opensettings,
click_handler,
input0_change_handler, input0_change_handler,
input1_change_handler, input1_change_handler,
input2_change_handler, input2_change_handler,
@ -13380,6 +13359,7 @@
let visible = false; let visible = false;
function opensettings() { function opensettings() {
$$invalidate(0, visible = !visible); $$invalidate(0, visible = !visible);
document.dispatchEvent(new CustomEvent("penis"));
} }
const click_handler = () => opensettings(); const click_handler = () => opensettings();
return [visible, opensettings, click_handler]; return [visible, opensettings, click_handler];
@ -13697,6 +13677,14 @@
.expanded-image > .post > .file .fileThumb .full-image { .expanded-image > .post > .file .fileThumb .full-image {
display: inline; display: inline;
} }
.pee-settings {
position: fixed;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
`)); `));
document.documentElement.insertBefore(customStyles, null); document.documentElement.insertBefore(customStyles, null);
})(); })();

12
src/App.svelte
View File

@ -2,24 +2,19 @@
import { onDestroy } from 'svelte'; import { onDestroy } from 'svelte';
import { settings } from './stores' import { settings } from './stores'
let visible = false
function opensettings() {
visible = !visible
}
let visible = false;
let penisEvent = () => { let penisEvent = () => {
console.log("bepis")
visible = !visible; visible = !visible;
} }
document.addEventListener('penis', penisEvent); document.addEventListener('penis', penisEvent);
console.log("app loaded")
onDestroy(() => { onDestroy(() => {
document.removeEventListener('penis', penisEvent); document.removeEventListener('penis', penisEvent);
}); });
</script> </script>
<span class="clickable" class:glow={visible} on:click={() => opensettings()}>
[PEE Settings]
</span>
<div class="backpanel" class:enabled={visible} class:disabled={!visible}> <div class="backpanel" class:enabled={visible} class:disabled={!visible}>
<div class="content"> <div class="content">
<h1>PEE Settings</h1> <h1>PEE Settings</h1>
@ -82,6 +77,7 @@ import { onDestroy } from 'svelte';
border: 1px solid; border: 1px solid;
border-radius: 5px; border-radius: 5px;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
pointer-events: all;
} }
.clickable:hover { .clickable:hover {

1
src/SettingsButton.svelte
View File

@ -2,6 +2,7 @@
let visible = false; let visible = false;
function opensettings() { function opensettings() {
visible = !visible visible = !visible
document.dispatchEvent(new CustomEvent("penis"));
} }
</script> </script>

8
src/main.ts
View File

@ -359,6 +359,14 @@ customStyles.appendChild(document.createTextNode(
.expanded-image > .post > .file .fileThumb .full-image { .expanded-image > .post > .file .fileThumb .full-image {
display: inline; display: inline;
} }
.pee-settings {
position: fixed;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
` `
)); ));

Write Preview
Loading…
Cancel
Save