Router

<?php $base = '/examples/router/'; $Home = el('div', [], [ el('h1', [], [ text('Home') ]), link($base.'search?q=chair', [ cls('btn btn-primary m-3') ], [ text('Search "chair"') ]), el('p', [], [ text('Go to Auction 42: '), link($base.'auction/42', [], [ text('open') ]), ]), ]); $Auction = el('div', [], [ el('h1', [], [ text(concat('Auction ', param('id'))) ]), el('button', [ cls('btn btn-primary m-3'), on('click', navigate($base)), attrs(['id'=>'back-button']), ], [ text('Back') ]), // programmatic back to search preset: el('button', [ cls('btn btn-warning'), on('click', navigate(concat($base, 'search?q=table'))), attrs(['id'=>'search-button']), ], [ text('Search tables') ]), ]); $Search = el('div', [], [ el('h1', [], [ text('Search') ]), el('p', [], [ text(concat('q=', query('q'))) ]), link($base, [cls('btn btn-primary m-3')], [ text('Home') ]), ]); $NotFound = el('h1', [], [ text('Page Not Found.. why oh why???') ]); $app = el('div' ,[ cls('container my-5') ], [ client( route([ $base => $Home, $base . 'auction/:id' => $Auction, $base . 'search' => $Search, ], $NotFound) ), ]);