The-Naomi-Developers/embedbuilder
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Use array for guiTabs

Browse source
This commit is contained in:
Glitchii 2022-03-17 18:53:47 +00:00
parent cf6bd6e7a2
commit f4d56aa932
2 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
assets/js/script.js
View file

@ -2,10 +2,9 @@
// Want to use or contribute to this? https://github.com/Glitchii/embedbuilder // Want to use or contribute to this? https://github.com/Glitchii/embedbuilder
// If you found an issue, please report it, make a P.R, or use the discussion page. Thanks // If you found an issue, please report it, make a P.R, or use the discussion page. Thanks
if (!window.options) options = top.options || {};
options = {};
var params = new URL(location).searchParams, var params = new URL(top.location.href).searchParams,
hasParam = param => params.get(param) !== null, hasParam = param => params.get(param) !== null,
dataSpecified = options.dataSpecified || params.get('data'), dataSpecified = options.dataSpecified || params.get('data'),
username = params.get('username') || options.username, username = params.get('username') || options.username,
@ -30,9 +29,9 @@ var params = new URL(location).searchParams,
jsonToBase64 = (jsonCode, withURL, redirect) => { jsonToBase64 = (jsonCode, withURL, redirect) => {
data = btoa(escape((JSON.stringify(typeof jsonCode === 'object' ? jsonCode : json)))); data = btoa(escape((JSON.stringify(typeof jsonCode === 'object' ? jsonCode : json))));
if (withURL) { if (withURL) {
let currentURL = new URL(location); let currentURL = new URL(top.location);
currentURL.searchParams.append('data', data); currentURL.searchParams.append('data', data);
if (redirect) window.location = currentURL; if (redirect) top.location = currentURL;
// Replace %3D ('=' url encoded) with '=' // Replace %3D ('=' url encoded) with '='
data = currentURL.href.replace(/data=\w+(?:%3D)+/g, 'data=' + data); data = currentURL.href.replace(/data=\w+(?:%3D)+/g, 'data=' + data);
} }
@ -60,7 +59,7 @@ var params = new URL(location).searchParams,
if (autoParams) isReversed ? urlOptions({ set: ['reverse', ''] }) : urlOptions({ remove: 'reverse' }); if (autoParams) isReversed ? urlOptions({ set: ['reverse', ''] }) : urlOptions({ remove: 'reverse' });
}, },
urlOptions = ({ remove, set }) => { urlOptions = ({ remove, set }) => {
const url = new URL(location.href); const url = new URL(top.location.href);
if (remove) url.searchParams.delete(remove); if (remove) url.searchParams.delete(remove);
if (set) url.searchParams.set(set[0], set[1]); if (set) url.searchParams.set(set[0], set[1]);
// history.replaceState(null, null, url.href); // history.replaceState(null, null, url.href);
@ -153,7 +152,7 @@ addEventListener('DOMContentLoaded', () => {
if (autoParams) if (autoParams)
document.querySelector('.auto-params > input').checked = true; document.querySelector('.auto-params > input').checked = true;
document.querySelectorAll('.clickable > img') document.querySelectorAll('.clickable > img')
.forEach(e => e.parentElement.addEventListener('mouseup', el => window.open(el.target.src))); .forEach(e => e.parentElement.addEventListener('mouseup', el => top.open(el.target.src)));
const editorHolder = document.querySelector('.editorHolder'), const editorHolder = document.querySelector('.editorHolder'),
guiParent = document.querySelector('.top'), guiParent = document.querySelector('.top'),
@ -192,7 +191,7 @@ addEventListener('DOMContentLoaded', () => {
const notif = document.querySelector('.notification'), const notif = document.querySelector('.notification'),
url = (url) => /^(https?:)?\/\//g.exec(url) ? url : '//' + url, url = (url) => /^(https?:)?\/\//g.exec(url) ? url : '//' + url,
makeShort = (txt, length, mediaWidth) => { makeShort = (txt, length, mediaWidth) => {
if (mediaWidth && window.matchMedia(`(max-width:${mediaWidth}px)`).matches) if (mediaWidth && matchMedia(`(max-width:${mediaWidth}px)`).matches)
return txt.length > (length - 3) ? txt.substring(0, length - 3) + '...' : txt; return txt.length > (length - 3) ? txt.substring(0, length - 3) + '...' : txt;
return txt; return txt;
}, error = (msg, time) => { }, error = (msg, time) => {
@ -550,7 +549,7 @@ addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.gui > .item').forEach(e => { document.querySelectorAll('.gui > .item').forEach(e => {
e.addEventListener('click', el => { e.addEventListener('click', el => {
let elm = (el.target.closest('.top>.gui>.item') || el.target); let elm = (el.target.closest('.top>.gui>.item') || el.target);
if (elm.classList.contains('active')) window.getSelection().anchorNode !== elm && elm.classList.remove('active'); if (elm.classList.contains('active')) getSelection().anchorNode !== elm && elm.classList.remove('active');
else { else {
let inlineField = elm.closest('.inlineField'), let inlineField = elm.closest('.inlineField'),
input = elm.nextElementSibling.querySelector('input[type="text"]'), input = elm.nextElementSibling.querySelector('input[type="text"]'),
@ -639,7 +638,7 @@ addEventListener('DOMContentLoaded', () => {
})) }))
if (opts?.guiTabs) { if (opts?.guiTabs) {
let tabs = opts.guiTabs.split(/, */), bottomKeys = ['footer', 'image'], topKeys = ['author', 'content']; let tabs = opts.guiTabs.split?.(/, */) || opts.guiTabs, bottomKeys = ['footer', 'image'], topKeys = ['author', 'content'];
document.querySelectorAll(`.${tabs.join(', .')}`).forEach(e => e.classList.add('active')); document.querySelectorAll(`.${tabs.join(', .')}`).forEach(e => e.classList.add('active'));
// Autoscroll GUI to the bottom if necessary. // Autoscroll GUI to the bottom if necessary.

2
builder.config.js
View file

@ -7,7 +7,7 @@ options = {
noUser: false, noUser: false,
hasParam: false, hasParam: false,
dataSpecified: false, dataSpecified: false,
guiTabs: 'author,description', guiTabs: ['author', 'description'],
useJsonEditor: false, useJsonEditor: false,
reverseColumns: false, reverseColumns: false,
onlyEmbed: false, onlyEmbed: false,