@yuebai008/cli
Version:
Command line interface for rapid qg-minigame development
1 lines • 2.04 kB
JavaScript
import*as Dialogs from"../../../../ui/components/dialogs/dialogs.js";const showConnectors=[!0,!1],verticalPositions=["top","bottom"],horizontalAlignments=["auto","left","center","right","auto"],root=document.getElementById("root");let i=0;for(const o of showConnectors)for(const t of verticalPositions){const e=document.createElement("div");e.classList.add("row"),root.appendChild(e);for(const n of horizontalAlignments){const s=new Dialogs.Dialog.Dialog,d=document.createElement("div");d.classList.add("container"),d.id=`container-${i}`;const a=document.createElement("div");a.classList.add("dialog-host"),a.id=`host-${i}`,a.textContent="Hover me",d.appendChild(a),e.appendChild(d),s.position=t,s.horizontalAlignment=n,s.showConnector=o,s.origin=a,s.id=`dialog-${i}`,a.addEventListener("mouseover",(()=>{s.setDialogVisible(!0)})),s.addEventListener("clickoutsidedialog",(()=>{s.setDialogVisible(!1)}));const l=document.createElement("div");l.classList.add("dialog-content"),l.style.padding="0 1em",l.innerHTML=`Hello, World<br/>Show connector: ${o}<br/>Vertical position: ${t}<br/>Horizontal alignment: ${n}`,s.appendChild(l),root.appendChild(s),i++}}for(const o of verticalPositions){const t=document.createElement("div");t.classList.add("row"),root.appendChild(t);for(const e of horizontalAlignments){const n=new Dialogs.Dialog.Dialog,s=document.createElement("div");s.classList.add("container"),s.id=`container-${i}`;const d=document.createElement("div");d.classList.add("dialog-host-narrow"),d.id=`host-${i}`,d.textContent="H",s.appendChild(d),t.appendChild(s),n.position=o,n.horizontalAlignment=e,n.showConnector=!0,n.origin=d,n.id=`dialog-${i}`,d.addEventListener("mouseover",(()=>{n.setDialogVisible(!0)})),n.addEventListener("clickoutsidedialog",(()=>{n.setDialogVisible(!1)}));const a=document.createElement("div");a.classList.add("dialog-content"),a.style.padding="0 1em",a.innerHTML=`Hello, World<br/>Show connector: true<br/>Vertical position: ${o}<br/>Horizontal alignment: ${e}`,n.appendChild(a),root.appendChild(n),i++}}