vlw.se/public/assets/js/pages/playground/index.js

23 lines
No EOL
755 B
JavaScript

import { Elevent } from "/assets/js/modules/npm/Elevent.mjs";
new Elevent("click", document.querySelector("section.sss button"), (event) => {
const SSS_TAG_NAME = "super-secret-settings";
let sssElement = document.querySelector(SSS_TAG_NAME);
// Create SSS element if one does not exist
if (!sssElement) {
sssElement = document.createElement(SSS_TAG_NAME);
document.body.appendChild(sssElement);
}
const size = event.target.getBoundingClientRect();
// Set initial window position above button
const y = size.top;
const x = size.left + size.width;
sssElement.style.transform = `translate(${x}px, ${y}px)`
// Navigate SSS element to playground page
new vegvisir.Navigation("/playground/super-secret-settings").navigate(sssElement);
});