Codes and things

[sc=psychic-delta][img]/img/pkmn/u/7/n/w.png[/img][/sc] [sc=dragon-delta][img]/img/pkmn/c/m/x.png[/img][/sc] [style] .delta-shadow(@color) { margin: 5px; filter: drop-shadow(0px 1px 0px @color) drop-shadow(-1px 0px 0px @color) drop-shadow(1px 0px 0px @color) drop-shadow(0px 0px 1px @color) drop-shadow(0px -2px 1px @color); } .normal-delta img { .delta-shadow(rgb(168, 168, 120)); } .fire-delta img { .delta-shadow(rgb(240, 128, 48)); } .water-delta img { .delta-shadow(rgb(104, 144, 240)); } .electric-delta img { .delta-shadow(rgb(248, 208, 48)); } .grass-delta img { .delta-shadow(rgb(120, 200, 80)); } .ice-delta img { .delta-shadow(rgb(152, 216, 216)); } .fighting-delta img { .delta-shadow(rgb(192, 48, 40)); } .poison-delta img { .delta-shadow(rgb(160, 64, 160)); } .ground-delta img { .delta-shadow(rgb(224, 192, 104)); } .flying-delta img { .delta-shadow(rgb(168, 144, 240)); } .psychic-delta img { .delta-shadow(rgb(248, 88, 136)); } .bug-delta img { .delta-shadow(rgb(168, 184, 32)); } .rock-delta img { .delta-shadow(rgb(184, 160, 56)); } .ghost-delta img { .delta-shadow(rgb(112, 88, 152)); } .dragon-delta img { .delta-shadow(rgb(112, 56, 248)); } .dark-delta img { .delta-shadow(rgb(112, 88, 72)); } .steel-delta img { .delta-shadow(rgb(184, 184, 208)); } .fairy-delta img { .delta-shadow(rgb(255, 101, 213)); } [/style]

[style] /* https://pokefarm.wiki/Category:List_of_Pok%C3%A9mon */ @pkmn-img: '/img/pkmn/u/7/n/w.png'; /* change to a hex color code of choice, or url('image_link') */ @bg-color: transparent; .delta-list { display: flex; flex-wrap: wrap; text-align: center; border-radius: 5px; padding: 5px; background: @bg-color; >div { padding: 5px; } .pkmn { padding: 5px; &:before { content: url(@pkmn-img); } } } .delta-shadow(@color) { margin: 5px; filter: drop-shadow(0px 1px 0px @color) drop-shadow(-1px 0px 0px @color) drop-shadow(1px 0px 0px @color) drop-shadow(0px 0px 1px @color) drop-shadow(0px -2px 1px @color); } .delta-list .normal .pkmn:before { .delta-shadow(rgb(168, 168, 120)); } .delta-list .fire .pkmn:before { .delta-shadow(rgb(240, 128, 48)); } .delta-list .water .pkmn:before { .delta-shadow(rgb(104, 144, 240)); } .delta-list .electric .pkmn:before { .delta-shadow(rgb(248, 208, 48)); } .delta-list .grass .pkmn:before { .delta-shadow(rgb(120, 200, 80)); } .delta-list .ice .pkmn:before { .delta-shadow(rgb(152, 216, 216)); } .delta-list .fighting .pkmn:before { .delta-shadow(rgb(192, 48, 40)); } .delta-list .poison .pkmn:before { .delta-shadow(rgb(160, 64, 160)); } .delta-list .ground .pkmn:before { .delta-shadow(rgb(224, 192, 104)); } .delta-list .flying .pkmn:before { .delta-shadow(rgb(168, 144, 240)); } .delta-list .psychic .pkmn:before { .delta-shadow(rgb(248, 88, 136)); } .delta-list .bug .pkmn:before { .delta-shadow(rgb(168, 184, 32)); } .delta-list .rock .pkmn:before { .delta-shadow(rgb(184, 160, 56)); } .delta-list .ghost .pkmn:before { .delta-shadow(rgb(112, 88, 152)); } .delta-list .dragon .pkmn:before { .delta-shadow(rgb(112, 56, 248)); } .delta-list .dark .pkmn:before { .delta-shadow(rgb(112, 88, 72)); } .delta-list .steel .pkmn:before { .delta-shadow(rgb(184, 184, 208)); } .delta-list .fairy .pkmn:before { .delta-shadow(rgb(255, 101, 213)); } [/style] [sc=delta-list] [sc=normal][sc=pkmn][/sc][sc=type][type=normal][/sc][/sc] [sc=fire][sc=pkmn][/sc][sc=type][type=fire][/sc][/sc] [sc=water][sc=pkmn][/sc][sc=type][type=water][/sc][/sc] [sc=electric][sc=pkmn][/sc][sc=type][type=electric][/sc][/sc] [sc=grass][sc=pkmn][/sc][sc=type][type=grass][/sc][/sc] [sc=ice][sc=pkmn][/sc][sc=type][type=ice][/sc][/sc] [sc=fighting][sc=pkmn][/sc][sc=type][type=fighting][/sc][/sc] [sc=poison][sc=pkmn][/sc][sc=type][type=poison][/sc][/sc] [sc=ground][sc=pkmn][/sc][sc=type][type=ground][/sc][/sc] [sc=flying][sc=pkmn][/sc][sc=type][type=flying][/sc][/sc] [sc=psychic][sc=pkmn][/sc][sc=type][type=psychic][/sc][/sc] [sc=bug][sc=pkmn][/sc][sc=type][type=bug][/sc][/sc] [sc=rock][sc=pkmn][/sc][sc=type][type=rock][/sc][/sc] [sc=ghost][sc=pkmn][/sc][sc=type][type=ghost][/sc][/sc] [sc=dragon][sc=pkmn][/sc][sc=type][type=dragon][/sc][/sc] [sc=dark][sc=pkmn][/sc][sc=type][type=dark][/sc][/sc] [sc=steel][sc=pkmn][/sc][sc=type][type=steel][/sc][/sc] [sc=fairy][sc=pkmn][/sc][sc=type][type=fairy][/sc][/sc] [/sc]

