drilldown.php

Go to the documentation of this file.

<?php
function drilldown()
{
 
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
 
    $ico = $f->symbol()->icon()->standard('', '')->withSize('medium')->withAbbreviation('+');
 
    $image = $f->image()->responsive("src/UI/examples/Image/mountains.jpg", "Image source: https://stocksnap.io, Creative Commons CC0 license");
    $page = $f->modal()->lightboxImagePage($image, 'Mountains');
    $modal = $f->modal()->lightbox($page);
 
    $button = $f->button()->bulky($ico->withAbbreviation('>'), 'Modal', '')
        ->withOnClick($modal->getShowSignal());
 
    $label = $f->button()->bulky($ico->withAbbreviation('0'), 'Tier des Jahres (0)', '');
 
    $uri = new \ILIAS\Data\URI('https://ilias.de');
    $link = $f->link()->bulky($ico->withAbbreviation('>'), 'Link', $uri);
 
    $items = [
        $f->menu()->sub(toBulky('Schweiz (1)'), [
            $f->menu()->sub(
                toBulky('Bachflohkrebs (1.1)'),
                [$button, $link]
            )
                ->withInitiallyActive(),
            $f->menu()->sub(toBulky('Wildkatze (1.2)'), [
                $f->menu()->sub('gewöhnliche Wildkatze (1.2.1)', [$button]),
                $f->menu()->sub('große Wildkatze (1.2.2)', [$button])
            ]),
            $button
        ]),
 
        $f->menu()->sub(toBulky('Deutschland (2)'), [
            $f->menu()->sub('Fischotter (2.1)', [$button]),
            $f->menu()->sub('Maulwurf (2.2)', [$button]),
            $f->divider()->horizontal(),
            $f->menu()->sub('Reh (2.3)', [$button])
        ])
    ];
 
    $dd = $f->menu()->drilldown($label, $items);
 
    return $renderer->render([
        $dd,
        $modal
    ]);
}
 
 
function toBulky(string $label) : \ILIAS\UI\Component\Button\Bulky
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $ico = $f->symbol()->icon()->standard('', '')
        ->withSize('medium')
        ->withAbbreviation('+');
 
    return $f->button()->bulky($ico, $label, '');
}