stuff
This commit is contained in:
Mirco Wittrien
parent
d0dc465981
commit
2b91239706
|
|
@ -5711,13 +5711,17 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins || {}, cleanUps: BDFDB && BDFDB
|
|||
}
|
||||
return BDFDB.ReactUtils.createElement(LibraryComponents.Clickable, {
|
||||
className: this.props.className,
|
||||
onContextMenu: e => {
|
||||
if (!this.domElementRef.current || this.domElementRef.current.contains(e.target) && typeof this.props.onContextMenu == "function") this.props.onContextMenu(this, e);
|
||||
},
|
||||
onClick: e => {
|
||||
if (!this.domElementRef.current || this.domElementRef.current.contains(e.target)) {
|
||||
if (typeof this.props.onClick == "function") this.props.onClick(this, e);
|
||||
if (typeof this.handleClick == "function") this.handleClick();
|
||||
if ((this.props.openOnClick || this.props.openOnClick === undefined) && typeof this.handleClick == "function") this.handleClick();
|
||||
}
|
||||
else BDFDB.ListenerUtils.stopEvent(e);
|
||||
},
|
||||
onContextMenu: e => {
|
||||
if (!this.domElementRef.current || this.domElementRef.current.contains(e.target)) {
|
||||
if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(this, e);
|
||||
if (this.props.openOnContextMenu && typeof this.handleClick == "function") this.handleClick();
|
||||
}
|
||||
else BDFDB.ListenerUtils.stopEvent(e);
|
||||
},
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -259,67 +259,7 @@ class GoogleTranslateOption {
|
|||
}
|
||||
else if (methodnames.includes("render")) {
|
||||
let [children, index] = BDFDB.ReactUtils.findChildren(returnvalue, {props:[["className", BDFDB.disCN.textareapickerbuttons]]});
|
||||
if (!this.stopping && index > -1 && children[index].props && children[index].props.children) {
|
||||
children[index].props.children.unshift(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.PopoutContainer, {
|
||||
className: BDFDB.disCN.textareapickerbuttoncontainer,
|
||||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ChannelTextAreaButton, {
|
||||
className: ["translate-button", this.translating ? "translating-active" : null, BDFDB.disCN.textareapickerbutton].filter(n => n).join(" "),
|
||||
iconSVG: `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="${BDFDB.disCN.textareaicon}" viewBox="0 0 22 22" fill="currentColor"><path d="M 19.794, 3.299 H 9.765 L 8.797, 0 h -6.598 C 0.99, 0, 0, 0.99, 0, 2.199 V 16.495 c 0, 1.21, 0.99, 2.199, 2.199, 2.199 H 9.897 l 1.1, 3.299 H 19.794 c 1.21, 0, 2.199 -0.99, 2.199 -2.199 V 5.498 C 21.993, 4.289, 21.003, 3.299, 19.794, 3.299 z M 5.68, 13.839 c -2.48, 0 -4.492 -2.018 -4.492 -4.492 s 2.018 -4.492, 4.492 -4.492 c 1.144, 0, 2.183, 0.407, 3.008, 1.171 l 0.071, 0.071 l -1.342, 1.298 l -0.066 -0.06 c -0.313 -0.297 -0.858 -0.643 -1.671 -0.643 c -1.441, 0 -2.612, 1.193 -2.612, 2.661 c 0, 1.468, 1.171, 2.661, 2.612, 2.661 c 1.507, 0, 2.161 -0.962, 2.337 -1.606 h -2.43 v -1.704 h 4.344 l 0.016, 0.077 c 0.044, 0.231, 0.06, 0.434, 0.06, 0.665 C 10.001, 12.036, 8.225, 13.839, 5.68, 13.839 z M 11.739, 9.979 h 4.393 c 0, 0 -0.374, 1.446 -1.715, 3.008 c -0.588 -0.676 -0.995 -1.336 -1.254 -1.864 h -1.089 L 11.739, 9.979 z M 13.625, 13.839 l -0.588, 0.583 l -0.72 -2.452 C 12.685, 12.63, 13.13, 13.262, 13.625, 13.839 z M 20.893, 19.794 c 0, 0.605 -0.495, 1.1 -1.1, 1.1 H 12.096 l 2.199 -2.199 l -0.896 -3.041 l 1.012 -1.012 l 2.953, 2.953 l 0.803 -0.803 l -2.975 -2.953 c 0.99 -1.138, 1.759 -2.474, 2.106 -3.854 h 1.397 V 8.841 H 14.697 v -1.144 h -1.144 v 1.144 H 11.398 l -1.309 -4.443 H 19.794 c 0.605, 0, 1.1, 0.495, 1.1, 1.1 V 19.794 z"/></svg>`
|
||||
}),
|
||||
width: 400,
|
||||
padding: 10,
|
||||
animation: BDFDB.LibraryComponents.PopoutContainer.Animation.SCALE,
|
||||
position: BDFDB.LibraryComponents.PopoutContainer.Positions.TOP,
|
||||
align: BDFDB.LibraryComponents.PopoutContainer.Align.RIGHT,
|
||||
onClose: instance => {
|
||||
let channelTextareaButtonIns = BDFDB.ReactUtils.findOwner(instance, {name:"ChannelTextAreaButton"});
|
||||
if (channelTextareaButtonIns) {
|
||||
channelTextareaButtonIns.props.isActive = false;
|
||||
BDFDB.ReactUtils.forceUpdate(channelTextareaButtonIns);
|
||||
}
|
||||
},
|
||||
onContextMenu: _ => {
|
||||
this.translating = !this.translating;
|
||||
let channelTextareaButtonIns = BDFDB.ReactUtils.findOwner(instance, {name:"ChannelTextAreaButton"});
|
||||
if (channelTextareaButtonIns) {
|
||||
channelTextareaButtonIns.props.className = ["translate-button", this.translating ? "translating-active" : null, BDFDB.disCN.textareapickerbutton].filter(n => n).join(" ");
|
||||
BDFDB.ReactUtils.forceUpdate(channelTextareaButtonIns);
|
||||
}
|
||||
},
|
||||
renderPopout: (instance, close) => {
|
||||
let channelTextareaButtonIns = BDFDB.ReactUtils.findOwner(instance, {name:"ChannelTextAreaButton"});
|
||||
if (channelTextareaButtonIns) {
|
||||
channelTextareaButtonIns.props.isActive = true;
|
||||
BDFDB.ReactUtils.forceUpdate(channelTextareaButtonIns);
|
||||
}
|
||||
let popoutelements = [];
|
||||
popoutelements.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
|
||||
className: BDFDB.disCNS.margintop8 + BDFDB.disCN.marginbottom8,
|
||||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsLabel, {
|
||||
label: `Words starting with "!" will be ignored`
|
||||
})
|
||||
}));
|
||||
popoutelements.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormDivider, {
|
||||
className: BDFDB.disCN.marginbottom8
|
||||
})),
|
||||
popoutelements = popoutelements.concat(this.createSelects(true));
|
||||
popoutelements.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||||
type: "Switch",
|
||||
className: BDFDB.disCN.marginbottom20,
|
||||
label: "Translate:",
|
||||
value: this.translating,
|
||||
onChange: value => {
|
||||
this.translating = value;
|
||||
if (channelTextareaButtonIns) {
|
||||
channelTextareaButtonIns.props.className = ["translate-button", this.translating ? "translating-active" : null, BDFDB.disCN.textareapickerbutton].filter(n => n).join(" ");
|
||||
BDFDB.ReactUtils.forceUpdate(channelTextareaButtonIns);
|
||||
}
|
||||
}
|
||||
}));
|
||||
return popoutelements;
|
||||
}
|
||||
}));
|
||||
}
|
||||
if (!this.stopping && index > -1 && children[index].props && children[index].props.children) children[index].props.children.unshift(this.createTranslateButton());
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -349,6 +289,69 @@ class GoogleTranslateOption {
|
|||
}
|
||||
}
|
||||
|
||||
createTranslateButton () {
|
||||
return BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.PopoutContainer, {
|
||||
className: BDFDB.disCN.textareapickerbuttoncontainer,
|
||||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ChannelTextAreaButton, {
|
||||
className: ["translate-button", this.translating ? "translating-active" : null, BDFDB.disCN.textareapickerbutton].filter(n => n).join(" "),
|
||||
iconSVG: `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="${BDFDB.disCN.textareaicon}" viewBox="0 0 22 22" fill="currentColor"><path d="M 19.794, 3.299 H 9.765 L 8.797, 0 h -6.598 C 0.99, 0, 0, 0.99, 0, 2.199 V 16.495 c 0, 1.21, 0.99, 2.199, 2.199, 2.199 H 9.897 l 1.1, 3.299 H 19.794 c 1.21, 0, 2.199 -0.99, 2.199 -2.199 V 5.498 C 21.993, 4.289, 21.003, 3.299, 19.794, 3.299 z M 5.68, 13.839 c -2.48, 0 -4.492 -2.018 -4.492 -4.492 s 2.018 -4.492, 4.492 -4.492 c 1.144, 0, 2.183, 0.407, 3.008, 1.171 l 0.071, 0.071 l -1.342, 1.298 l -0.066 -0.06 c -0.313 -0.297 -0.858 -0.643 -1.671 -0.643 c -1.441, 0 -2.612, 1.193 -2.612, 2.661 c 0, 1.468, 1.171, 2.661, 2.612, 2.661 c 1.507, 0, 2.161 -0.962, 2.337 -1.606 h -2.43 v -1.704 h 4.344 l 0.016, 0.077 c 0.044, 0.231, 0.06, 0.434, 0.06, 0.665 C 10.001, 12.036, 8.225, 13.839, 5.68, 13.839 z M 11.739, 9.979 h 4.393 c 0, 0 -0.374, 1.446 -1.715, 3.008 c -0.588 -0.676 -0.995 -1.336 -1.254 -1.864 h -1.089 L 11.739, 9.979 z M 13.625, 13.839 l -0.588, 0.583 l -0.72 -2.452 C 12.685, 12.63, 13.13, 13.262, 13.625, 13.839 z M 20.893, 19.794 c 0, 0.605 -0.495, 1.1 -1.1, 1.1 H 12.096 l 2.199 -2.199 l -0.896 -3.041 l 1.012 -1.012 l 2.953, 2.953 l 0.803 -0.803 l -2.975 -2.953 c 0.99 -1.138, 1.759 -2.474, 2.106 -3.854 h 1.397 V 8.841 H 14.697 v -1.144 h -1.144 v 1.144 H 11.398 l -1.309 -4.443 H 19.794 c 0.605, 0, 1.1, 0.495, 1.1, 1.1 V 19.794 z"/></svg>`
|
||||
}),
|
||||
width: 400,
|
||||
padding: 10,
|
||||
animation: BDFDB.LibraryComponents.PopoutContainer.Animation.SCALE,
|
||||
position: BDFDB.LibraryComponents.PopoutContainer.Positions.TOP,
|
||||
align: BDFDB.LibraryComponents.PopoutContainer.Align.RIGHT,
|
||||
onClose: instance => {
|
||||
let channelTextareaButtonIns = BDFDB.ReactUtils.findOwner(instance, {name:"ChannelTextAreaButton"});
|
||||
if (channelTextareaButtonIns) {
|
||||
channelTextareaButtonIns.props.isActive = false;
|
||||
BDFDB.ReactUtils.forceUpdate(channelTextareaButtonIns);
|
||||
}
|
||||
},
|
||||
onContextMenu: instance => {
|
||||
this.translating = !this.translating;
|
||||
let channelTextareaButtonIns = BDFDB.ReactUtils.findOwner(instance, {name:"ChannelTextAreaButton"});
|
||||
if (channelTextareaButtonIns) {
|
||||
channelTextareaButtonIns.props.className = ["translate-button", this.translating ? "translating-active" : null, BDFDB.disCN.textareapickerbutton].filter(n => n).join(" ");
|
||||
BDFDB.ReactUtils.forceUpdate(channelTextareaButtonIns);
|
||||
instance.close();
|
||||
}
|
||||
},
|
||||
renderPopout: instance => {
|
||||
let channelTextareaButtonIns = BDFDB.ReactUtils.findOwner(instance, {name:"ChannelTextAreaButton"});
|
||||
if (channelTextareaButtonIns) {
|
||||
channelTextareaButtonIns.props.isActive = true;
|
||||
BDFDB.ReactUtils.forceUpdate(channelTextareaButtonIns);
|
||||
}
|
||||
let popoutelements = [];
|
||||
popoutelements.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
|
||||
className: BDFDB.disCNS.margintop8 + BDFDB.disCN.marginbottom8,
|
||||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsLabel, {
|
||||
label: `Words starting with "!" will be ignored`
|
||||
})
|
||||
}));
|
||||
popoutelements.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormDivider, {
|
||||
className: BDFDB.disCN.marginbottom8
|
||||
})),
|
||||
popoutelements = popoutelements.concat(this.createSelects(true));
|
||||
popoutelements.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||||
type: "Switch",
|
||||
className: BDFDB.disCN.marginbottom20,
|
||||
label: "Translate:",
|
||||
value: this.translating,
|
||||
onChange: value => {
|
||||
this.translating = value;
|
||||
if (channelTextareaButtonIns) {
|
||||
channelTextareaButtonIns.props.className = ["translate-button", this.translating ? "translating-active" : null, BDFDB.disCN.textareapickerbutton].filter(n => n).join(" ");
|
||||
BDFDB.ReactUtils.forceUpdate(channelTextareaButtonIns);
|
||||
}
|
||||
}
|
||||
}));
|
||||
return popoutelements;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
createSelects (inPopout) {
|
||||
let selects = [];
|
||||
for (let key in this.defaults.choices) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue