from playwright.sync_api import sync_playwright
cookies=[]
for line in open('cj.txt'):
    if line.startswith('#') or not line.strip(): continue
    p=line.rstrip('\n').split('\t')
    if len(p)>=7: cookies.append((p[5],p[6]))
with sync_playwright() as pw:
    b=pw.chromium.launch(args=['--ignore-certificate-errors'])
    ctx=b.new_context(viewport={'width':1400,'height':900},ignore_https_errors=True)
    ctx.add_cookies([{'name':n,'value':v,'domain':'seaside.pacim.de','path':'/'} for n,v in cookies])
    pg=ctx.new_page()
    pg.goto('https://seaside.pacim.de/index.php?getTemplate=mailing',wait_until='networkidle')
    pg.click('button[data-bs-target="#ml-settings"]'); pg.wait_for_timeout(800)
    info=pg.evaluate(r'''()=>{
      const nav=document.querySelector('.nav-tabs').getBoundingClientRect();
      const tc=document.querySelector('.tab-content').getBoundingClientRect();
      const panes=[...document.querySelectorAll('.tab-content > .tab-pane')].map(p=>{
        const r=p.getBoundingClientRect(); const cs=getComputedStyle(p);
        return {id:p.id, disp:cs.display, top:Math.round(r.top), h:Math.round(r.height), cls:p.className};
      });
      // any element overlapping the gap region (navBottom..paneTop) with height
      const gapTop=nav.bottom, gapBot=tc.top;
      return {navBottom:Math.round(nav.bottom), tcTop:Math.round(tc.top), tcH:Math.round(tc.height), panes};
    }''')
    import json; print(json.dumps(info,indent=1))
    b.close()