client.php

Go to the documentation of this file.

<?php

declare(strict_types=1);

namespace ILIAS\UI\examples\Progress\Bar;

function client(): string
{
    global $DIC;
    $factory = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();

    $progress_bar = $factory->progress()->bar('clicking the button 10 times');

    $make_progress = $factory->button()->standard('make some progress', '#');
    $make_progress = $make_progress->withAdditionalOnLoadCode(
        static fn(string $id) => "
            let progress = 0;
            document.getElementById('$id')?.addEventListener('click', (event) => {
                if (90 === progress) {
                    event.target.disabled = true;
                    il.UI.Progress.Bar.success('{$progress_bar->getUpdateSignal()}', 'all done!');
                    return;
                }
                
                progress += 10;
                il.UI.Progress.Bar.determinate('{$progress_bar->getUpdateSignal()}', progress);
            });
        ",
    );

    return $renderer->render([$progress_bar, $make_progress]);
}