[pkmnpanel=3mc8] [pkmnpanel=Jg30] [pkmnpanel=kv3l9] [style] /* These default to the VIEWER's skin colors */ /* To customize them, just set hex color codes instead */ @platform-base: @col-bg1; @platform-border: @col-border1; @name-color: @col-fg1; @name-background: @col-bg3; @name-border: @col-border3; @berry-background: @col-flavour-up; @berry-border: @col-fg1; /* Set to "block" to show, "none" to hide */ @display-item: block; @display-berries: block; .party { display: inline-block; &,>div { padding: 0; margin: 0; background: transparent; width: 120px !important; height: 120px; overflow: hidden; border: none; border-radius: 0; box-shadow: none; } >div { &::after { display: none; } .pkmn { margin: 0 10px; float: unset; &::before { background-color: @platform-base; border-color: @platform-border; } .helditem { display: @display-item; .itemsprite { cursor: unset; } .tooltip_content { display: none; } } } .name { background-color: @name-background; border: 1px solid @name-border; border-radius: 5px; margin-top: 1px; height: 16px; display: flex; flex-wrap: nowrap; a { color: @name-color; font-weight: normal; margin: 0 2px; width: 80px !important; flex-grow: 99; font-size: 12px; } img { display: none; } img:nth-last-of-type(-n+2) { display: inline; margin: 0; } } .action { display: @display-berries; position: absolute; left: 88px; top: 70px; height: unset; width: unset; .berrybuttons[data-up="any"]>a[data-berry="aspear"], .berrybuttons[data-up="sour"]>a[data-berry="aspear"], .berrybuttons[data-up="spicy"]>a[data-berry="cheri"], .berrybuttons[data-up="dry"]>a[data-berry="chesto"], .berrybuttons[data-up="sweet"]>a[data-berry="pecha"], .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] { display: inline-block; } .berrybuttons { >a { display: none; width: 20px; height: 20px; line-height: 20px; padding: 5px; background-color: @berry-background; border-radius: 20px; >img { vertical-align: top; max-height: 20px; max-width: 20px; } } >a[data-berry="pecha"] img { /* this berry is short */ margin-top: 1px; } } &.working { opacity: 0.5; } table, a[data-evolve] { /* "thank you" message and evolve button */ display: none; } } .expbar, .taste, .extra { display: none; } } >div:hover>.action a[data-berry]:after { border-color: @berry-border; } } [/style]

