from nicegui import ui

def expand_all_iframes():
    for i in range(1, 11):
        ui.run_javascript(f"var ifr = document.getElementById('iframe{i}'); if (ifr) {{ var links = ifr.contentWindow.document.querySelectorAll('a'); links.forEach(function(link) {{ if (link.textContent.includes('设置')) {{ link.click(); }} }}); }}")


def speed_test_all_iframes():
    # 在这里实现一键测速的功能
    pass


with ui.row().classes('w-full justify-center items-center'):
    with ui.button('展开').on('click', expand_all_iframes):
        pass
    with ui.button('一键测速').on('click', speed_test_all_iframes):
        pass

with ui.row().classes('w-full justify-center gap-4'):
    with ui.column().classes('items-center'):
        with ui.label('01').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe1" src="http://192.168.31.194:58001/" width="200%" height="445%" style="overflow:auto;"></iframe>')

    with ui.column().classes('items-center'):
        with ui.label('02').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe2" src="http://192.168.31.194:58002/" width="200%" height="445%" style="overflow:auto;"></iframe>')

    with ui.column().classes('items-center'):
        with ui.label('03').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe1" src="http://192.168.31.194:58003/" width="200%" height="445%" style="overflow:auto;"></iframe>')

with ui.row().classes('w-full justify-center gap-4'):
    with ui.column().classes('items-center'):
        with ui.label('04').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe4" src="http://192.168.31.194:58004/" width="200%" height="445%" style="overflow:auto;"></iframe>')

    with ui.column().classes('items-center'):
        with ui.label('05').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe5" src="http://192.168.31.194:58005/" width="200%" height="445%" style="overflow:auto;"></iframe>')

    with ui.column().classes('items-center'):
        with ui.label('06').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe6" src="http://192.168.31.194:58006/" width="200%" height="445%" style="overflow:auto;"></iframe>')

with ui.row().classes('w-full justify-center gap-4'):
    with ui.column().classes('items-center'):
        with ui.label('07').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe7" src="http://192.168.31.194:58007/" width="200%" height="445%" style="overflow:auto;"></iframe>')

    with ui.column().classes('items-center'):
        with ui.label('08').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe8" src="http://192.168.31.194:58008/" width="200%" height="445%" style="overflow:auto;"></iframe>')

    with ui.column().classes('items-center'):
        with ui.label('09').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe9" src="http://192.168.31.194:58009/" width="200%" height="445%" style="overflow:auto;"></iframe>')

with ui.row().classes('w-full justify-center gap-4'):
    with ui.column().classes('items-center'):
        with ui.label('10').classes('text-2xl font-bold'): pass
        with ui.card().style('width: 630px; height: 700px;') as card:
            ui.html('<iframe id="iframe10" src="http://192.168.31.194:58010/" width="200%" height="445%" style="overflow:auto;"></iframe>')

ui.run()