[sc=platform-party][pkmnpanel=3mc8][/sc] [sc=platform-party][pkmnpanel=Jg30][/sc] [sc=platform-party][pkmnpanel=kv3l9][/sc] [style] /* These default to the VIEWER's skin colors */ /* To customize them, just set hex color codes instead */ @pparty-platform-base: @col-bg1; @pparty-platform-border: @col-border1; @pparty-name-color: @col-fg1; @pparty-name-background: @col-bg3; @pparty-name-border: @col-border3; @pparty-berry-background: @col-flavour-up; @pparty-berry-border: @col-fg1; /* Set to "block" to show, "none" to hide */ @pparty-display-item: block; @pparty-display-berries: block; @import "skins/user/b/7/q/sharedcss/__extra"; [/style]

[pkmnpanel=3mc8][pkmnpanel=hynl1] [style] /* These default to the VIEWER's skin colors */ /* To customize them, just set hex color codes instead */ @pkmn-panel-bg: @col-bg3; @pkmn-border-color: @col-border3; @pkmn-text-color: @col-fg1; @pkmn-link-color: @col-link1; @pkmn-platform-color: @col-bg1; @pkmn-platform-edge: @col-border1; @pkmn-berry-color: @col-flavour-up; @pkmn-xp-done: @col-bg1; @pkmn-xp-remining: @col-bg3; @pkmn-xp-text: @col-fg1; @pkmn-xp-border: @col-border3; .party { display: inline-block; margin: 10px; width: unset !important; color: @pkmn-text-color; a { color: @pkmn-link-color; } >div { background: @pkmn-panel-bg; border-color: @pkmn-border-color; box-shadow: none; width: 250px; margin: 0; overflow: hidden; &:hover>.action a[data-berry]:after { color: @pkmn-border-color; } >.pkmn:before { background-color: @pkmn-platform-color; border-color: @pkmn-platform-edge; } >.name a { margin-bottom: 5px; max-width: 140px; } >.expbar { width: 140px; height: 25px; margin-top: 2px; background-color: @pkmn-xp-remining; border-color: @pkmn-xp-border; color: @pkmn-xp-text; >div { border-color: @pkmn-xp-border; background-color: @pkmn-xp-done; } } >.extra { >.happy { display: none; } >.nature { width: 165px; margin-left: 5px; } } >.action { width: 140px; height: 30px; >.berrybuttons { >a { background-color: @pkmn-berry-color; display: none; width: 100%; height: 30px; padding: 3px; box-sizing: border-box; >img { height: 25px; vertical-align: top; } } } >.berrybuttons[data-up="any"]>a[data-berry="aspear"] { display: inline-block; border-radius: 20px; } >.berrybuttons[data-up="sour"]>a[data-berry="aspear"] { display: inline-block; } >.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] { display: inline-block; } >.berrybuttons[data-up="dry"]>a[data-berry="chesto"] { display: inline-block; } >.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] { display: inline-block; } >.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] { display: inline-block; } } } } [/style]

[sc=compact-party][pkmnpanel=3mc8][/sc] [sc=compact-party][pkmnpanel=hynl1][/sc] [style] /* These default to the VIEWER's skin colors */ /* To customize them, just set hex color codes instead */ @cparty-pkmn-panel-bg: @col-bg3; @cparty-pkmn-border-color: @col-border3; @cparty-pkmn-text-color: @col-fg1; @cparty-pkmn-link-color: @col-link1; @cparty-pkmn-platform-color: @col-bg1; @cparty-pkmn-platform-edge: @col-border1; @cparty-pkmn-berry-color: @col-flavour-up; @cparty-pkmn-xp-done: @col-bg1; @cparty-pkmn-xp-remining: @col-bg3; @cparty-pkmn-xp-text: @col-fg1; @cparty-pkmn-xp-border: @col-border3; @import "skins/user/b/7/q/sharedcss/__extra"; [/style]

// ==UserScript== // @name Interaction Page 50 Sent // @namespace https://pokefarm.com/user/Tarashia // @version 1.0 // @description Show up to 50 users from sent interactions // @author Tarashia // @match https://pokefarm.com/interactions // @icon https://pokefarm.com/favicon.ico // @grant none // ==/UserScript== (function() { 'use strict'; var names = ""; var lists = document.getElementsByClassName('userlist'); var lastList = lists[lists.length-1]; if(lastList.parentElement.previousElementSibling.innerText == "Sent"){ var nameElements = lastList.childNodes; for(var i=0; i<nameElements.length; i++){ if(i>=50){ break; } if(i!=0){ names+=","; } var userUrl = nameElements[i].lastChild.href; var name = userUrl.split("/user/")[1]; names+=name; } var url = "https://pokefarm.com/users/"+names; var newP = document.createElement("p"); var newLink = document.createElement("a"); newLink.href = url; if(i>=50){ newLink.innerText = "Open top 50 users"; } else{ newLink.innerText = "Open all users"; } newP.appendChild(newLink); lastList.parentNode.insertBefore(newP,lastList); } })();

// ==UserScript== // @name Field summary links // @namespace https://pokefarm.com/user/Tarashia // @version 1.0 // @description Show all summary links of Pokemon in fields // @author Tarashia // @match https://pokefarm.com/fields // @grant none // ==/UserScript== (function() { 'use strict'; var body = document.getElementsByTagName('body')[0]; var header = document.getElementsByTagName('h1')[0]; var core = document.getElementById('core'); var newBtn = document.createElement('button'); header.appendChild(newBtn); newBtn.innerText = 'View links'; newBtn.style= 'vertical-align:middle;margin-left: 10px;'; newBtn.onclick = function(){ var content = '<h3>Pokemon links</h3><table>'; var fieldmon = document.getElementsByClassName('fieldmon'); for(var i=0; i<fieldmon.length; i++){ if(i%4==0) { content += '<tr>'; } var pkmnID = fieldmon[i].getAttribute('data-id'); var small = fieldmon[i].children[1]; var imgSRC = small.getAttribute('src'); var pkmnName = small.getAttribute('alt'); content += '<td style="padding:5px;"><img src="'+imgSRC+'"> <a href="/summary/'+pkmnID+'">'+pkmnName+'</a></td>'; if(i%4==3) { content += '</tr>'; } } content += '</table>'; var dialog = document.createElement('div'); var dialogDiv1 = document.createElement('div'); var dialogDiv2 = document.createElement('div'); var dialogDiv3 = document.createElement('div'); var closeBtn = document.createElement('button'); closeBtn.setAttribute('type','button'); closeBtn.style = 'float:right;margin:8px;'; closeBtn.innerText = 'Close'; closeBtn.onclick = function() { dialog.remove(); core.classList.remove('scrolllock'); } dialog.classList.add('dialog'); dialog.appendChild(dialogDiv1); dialogDiv1.appendChild(dialogDiv2); dialogDiv2.appendChild(dialogDiv3); dialogDiv3.innerHTML = content; dialogDiv3.appendChild(closeBtn); body.prepend(dialog); core.classList.add('scrolllock'); }; })();

// ==UserScript== // @name Variety eggs // @namespace TarashiaPFQ // @description Keep track of eggs during the hatch variety eggs tournament. Tracks lab & shelter eggs automatically - must manually add daycare, supplier, etc. // @version 1.3 // @license MIT // @match https://pokefarm.com/shelter // @match https://pokefarm.com/lab // @icon https://pokefarm.com/favicon.ico // @grant GM.getValue // @grant GM.setValue // ==/UserScript== (function() { // Change these to change how new/used/excluded eggs appear // Due to current style limitations, the used and exclude styles must also undo any of the above changes const newStyle = '{ filter: drop-shadow(0 0 10px yellow); }'; const usedStyle = '{ opacity: 0.3; filter: none !important; }'; const excludedStyle = '{ opacity: 1 !important; filter: none !important; }'; const wikiPage = 'https://pokefarm.wiki/index.php?title=Special:Search&search=Pokemon+Code+Compendium'; // Highlight used eggs var newStyleNode = document.createElement('style'); var usedStyleNode = document.createElement('style'); document.querySelector('body').append(newStyleNode); document.querySelector('body').append(usedStyleNode); const highlightEggs = () => { var addUsedStyle = ''; for(var i=0; i<usedEggs.length; i++) { if(addUsedStyle !== '') { addUsedStyle +=', '; } addUsedStyle += 'img[src*="'+usedEggs[i]+'"]'; } if(addUsedStyle !== '') { addUsedStyle += usedStyle; } var addExcludeStyle = ''; for(var i=0; i<excludedEggs.length; i++) { if(addExcludeStyle !== '') { addExcludeStyle +=', '; } addExcludeStyle += 'img[src*="'+excludedEggs[i]+'"]'; } if(addExcludeStyle !== '') { addExcludeStyle += excludedStyle; } usedStyleNode.innerText = addUsedStyle+' '+addExcludeStyle; } // Storage interface var usedEggs = []; var excludedEggs = []; const storeData = () => { GM.setValue('usedEggs', JSON.stringify(usedEggs)); GM.setValue('excludedEggs', JSON.stringify(excludedEggs)); } const fetchData = async () => { const storedUsedData = await GM.getValue('usedEggs'); if(storedUsedData) { try { usedEggs = JSON.parse(storedUsedData); } catch(e) { usedEggs = []; console.warn('Failed to parse stored used data:'); console.warn(storedUsedData); } } const storedExcludeData = await GM.getValue('excludedEggs'); if(storedExcludeData) { try { excludedEggs = JSON.parse(storedExcludeData); } catch(e) { excludedEggs = []; console.warn('Failed to parse stored excluded data:'); console.warn(storedExcludeData); } } highlightEggs(); } // Retrieve stored egg data fetchData(); // Store egg data const storeEgg = (imgSrc,exclude=false) => { const imgLoc = imgSrc.indexOf('/img/'); const pngLoc = imgSrc.indexOf('.png'); const eggID = imgSrc.substring(imgLoc,pngLoc+4); if(!exclude) { if(!usedEggs.includes(eggID)) { usedEggs.push(eggID); highlightEggs(); storeData(); } else { console.warn('Did not store repeat used egg: '+eggID); } } else { if(!excludedEggs.includes(eggID)) { excludedEggs.push(eggID); highlightEggs(); storeData(); } else { console.warn('Did not store repeat exclude egg: '+eggID); } } } // Clear stored data const clearData = () => { if(document.getElementById('clearUsedEggs').checked) { usedEggs = []; } else if(document.getElementById('clearExcludedEggs').checked) { excludedEggs = []; } else { usedEggs = []; excludedEggs = []; } highlightEggs(); storeData(); closeDialog(); } const confirmClear = () => { var content = '<p>Are you sure you want to clear your data?</p><p>You <b>cannot</b> undo this action.</p>'; content += '<div style="margin-bottom: 5px;"><input type="radio" id="clearUsedEggs" name="clearType" checked> <label for="clearUsedEggs">Used eggs only</label></div>'; content += '<div style="margin-bottom: 5px;"><input type="radio" id="clearExcludedEggs" name="clearType" > <label for="clearExcludedEggs">Excluded eggs only</label></div>'; content += '<div><input type="radio" id="clearAll" name="clearType"> <label for="clearAll">All data</label></div>'; dialogBox(content, clearData, 'Yes, clear data', 'Cancel'); } var buttonContainer = document.createElement('div'); buttonContainer.style = 'text-align: center;'; var clearButton = document.createElement('button'); clearButton.innerText = 'Clear data'; clearButton.onclick = confirmClear; buttonContainer.append(clearButton); // Manually add data const manualAdd = () => { var eggCode = document.getElementById('addExcludeCode').value; if(!eggCode.match('^[a-z0-9](\/[a-z0-9])+$')) { alert('Bad code format. Please try again.'); return; } if(document.getElementById('addUsedEgg').checked) { storeEgg('/img/pkmn/'+eggCode+'.png'); } else if(document.getElementById('addExcludedEgg').checked) { storeEgg('/img/pkmn/'+eggCode+'.png',true); } closeDialog(); } const addWindow = () => { var content = '<p>Enter an image code. Example: c/0/7</p>'; content += '<p><a href="'+wikiPage+'" target="_blank">Wiki page with all egg codes</a></p>'; content += '<div style="margin-bottom: 5px;"><input id="addExcludeCode" type="text" style="width: 100%;"></input></div>'; content += '<div style="margin-bottom: 5px;"><input type="radio" id="addUsedEgg" name="manualEntry" checked> <label for="addUsedEgg">Add used egg</label></div>'; content += '<div><input type="radio" id="addExcludedEgg" name="manualEntry"> <label for="addExcludedEgg">Exclude egg</label></div>'; dialogBox(content, manualAdd, 'Add egg', 'Cancel'); } var addButton = document.createElement('button'); addButton.innerText = 'Add/exclude egg'; addButton.onclick = addWindow; addButton.style = 'margin-left: 15px;'; buttonContainer.append(addButton); // Export & import data const updateData = () => { try { var importData = JSON.parse(atob(document.getElementById('importExportData').value)); } catch(e) { alert('Bad backup format. Please try again.'); return; } console.log(importData); if('usedEggs' in importData && 'excludedEggs' in importData) { usedEggs = importData.usedEggs; excludedEggs = importData.excludedEggs; highlightEggs(); storeData(); } else { alert('Bad backup format. Please try again.'); return; } closeDialog(); } const showData = () => { var content = '<p>Here is your current saved data.</p><p>You can back it up, or transfer it to another device.</p>'; var exportData = { usedEggs: usedEggs, excludedEggs: excludedEggs }; content += '<textarea id="importExportData" style="width: 100%;" rows="5">'+btoa(JSON.stringify(exportData))+'</textarea>'; dialogBox(content, updateData, 'Update egg list'); } var exportButton = document.createElement('button'); exportButton.innerText = 'Import/export data'; exportButton.onclick = showData; exportButton.style = 'margin-left: 15px;'; buttonContainer.append(exportButton); // Detect eggs adopted from lab const labWatch = () => { // buttons in the lab area start disabled, so must re-enable them clearButton.removeAttribute('disabled'); addButton.removeAttribute('disabled'); exportButton.removeAttribute('disabled'); const availableEggs = document.querySelectorAll('#egglist>div'); for(var i=0; i<availableEggs.length; i++) { if(availableEggs[i].innerText.includes('Egg adopted successfully!')) { storeEgg(availableEggs[i].children[1].src); } } } if(window.location == 'https://pokefarm.com/lab') { const labMO = new MutationObserver(labWatch); labMO.observe(document.querySelector('#egglist'), { childList: true, subtree: true }); document.querySelector('#eggsbox360').append(buttonContainer); newStyleNode.innerText = '#egglist img '+newStyle; } // Detect eggs adopted from shelter const shelterWatch = () => { const adoptionContainer = document.querySelector('#shelterarea .panel h3'); const eggContainer = document.querySelector('.adoptme .egg'); // if the adoption success panel is open, and it was an egg if(adoptionContainer && adoptionContainer.innerText == 'Adoption successful!' && eggContainer) { storeEgg(eggContainer.style['background-image']); } } if(window.location == 'https://pokefarm.com/shelter') { const shelterMO = new MutationObserver(shelterWatch); shelterMO.observe(document.querySelector('#shelterarea'), { childList: true }); try { const bgColor = window.getComputedStyle(document.querySelector('#sheltercommands')).getPropertyValue('background-color'); buttonContainer.style.backgroundColor = bgColor; } catch(e) { console.warn('Failed to set button container background'); console.warn(e); } buttonContainer.style.borderRadius = '0 0 6px 6px'; buttonContainer.style.paddingTop = '10px'; buttonContainer.style.paddingBottom = '5px'; document.querySelector('#shelter').append(buttonContainer); // Only highlight eggs newStyleNode.innerText = '#shelterarea div[data-stage="egg"] img '+newStyle; } // Create dialog box - action must be a function or null const dialogBox = (content, action, actionText, closeText='Close') => { var dialog = document.createElement('div'); dialog.classList = 'veDialog'; var dialogDiv1 = document.createElement('div'); var dialogDiv2 = document.createElement('div'); var dialogDiv3 = document.createElement('div'); var dialogContent = document.createElement('div'); var dialogFooter = document.createElement('div'); var closeBtn = document.createElement('button'); closeBtn.setAttribute('type','button'); closeBtn.style = 'float:right;margin:8px;'; closeBtn.innerText = closeText; closeBtn.onclick = function() { closeDialog(); } dialog.classList.add('dialog'); dialog.appendChild(dialogDiv1); dialogDiv1.appendChild(dialogDiv2); dialogDiv2.appendChild(dialogDiv3); dialogContent.innerHTML = content; dialogContent.style = 'padding: 10px;'; dialogDiv3.appendChild(dialogContent); dialogDiv3.appendChild(dialogFooter); dialogFooter.appendChild(closeBtn); if(action) { var actionBtn = document.createElement('button'); actionBtn.setAttribute('type','button'); actionBtn.style = 'float:right;margin:8px;'; actionBtn.innerText = actionText; actionBtn.onclick = action; dialogFooter.appendChild(actionBtn); } var body = document.getElementsByTagName('body')[0]; body.prepend(dialog); var core = document.getElementById('core'); core.classList.add('scrolllock'); return dialog; } const closeDialog = () => { var dialogs = document.getElementsByClassName('veDialog'); for(var i=0; i<dialogs.length; i++) { dialogs[i].remove(); } var core = document.getElementById('core'); core.classList.remove('scrolllock'); } } )();